📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
넥스트 (Next.js)
💬 쉬운 뜻
리액트(레고 블록)에 페이지 이동·주방(서버)·검색 노출(SEO)·배포 준비까지 통째로 딸려 오는 '풀 세트'예요. 레고만 사면 조립 도구지만, Next.js는 완성품을 만들어 개업까지 갈 수 있는 종합 세트라 실제 웹사이트는 대부분 이걸로 만듭니다.
🧭 이 상황에서
AI에게 "웹사이트 만들어줘" 하면 리액트가 아니라 Next.js로 시작하자고 한다. 리액트랑 뭐가 다른지 모르겠다.
⌨️ 이럴 땐 이렇게 입력
- 이 프로젝트가 Next.js인지 그냥 리액트인지 확인하고, 폴더 구조를 지도처럼 설명해줘.
- Next.js로 새 페이지 추가해줘. 주소는 /contact, 내용은 연락처 안내.
- 검색(구글·네이버)에 잘 잡히게 만들고 싶어. Next.js에서 뭘 하면 되는지 알려주고 적용해줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "Next.js 프로젝트로 만들게요"라고 하면 = 레고에 풀 세트를 더해 페이지·서버·SEO·배포가 한 상자에 들어있는 구조로 시작한다는 뜻이에요. npm run dev = 개업 전 시식 모드(localhost)로 켜본다는 뜻.
➡️ 다음엔 이렇게
Next.js는 SEO(검색 노출)에 유리해서 손님을 모아야 하는 사이트라면 거의 정답입니다. 뭔가 안 되면 "이거 Next.js 방식에 맞게 고쳐줘"라고 프레임워크 이름을 붙여 말하면 정확도가 올라갑니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈