스토리지는 이미지를 저장하고 불러올 때 사용 되는 기능임공식 문서 보면서 해보자 ㄱㄱnew bucket 클릭버킷이름 , public (누구나 업로드 할 수 있는지 말지 정하는것 ) , 사이즈 제한,업로드 파일 유형 정해주면 됨스토리지 생성 되면 Policies 만들어야

환경 변수 설정 .env 파일 생성 후 프로젝트 환경 설정에 나와있음 DBPASSWORD 는 프로젝트 생성 할 때 만든 그 패스워드임 절대 공개 하면 안됌 ,SERVICEROL도 마찬가지 알맞은 값 입력 types_db.ts 생성 package.json 파일에 명

config 폴더 생성 후 provider 컴포넌트 생성

기존 tailwind 을 사용할 때 h1,span 등 html 에서 제공하는 태그의 기본 스타일링이 적용되지 않는다 .그러한 점을 막기 위해사용하면 됌

오직 서버에서만 렌더링 되는 컴포넌트이다기본적으로, 모든 React 컴포넌트(Next.js 앱에서)는 ReactServerComponents 이다.클라이언트 코드가 거의 없어 성능 최적화의 적합하다.서버에서 사전 렌더링되지만, 'use client' 지시어를 통해 선택

app 폴더 안에있는 page.js 파일은 서버 컴포넌트임 node 실행 환경에서는 콘솔을 찍으면 보이는데 개발자도구를 키면 콘솔이 안찍힘겉보기엔 일반적인 컴포넌트지만 Next에서 특별 대우 받는 것..리액트에선 리액트 라우터가 필요했지만 next는 폴더만 추가해주면

리액트 프레임워크 이다왜 필요함?리액트 있는데?next는 react를 풀스택으로 빌드하는데 쉽게 해줌 서버에어서 컴포넌트를 렌더링 할 수 있게 함리액트로 풀스택ㅇ르로 만든다음 간소화 시킴 장점 1\. 풀스택 앱을 구축할 수 있다2\. 파일 시스템을 사용하여 경로를 설정

 • 소프트웨어 규모의 대형화 및 복잡화에 따른 개발 비용 증대 • 하드웨어 기술의 급진전으로 인한 소프트웨어 개발 기술의 상대적 부진 • 하드웨어 비용 대비 소프트웨어 가격 상승 폭 증가 • 소프트웨어 유지보수의 어려움과 개발 정체 현상 발생

block 은 옆에 아무것도 올 수 없다.Inline 같은 줄에 위치 할 수 있다 (In the same line) ex) span,a,linkblock 이 아닌 것들을 외워주는 것이 좋음inline 은 높이와 넓이를 가질 수 없음margin 은 box의 border(

\-semantic : 문서를 보기만해도 그 의미를 짐작할 수 있는 것이다.head 태그와 header태그를 구분 할 것, head는 보이지 않는 것이고, header는 body태그안에 들어가는 것이다.header 대신 div를 사용해도 무관하지만, 어떤 코드인지 보다