우당탕탕 초급 개발자의 이야기

이전 포스팅에서 Next.js 설치를 했었다.2025.02.05 - [우당탕탕 개발/Next.js] - [Next.js]Next.js 시작하기 : 설치 먼저 해볼까? [Next.js]Next.js 시작하기 : 설치 먼저 해볼까?Next.js는 Vercel에서 개발한 React 기반의 오픈 소스 풀스택 프레임워크이다.회사에서 곧 들어가는 프로젝트에서는 Next.js를 사용한다고 해서공부를 시작하게 되면서 까먹지 않기 위해 블로그에 작meamhong.tistory.com 이번 포스팅에서는 폴더 구조와 라우팅에 대해 정리해보려고한다.폴더 구조Next.js 프로젝트를 생성하면 기본적으로 아래와 같은 폴더 구조가 만들어지는데각 폴더가 어떠한 역할을 하는지 작성해 보자.my-next-app/├── src/ ..

2025년 갑자기 시작된 나의 첫 도전기를 기록하려고 한다. 전부터 SQL이라는 단어가 많이 보여서 궁금해서 찾아보다가 어려워 보였기에 포기했던 적이 있었다.그러다가 회사에서 들어가는 프로젝트 설명을 듣는데 SQL 단어가 계속 들리는데나만 모르니까 창피해서 '공부해야겠다.' 마음먹게 되었다. 근데 혼자 공부한다고 하면 핑계 대면서 안 할 게 뻔해서마침 자격증도 있길래 찾아봤더니 시험접수일이 아직 남아서 바로 접수했다. 한 달이면 공부하기 너무 짧은가라는 생각도 들었지만 일단 해보면 되겠지...?이제 이것저것 좀 찾아보면서 공부 계획 좀 세워야겠다.📝

Next.js는 Vercel에서 개발한 React 기반의 오픈 소스 풀스택 프레임워크이다.회사에서 곧 들어가는 프로젝트에서는 Next.js를 사용한다고 해서공부를 시작하게 되면서 까먹지 않기 위해 블로그에 작성해보려고 한다🥹 먼저! 팀원들끼리 버전을 맞추기 위해 아래와 같은 버전으로 설치했고(Next.js를 설치하기 전 Node.js 18 버전 이상이 필요하니 없다면 먼저 Node부터 설치.)Node.js v22Next.js v14 이상설치방법1. 프로젝트 생성:터미널을 열고 아래 명령어를 입력.npx create-next-app@latest my-next-app  2. 설정하기:명령어를 입력하면 몇 가지 질문이 나오는데, No / Yes 중 선택하면 다음 질문이 나오니 읽어보고 선택.나는 아래와 같이..