NextJS의 특이점 중 하나인 jsx 를 사용하여 표현해보고자 합니다. 표현 방법은 간단하게 style 태그 내의 jsx 를 사용하면 됩니다. 위의 jsx 는 html에서 style 태그 내에 존재하는 항목처럼 사용이 가능하고 아래에 배치하여도 위의 태그 및 클래스명을 그대로 사용할 수 있습니다. import Link from 'next/link'; import { useRouter } from 'next/router'; export default function NavBars() { const router = useRouter(); console.log(router); return Home About ; } 링크: https://github.com/jyp90/nextjs-intro/commit/d05..
1. 언어 React는 대부분의 소스가 JavaScript로 구성되어 있습니다. 물론 CSS나 HTML도 부가적인 요소이지만 가장 큰 비중을 차지하고 있는 것이 JavaScript입니다. 때문에 JavaScript 또는 TypeScript가 선행 과정으로 이수되어야 합니다. 2. 구조 프로젝트를 생성해보신 분들도 아시겠지만 React는 웹 프로젝트 구조를 가지며, Web App Server가 npm에 내장되어 있습니다. 때문에 "npm start"라는 명령어를 통해 WAS를 구동시키게 되는 것과 같은 원리이고, 터미널이 종료된다면 WAS 또한 종료되어 웹 프로젝트가 작동을 멈추게 됩니다. (생성 방법은 여기 글에 작성해두었어요.) React 프로젝트를 생성하게되면 기본적으로 index.js 와 App.j..