학습 정리(공식문서,강의)24 1. Nextjs의 라우팅 기본 및 레이아웃 Nextjs에서의 라우팅은 리액트와 같이 따로 설정 파일을 구성하지 않고 디렉토리를 추가하는 경우 자동적으로 라우팅을 구성해준다. Nextjs에서는 13버전부터 앱 라우터를 지원하고 있다. 해당 페이지에서는 앱 라우터를 기반으로 작성되었다(v15.0.3). 앱 라우터에서는 app 디렉토리를 루트 경로로 하여 하위에 생성 된 디렉토리를 라우팅 경로로 설정한다. 위의 profile 디렉토리의 경로는 /dashboard/settings/profile 이 되는 것이다. 앱 라우터부터는 파일 이름에 따라 역할을 부여하고 있다. 예를 들어 페이지 컴포넌트를 만들고 싶으면 page.js 라는 이름으로 파일을 만들어야 한다. 다른 이름은 페이지 컴포넌트로 사용이 불가능하다. 즉, 디렉토리 내에 page.js가 존재하지.. 2024. 11. 14. Next 학습 정리(v15.0.3) 해당 카테고리의 게시글은 Nextjs 공식 문서 및 유데미 강의를 바탕으로 정리한 내용입니다. 학습 중이기 때문에 잘못된 내용이 포함 될 수 있습니다.공식문서는 v15.0.3 버전을 기준으로 합니다. 2024. 11. 14. [Spring Boot] 스프링 부트로 프로젝트 시작 - 3. 환경설정 애플리케이션을 개발하다보면 다양한 환경에서 실행하게 된다. 예를 들어 개발환경, 배포환경 등이 있을 것이다. 이러한 환경마다 환경설정이 달라질 수 있다. 스프링 부트에서는 application.yml을 통해서 각기 다른 환경에 따른 환경설정을 간편하게 설정할 수 있도록 해준다.이번에는 흔히 사용되는 환경설정을 정리해보았다. 여기에서 알아보는 내용은 내가 자주 사용한 것들만 모아놓았기 때문에 내용이 부족할 수 있다. 공통적으로 사용할 설정은 application.yml 에 정의하고 프로필마다 달리 설정하고 싶은 경우 개별 프로필별 환경설정에 정의한다. 자주 사용하는 환경 변수프로필spring profiles: active: devactive : 활성화할 프로필 지정설정한 프로필에 따라 불러오는 환경설정.. 2024. 10. 16. [Spring Boot] 스프링 부트로 프로젝트 시작 - 2. Lombok IDE는 인텔리제이 커뮤니티 버전을 기준으로 한다.롬복(Lombok)은 Getter, Setter와 등과 같은 코드를 자동으로 작성해주어 단순 반복되는 코드 작성을 줄일 수 있도록 도와주는 라이브러이다. 이전 게시글에서 스프링 프로젝트의 디펜던시를 추가할 때 Lombok을 설치했다면 디펜던시 추가는 건너뛰어도 된다. 🎈 의존성 추가여기서는 Gradle을 사용한 롬복 추가 방법으로 살펴보겠다. 추가방법은 간단하다. build.gradle 파일에서 dependencies 영역을 찾아 아래 두줄을 추가주기만 하면 된다.compileOnly 'org.projectlombok:lombok'annotationProcessor 'org.projectlombok:lombok' 🛒 플러그인 추가의존성만 추가해도 .. 2024. 10. 13. [Spring Boot] 스프링 부트로 프로젝트 시작 - 1. 설치 이번 시리즈에서는 Spring initializr 를 통해 프로젝트 생성 부터 기본적인 환경 셋팅까지 정리해보려고 한다. 매번 새로운 프로젝트를 시작할 때마다 새롭게 검색을 하다 보니 생성하다보니 시간도 오래 걸려 한번 정리를 하게 되었다. 프로젝트 생성하기스프링 프로젝트를 생성하기 위해서 https://start.spring.io/ 를 사용한다.주소에 접속하게 되면 위와 같은 화면을 만나게 된다. 현재 게시글 작성 날짜인 2024.10.13 기준 지원 가능한 스프링 및 자바 버전은 위와 같은데 이후 접속 하게 되면 버전은 다를 수 있다. 위에서 원하는 언어 및 버전을 선택하고 메타데이터를 작성하면 된다.프로젝트 생성 시 바로 디펜던시를 추가하고 싶으면 우측에 ADD DEPENDENCIES 버튼을 클릭 .. 2024. 10. 13. 학습 정리 해당 카테고리의 게시글은 인터넷 강의 또는 공식 문서를 통해 학습한 내용을 정리하는 공간입니다.강의에 나왔었던 내용을 추후 사용하기 위해 간단하게 정리하거나 공식 문서의 내용이 너무 방대하여 실제로 사용할 만한 내용을 간추리기 위해서 사용됩니다. 2024. 10. 13. 이전 1 2 3 4 다음