Attribute 가져와서 적용시키기

TypeScript 사용이 처음이라 사용방법이 꽤나 어렵다,,,ㅍㅁㅍ

main Metadata다른 Metadata 사용 예시들

Layout.tsx 는 매 페이지에 존재할 수 있다.main Layout.tsx다른페이지 Layout.tsx

폴더 명: (movies) > id > page.tsx폴더 명: components > movie.tsx

데몬(백그라운드) 실행 시

개발 중 저장되는 코드는 자동으로 새로고침 된다.NextJS에서는 app 폴더 하단에 폴더만 만들어주면 된다!app > page folder > page.tsx file여러 폴더가 중첩되면 url이 길어진다.style.jsx 를 사용함으로써 컴포넌트 내부에 해당 컴포넌

Link 태그에 prefetch 속성을 넣어주면 유저가 클릭하지 않더라도 NestJS가 미리 해당 페이지를 마치 클릭한 것처럼 로딩해 놓는다.따라서 유저가 실제로 해당 페이지로 접속할 때는 이미 로딩된 상태이므로 유저는 빠르게 페이지의 데이터를 확인할 수 있게 된다.

id 폴더 내의 페이지에서 파라미터를 설정한 후 title을 설정한다.여기서 generateMetadata 함수는 fetching 할 수 있게하는 함수이다. 동적인 제목을 갖고 있는 페이지를 위해 존재한다. \-> Hoem의 page는 정적이지만, id page의 me

JS 파일처럼 import 하면, CSS가 적용된다.클래스 내부에 요소에 css를 적용하기 위해서는, 요소 앞에 반드시 클래스 명을 써 주어야 한다.styles라는 폴더 안에 모두 모아도 되고, component 양이 많다면 폴더별로 따로 구성해도 좋다.css 파일명은

CRS에서 useState를 사용하면 개발자 도구에서 요청 url이 그대로 노출되기 때문에 보안적 문제 때문에 데이터베이스는 client가 아닌 server쪽에서 접근해야했다. (중간 매개체가 필요했다.)↔️ 하지만 최신 버전의 NextJS와 server compone

layout.tsx: root 페이지url은 app 아래에 폴더 이름으로 생성 가능public 폴더 아래에 넣고 '/'로 접근ex)

Project 생성 명령어

Blocking과 Non-Blocking은 다른 주체가 작업할 때 자신의 제어권이 있는지 없는지로 구분한다.자신의 작업을 진행하다가 다른 주체의 작업이 시작되면 다른 작업이 끝날 때까지 기다렸다가 자신의 작업을 시작하는 것을 의미한다.🐶(호출한 함수): 고양이님 서류

모노리틱 아키텍처(Monolithic Architecture) 전통적인 소프트웨어 프로그램 디자인 방법론 > 한 개의 서비스 안에서 개별 컴포넌트 모두 서로 결합되어 하나의 큰 모듈로 존재하고 컴포넌트들은 내부적으로 잘 정의된 인터페이스를 통해 상호 연결되어 있는

기업이 자체 데이터 센터 내에 직접 설치, 운영, 관리하는 소프트웨어 및 하드웨어의 일종 이러한 시스템은 기업의 물리적인 위치 내에서 구축되며, 기업은 이 시스템의 전체 인프라와 소프트웨어에 대한 완전한 제어 권한을 갖는다.제어 및 관리: 기업이 자신의 IT 환경에 대

Java에서 모듈이란 패키지의 한 단계 위의 집합체이며, 독립적으로 배포 될 수 있는 코드의 단위를 이야기한다.멀티 모듈 프로젝트는 상호 연결된 여러개의 모듈로 구성된 프로젝트를 의미한다. 멀티 모듈 프로젝트의 각 모듈은 전체 서비스의 구성요소로서 동작한다.각 모듈은

애플리케이션과 그 의존성을 컨테이너 내에 패키징하여, 소프트웨어가 어떤 환경에서도 일관되게 실행될 수 있도록 하는 기술이미지 생성컨테이너 실행컨테이너 관리애플리케이션 실행에 필요한 코드, 라이브러리, 환경 설정 등을 포함하는 불변의 템플릿으로,컨테이너는 이 이미지를 기

소프트웨어를 실행하는데 필요한 코드, 런타임, 시스템 도구, 시스템 라이브러리 및 설정을 포함하는 표준화된 단위이다.한 번 빌드하면, 어디서나 실행될 수 있다.(Build onde, run anywhere)컨테이너화된 소프트웨어는 개발 환경에서든 운영 환경에서든, 컨테