본문 바로가기

L'etude36

next.js - pages 디렉토리에는 import와 export만 하는 index.ts 파일을 생성할 필요가 없다. https://long-factory-3d5.notion.site/pages-import-export-index-ts-7a59529d9aa849f39b14dca8bb84f1e5 pages 디렉토리에는 import와 export만 하는 index.ts 파일을 생성할 필요가 없다. EditAll 개발을 진행하면서 폴더 구조에 대해서 많이 생각해 보는 계기가 되었다. long-factory-3d5.notion.site EditAll 개발을 진행하면서 폴더 구조에 대해서 많이 생각해 보는 계기가 되었다. components 디렉토리에서는 파일명을 index.tsx로 할 수 있었으나, 그렇게 하게 되면 컴포넌트 내에 모든 파일명이 index.tsx가 되어 파일의 경로를 확인하지 않는 이상 한눈에 확인하기 어렵다는.. 2022. 11. 14.
next.js 버전 13 Rendering Fundamentals https://long-factory-3d5.notion.site/Rendering-Fundamentals-143270246450432881aa9ac10da5f968 Rendering Fundamentals Server and Client Components long-factory-3d5.notion.site Server and Client Components 클라이언트와 서버 환경의 두가지 렌더링 환경이 있습니다. 클라이언트 렌더링 환경 : 응용 프로그램 코드에 대한 요청을 서버에 보내는 사용자 장치의 브라우저를 나타냅니다. 그런 다음 서버의 응답을 사용자가 상호 작용할 수 있는 인터페이스로 바꿉니다. 서버 렌더링 환경 : 애플리케이션 코드를 저장하고, 클라이언트로부터 요청을 수신하고, 일부 계산을 수.. 2022. 11. 14.
React Query vs RTK Query https://long-factory-3d5.notion.site/React-Query-vs-RTK-Query-314c654cf89d433abce0e5e5569b02e9 React Query vs RTK Query 1. React Query란 무엇인가? long-factory-3d5.notion.site 1. React Query란 무엇인가? 서버와 클라이언트 간의 비동기 작업을 관리하는 서버 상태 라이브러리이다. React Query란 React 애플리케이션에서 서버 상태를 가져오고 , 캐싱하고 , 동기화하고 업데이트 하는 작업을 쉽게 만드는 라이브러리이다. 2. React Query를 사용하는 이유는 무엇인가? React 애플리케이션에서 서버 상태를 fetching하고, caching하고, 동기화하고.. 2022. 11. 13.
npm ci를 하는 이유 https://long-factory-3d5.notion.site/npm-ci-e550d69fe35e4cb8945835aad1446c54 npm ci 1. npm ci 란 무엇인가? long-factory-3d5.notion.site 1. npm ci 란 무엇인가? ci라 함은 Contiuouse Integration (지속적인 통합) 이라는 의미입니다. npm install 과 커맨드가 유사하나, npm install을 사용하는 것보다 두배정도가 빠릅니다. 2. npm ci의 장점은 무엇인가? npm ci 의 장점을 빠른 설치 속도라고 이야기 하고 있습니다. npm install 과 커맨드가 유사하나, npm install을 사용하는 것보다 두배정도가 빠릅니다. package-lock.json 등의 l.. 2022. 11. 13.