내맘대로 frontend 낙서장

시작하기에 앞서 우리는 부모 자식간의 데이터를 전달 할 때 props를 사용합니다. 그러나 위 사진에서 root에서 DeepChild로 데이터를 전달하는 것 처럼 계속해서 Props로 데이터를 전달할 시에 프롭 드릴링(prop drilling)문제가 생기게 됩니다. ** prop drilling : 동일한 prop을 전달하는 중첩 컴포넌트의 수가 증가함에 따라서 종속성 트리(dependecy tree)가 깊어지고 코드 유지관리가 어려워지는 문제 prop drilling은 다음과 같은 문제를 야기하는데 성능 저하 : prop을 전달하는 컴포넌트의 수가 증가함에 따라 성능에 영향을 미칠 수 있습니다. 또한 각 컴포넌트에 prop을 렌더링 함으로써 불필요한 처리가 발생할 수 있습니다. 코드 유지 관리 : 종속..

Nuxt3에 Routes에는 두가지가 있는데 Nested Routes(중첩 라우트) Dynamic Routes(동적 라우트) Nested Routes 중첩된 경로를 표시하는 방법 예시) 경로 ---pages -course --lesson.vue course.vue // course.vue Course: Mastering Nuxt 3 Chapters // ---> 얘가 중첩라우팅 해주는거임 //course/lesson.vue Lesson This is a lesson 테일윈드를 사용한거임 실제로 http://localhost:3000/course 를 살펴보면 저렇게 되어있는데 이제 우리는 중첩라우팅을 사용했으므로 http://localhost:3000/course/lesson을 입력해서 확인하면 저 빨간 ..