FrontEngineer JungBam

create-next-app을 만들면 아래 사진과 같이 초기 설정에 대한 물음이 나온다. 아래 물어보는 것들에 대한 대답이 기본값이 되어있는데 여기에서 하나 눈에 띄는 것은 내가 next.js 12버전으로 배웠을 와는 달리 tailwind css에 대한 질문과 App Router에 대한 질문이 추가되었다. npx create-next-app@latest src/ 디렉토리를 사용할것인가에 대한 차이가 궁금해서 각각 만들어봤을때, 그냥 app이 root에 생기는지 아니면 src/app으로 생성되는지의 차이일 뿐이었다.(아래그림 참조) 기존에 12버전으로 프로젝트를 만들다가 이번에 정리를 하면서 13버전을 공부하다보니 왜 13버전을 사용해야하지? 라는 근본적인 궁금증이 생겼다. 1. 라우팅 방식의 변화 : p..

next.js는 리액트의 프레임워크! 그렇다면 리액트는? 라이브러리(UI, 상태관리, 라우팅 등에 대한) 그럼 먼저 프레임워크와 라이브러리의 차이에 대해서 알아봐야겠군! 프레임워크와 라이브러리의 가장 큰 차이는 제어 흐름의 소유권을 누가 갖고 있는지! 즉, 개발자가 제어 흐름의 소유권을 갖고 단지 도구로 가져다 쓰는 것이라면 라이브러리, 개발에 대한 구조와 규칙이 제공되어서 개발자가 그것에 맞춰서 코드를 작성해야한다면 프레임워크라고 할 수 있다. 두 개의 개념을 찾다보면 철근뼈대가 잡혀있는 건물안에서 건물을 짓고 있는 그림과 망치를 들고 있는 그림을 자주보는데 이처럼 구조가 잡혀서 그 안에서 작업을 하는 것을 프레임워크라고 생각하면 되고, 망치처럼 필요할 때 꺼내서 사용할 수 있는 것을 라이브러리라고 생..