해본거 정리할라고 해본거 정리할라고

robots.txt는 파일은 웹사이트를 방문하는 컴퓨터 프로그램들에게 어떤 페이지를 볼 수 있고, 볼 수 없는지 알려주는 지시서 같은 것입니다. 목적 : 일반 사용자들이 접근할 수 있는 웹사이트의 특정 부분(예: 관리자 페이지)을 숨기고 싶을 때 사용합니다. 장점 : 원하지 않는 부분이 검색결과에 나타나지 않게 할 수 있습니다. 사용법: robots.txt라는 파일을 웹사이트의 루트에 만듭니다. 이 파일에는 어떤 프로그램이 어떤 페이지를 볼 수 있는지, 볼 수 없는지를 적습니다. 예를 들면, /accounts라는 경로를 모두에게 보이지 않게 하고 싶다면: User-agent: * Disallow: /accounts 라고 적으면 됩니다. Next.js에서의 사용법: 프로젝트의 public 폴더 안에 rob..

_document와 _app에는 페이지에 공통적으로 적용될 내용을 작성하곤 하는데, 둘이 정확히 어떻게 다른지와 어떤 내용을 작성해야 하는지에 대해 정리해 보겠습니다. 📝 App 페이지 _app은 서버로 요청이 들어왔을 때 가장 먼저 실행되는 컴포넌트로, 페이지에 적용할 공통 레이아웃의 역할을 합니다. 🎯 주요 사용 목적 모든 컴포넌트에 공통으로 적용할 속성 관리 function MyApp({ Component, pageProps }) { return } export default MyApp ⚙️ 규칙 Component 속성값은 서버에 요청한 페이지가 됩니다. (Ex. http://localhost:3000/home에 접속하면, Component는 home 컴포넌트를 가리킵니다.) pageProps는 g..

프로젝트를 생성 후 처음으로 하는 세팅 중 하나인 디렉토리 구조 짜기. 매 새로운 프로젝트마다 디렉토리 구조가 조금씩 다른데, 나도 나만의 디렉토리 구조를 하나 정하려고 한다. 크게는 pages, app, public 세개로 나눈다. 🗂 app api : API 호출을 위한 기능들을 모은다. 인스턴스 설정(axios.tsx), 호출 통합 로직(send.tsx), 호출 함수들 components : 화면 구성에 재사용되는 컴포넌트를 모은다. constants : 공통으로 사용되는 상수들을 정의하고 관리한다. API 엔드포인트 URL(apiEndPoint.tsx), 디자인시스템(theme.tsx), 타입과 인터페이스(types) containers : 모든 페이지에 전체적으로 적용되는 레이아웃 컴포넌트를 모..

https://velog.io/@hygge/React-Next.js%EC%97%90-Global-%ED%8F%B0%ED%8A%B8-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0