next.js 2

[유데미 X 웅진씽크빅 X 스나이퍼팩토리] 프로젝트 캠프 : Next.js 과정 1기 사전직무교육 3주차 회고

학습 내용Next.js 및 DB설정, 배포하는 방법에 대해 학습하였다. 라우팅웹 애플리케이션에서 사용자가 URL을 통해 다른 페이지로 이동하는 것Next.js에서는 내장된 라우팅 시스템을 사용하여 페이지 간의 이동을 처리한다. 라우트URL과 특정 컴포넌트 간의 매핑을 나타낸다.일반적으로 페이지의 경로와 해당 경로에 표시할 컴포넌트를 정의하는 데 사용된다. 앱 라우터(App Router)Next.js 14버전에서 새롭게 도입된 라우팅 시스템 앱 라우터는 루트에 app 폴더를 생성하면 자동으로 라우트가 생성된다. Link 컴포넌트리액트와 다르게 to 속성이 아닌 것에 주의한다.import { Link } from 'next/Link'Home ParamsNext.js는 기본적으로 params Props를 값의..

카테고리 없음 2024.06.16

[유데미 X 웅진씽크빅 X 스나이퍼팩토리] 프로젝트 캠프 : Next.js 과정 1기 사전직무교육 2주차 회고

학습 내용리액트의 기본 구성요소 및 사용방법에 대하여 학습하였다. - npm, npx, yarnnpm(node package manager)Node.js의 기본 패키지 관리자Node.js와 함께 설치되며, Node.js 애플리케이션의 종속성을 관리하고 패키지를 설치, 업데이트, 제거하는 데 사용한다. npx(node package execute)Node 패키지를 실행하는 도구 yarn페이스북에서 개발한 패키지 매니저더 빠르고, 더 안전하며, 더 확정적인 의존성 관리를 목표로 개발되었다. - 바벨과 웹팩바벨(babel)서로 다른 언어 규약으로 작성된 파일을 웹 브라우저가 이해할 수 있는 형태의 파일로 변환해주는 역할을 하는 개발 툴 웹팩(WebPack)여러 개의 자바스크립트 모듈을 하나의 파일으로 묶어주는..

카테고리 없음 2024.06.12