반응형 coding/front-end10 [Next]Nextjs 시작하기 1. NextJs 란? NextJs 는 React 프레임 워크입니다. 동적으로 라우트를 지원해줍니다. SSR (sever sider rendering)를 사용해서 좀더 빠른 렌더링. CSS, SCSS 지원 NextJs는 react 프레임 워크이기때문에 react안에 있는 hook기능들도 전부 사용가능합니다. react는 페이지를 업로드할때 페이지에 해당하는 모든것을 script로 전송해 주기때문에 사용자에게 보여지기 까지 시간이 좀 더 걸리는 반면 NextJs는 SSR를 사용해 좀더 빠르게 로딩이 가능해지므로 SEO를 사용하는데 문제가 없습니다. 2. NextJs 설치하기. NextJs를 시작하기에 전에 node의 버전부터 확인 해야합니다. Node 10.13 버전 이후부터 사용 가능. Node 설치하기.. 2022. 3. 8. [React]TypeScript + 리액트 시작하기 1. 프로젝트 생성 터미널에서 프로젝트 생성하기 $ npx create-react-app [프로젝트명] --template=typescript // npx create-react-app my-app --template=typescript 프로젝트명은 카멜케이스은 피하고 "-"를 넣어서 만들어 줍니다. 프로젝트 들어가기 $ cd [프로젝트명] // cd myApp 2. package.json 프로젝트가 설치가 완료가 되면 첫번째로 package.json을 확인해서 Scripts부분을 확인해 줍니다. 기본적으로 react 라이브러리에는 start, build, test, eject가 있습니다. 첫번째로, start를 이용해서 프로젝트를 실행할 수 있습니다. $ npm run start // npm # yar.. 2022. 3. 7. 이전 1 2 3 다음 반응형
