git에 push 를 마쳤다면,Vercel이 호출할 수 있도록 package.json 에 명령어를 수정한다vercel 은 그냥 deploy 버튼만 누르고 기다리면 된다.그리고 나타나는 오류들을 해결하면 dashboard에 보인다.
Css Module application 전체에 적용할 global style 을 만든다. 전체 웹사디트의 bg color 나 폰트를 적용하도록 한다. app/layout 에서 import global css를 한다. 공통 디자인을 적용해준다. 특정 디자인에 적
API 요청이 안되거나네트워크가 끊기는 등에러가 생긴 경우의 핸들링은error.tsx 파일을 만들면 된다.프레임워크 특성상 파일 위치는 페이지 대상이 되는 폴더 안에 넣어야 한다.
업로드중..이렇게 하면 start fetching 이 출력되고 end fetching이 순차적으로 출력되며총 10초 넘게 걸리게 된다. 병렬 요청으로 바꿔줘야 한다.promise.all을 사용하면 결과값이 동시에 나올 것이다.이렇게 요청을 보내면동시에 시작하게 된다.순
Data Fetching fetch, streaming, suspense, boundary 등을 배울것이다. 쉽고 멋지다고 한다. NextJS 의 fetching을 위해 영화 상세보기 API를 이용하자. > [출처-노마드코더] : https://nomad-movie
변수가 라우터에 들어갈 때 사용한다.파일시스템으로 동작한다.\[id] 이런 식으로 동작한다.콘솔로 찍어보면이렇게 나온다.id, sesarchParams을 얻게 되는데, searchParams는 url 뒤에 ? 데 대한 내용이다..15 버전 이상 부터는 params 와
layout, not-found 는 꼭 루트 폴더에 있어야 한다.그룹을 만들고 싶으면 (home) 처럼 폴더 이름을 괄호로 묶어줘야 한다.폴더 이름을 지정해주면 url이 바뀌지 않고, 프레임 워크에서만 보인다.그래서 루트에 있던 홈 컴포넌트를 (home) 폴더로 옮길
layout.tsx 라는 파일을 만들면그 하위에 적용된다.이렇게 있는 경우 루트의 layout 에서 컴포넌트를 임포트 하여 그것이 제일 상단으로, 그리고 아채 children이 추가된다.그리고 about-us라는 루트 하위의 폴더에서 layout을 만들고 하위 url로
단순 HTML을 React applaction으로 초기화 하는 작업이다.예를 들어 React 를 Initialize하여 onClick를 부착해 여기서 작성 가능 한 기능을 수행하도록 하는 것이다./aout-us 접근 => <button>0</button> =
Routing, Navigation, Layout, client, server components 등에 대해 배울 예정이다.client, server 는 NextJS에서 나온 개념이라고 한다.NextJS는 프레임워크라서, 올바른 폴더에 정확한 이름의 파일이 들어가 있으
이 Framework 는 풀스택 웹앱을 개발하기 위한 최선의 Framework 라고 한다. 이 코스가 끝날 때에는 모든 프로그램을 NextJS로 만들고 싶어질거라 한다.React Framework 중에 1등이라 하는 NextJS최신 업데이트로 많이 발전했다고 한다.(1
도커는 개발 환경을 표준화하고 컨테이너를 통해 손쉽게 애플리케이션을 실행할 수 있는 도구입니다. React와 TypeScript로 개발하는 프론트엔드 프로젝트에 도커를 적용하려면 다음 단계를 따라 진행할 수 있습니다.도커를 아직 설치 중이라면, Docker 공식 사이트
도커 허브 ID와 비밀번호는 도커 이미지를 도커 허브(Docker Hub)에서 푸시(push)하거나 풀(pull) 할 때 사용됩니다. 도커 허브는 도커 이미지들을 저장하고 관리하는 레지스트리 서비스입니다. 즉, 특정 이미지를 다운로드하거나, 자신이 만든 이미지를 도커
OOP는 코드를 구성하는 방법에 대한 규칙OOP는 직관적이고 데이터아 구조를 직관적으로 생각하게 해준다.Class 에는 속성, 메서드, 상속이 있다.이해하기 쉬운 코드를 위해.캡슐화를 위해다른 종류의 데이터와 함수들을 동일한 하나의 파일에 갖고 있는것 대신에, 데이터를
인스타그램 백엔드는 python 으로 만들어져 있다.인공지능 역시 python 으로 만들어졌다. (model 학습 등등)금융에서 trading 같은 것도 가능하다.과학 분석, 통계 등등 데이터의 시각적 처리도 python으로 한다.생태계가 정말 크고 다양하다.pytho
구글링을 많이 해도 못찾았었는데, 유튜브 보고 한번에 해결AWS의 Certificate Manager 서비스 접속 -> '버지니아 북부'로 인증서 만들기 -> Route53 레코드 생성 클릭S3 로 정적 웹사이트 배포(하는 방법은 검색하면 다 아시리라)CloudFron
문제 설명코니는 매일 다른 옷을 조합하여 입는것을 좋아합니다.예를 들어 코니가 가진 옷이 아래와 같고, 오늘 코니가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야합니다.종류 이름얼굴
코테하면서 해시맵을 배우게되었습니다.객체랑 유사하지만, 훨씬 활용도가 높습니다.Map은 JavaScript의 내장 객체 중 하나로, 키와 값을 저장하는 데이터 구조입니다. Map과 일반 객체 {}는 비슷해 보이지만, 중요한 차이점이 있습니다. 아래에서 자세히 설명할게요