NYchicken's blog ;

Library 란? 사용자가 파일 이름이나 구조등을 정하고, 모든 결정을 내린다. 공통으로 사용될 만한 유용한 기능을 모듈화해서 제공하는 것이다. 코드의 자율성이 높지만, 다른 개발자와 협업시 이 자율성이 문제가 될 수도 있어 반드시 협의가 필요하다. -> React.js Framework 란? 파일 이름이나 구조등 정해진 규칙에 따라 만든다. 기능뿐만 아니라 프로그래밍 방식도 규칙으로 제한해, 개발의 생산성을 높이고, 유지보수를 편하게 도와준다. 자율성은 낮지만, 다른 개발자들과 협업시 유지보수 및 개발 방식 통일이 용이해진다. -> Next.js, Vue.js, Nuxt.js create react-app 을 사용하게되면 App Component 로 시작하게 된다. 우리는 이때 Components 폴..

앞의 포스팅을 잘 따라해 Nextjs 프로젝트를 문제없이 생성했다면 이런 파일구조를 가진 폴더가 생긴다. 🥨 Pages Next.js에서 page는 pages 디렉터리의 .js, .jsx, .ts, .tsx 파일로부터 export된 React Component 이다. 각 페이지는 그들의 파일 이름을 기반으로 route 된다. 별도의 React router Dom 을 다운 받을 필요도 없고, 설정도 안해도 되고, router 안만들어도 되고, 컴포넌트도 import 해야하고... 굉장히 편리하다! 따라해보자. pages 안에 들어있는 각 컴포넌트들은 하나의 페이지로 사용된다. 참고로 앱의 홈은 기본적으로 index.js 이다. 🥨 Next.js 의 Rendering 🍳 알고가야하는 개념(1) CSR (Cl..