Frontend2 [React] Next.js에 대해 알기 2부 (TailWind CSS, Shadcn UI) 들어가기에 앞서 Next.js 1부에 이어 2부를 써본다. 1부에서 놓친점이 있다면 Next.js가 버전마다 큰 차이가 있다는 것을 늦게 확인했다는 점이다. 1부와는 다르게 이번엔 Next.js 14버전을 기준으로 디렉토리 구조를 다시 이해하고 튜토리얼부터 차근차근 따라가보려고 한다. 출처 : Next.js 14 가이드 한글 깃허브 주소 튜토리얼을 마치고나면 앞으로 있을 프로젝트에 있어 Front쪽을 맡았기 때문에 Front쪽을 중점적으로 공부해보려고한다. 그래서 Next.js 안에서 TailWindCss을 중점적으로 사용해볼것이다. Next.js 14 버전 디렉토리 구조는 어떻게 바뀌었을까 /app: 애플리케이션의 모든 경로, 컴포넌트 및 로직을 포함하며, 대부분 여기서 작업한다. /app/lib: 애.. 2024. 1. 15. [React] Next.js에 대해 알기 1부 들어가기에 앞서 본 글은 "한빛출판네트워크"의 "리액트에서 Next.js로, 넥스트JS의 특장점과 빠르게 시작하는 법 알아보기"를 참조하여 정리하였다. 더 자세하게 알고싶다면 아래의 링크를 들어가면 된다. 출처 : 리액트에서 Next.js로, 넥스트JS의 특장점과 빠르게 시작하는 법 알아보기 프론트엔드 개발자들은 JavaScript의 라이브러리 중 React를 많이 이용하고있다. 그렇다면 React 기반의 웹 프레임워크라고 알려져있는 Next.js는 어떤 것인지 자세히 알아보기 위해 글로 정리해본다. 자세히 알아보기 전에 내가 가지고있던 상식으로만 적어보자면 Next.js는 React를 사용하여 웹 애플리케이션을 만들기 위한 도구와 기능을 제공하는데, 이를 좀 더 쉽고 효율적으로 사용할 수 있게 도와준다.. 2024. 1. 8. 이전 1 다음
