개발일지

1. nuxtApp 프로그램이 실행되는 동안의 정보를 갖고 있는 객체 https://nuxt.com/docs/guide/going-further/nuxt-app NuxtApp · Nuxt Advanced In Nuxt 3, you can access runtime app context within composables, components and plugins. nuxt.com 2. plugins auto-import 적용 ,, 하지만 중첩 디렉토리가 있다면 nuxt.config.js에서 수동으로 등록해줘야 한다. 등록 순서는 알파벳 순 .. 하지만 병렬 등록도 할 수 있음. 3. GA 관련 활용 참고 'vue-gtag' https://gymcoding.notion.site/Nuxt-plugins-uti..

0. 아래 코드는 왜 내가 생각한 대로 작동하지 않을까 ? watchEffect(() => { const { data } = useAsyncData("fetch1", () => $fetch("https://jsonplaceholder.typicode.com/posts", { params: { page: id.value, }, }) ); console.log(data); console.log(id); }); 1. auto-imports 2. 페이지 이동 이벤트 => script에 라우터 이동 함수를 만들어서 click 이벤트로 거는 것 보다, 로 감싸서 이동 이벤트를 거는 것이 SEO 최적화에 유리하다. 3. Nuxt alias https://nuxt.com/docs/api/nuxt-config#alias..

1. vue3 component design 2. 일반 script vs script setup 3. plugin파일에서 app.config.globalProperties.$*** 와 app.provide('***', ***) 의 차이 => element에서 $로 바로 접근과 setup 함수(

김영한님 강의 스프링 DB 1편 보고 정리해보기 1. 커넥션 풀 매번 DB에 접근하기 위해 커넥션을 연결하는데는 복잡한 과정과 반복되는 시간 및 리소스 소모가 발생한다. 이 문제를 해결하기 위해 커넥션 풀이라는 방법이 고안되었고 상용화되었다. 미리 커넥션을 생성해두고 클라이언트가 커넥션을 요구할 때 생성해 둔 커넥션을 사용한다. DB에 무한정 연결이 생성되는 것을 막아 DB를 보호하는 효과도 있다. 대표적인 커넥션 풀 오픈소스는 HikariCP등이 있다. springboot 프로젝트의 경우 기존 라이브러리에 포함되어 있다. dependencies에 라이브러리 추가 -> properties 파일 수정 -> DBConfig 파일 생성을 통해 HikariCP를 적용할 수 있다. 2. 트랜잭션 트랜잭션은 ACI..