pod와 각종 캐쉬들을 삭제하는 방법이다.루트 프로젝트>ios 위치에서 진행하면 된다.두번째 방법은 리액트 네이티브를 업그레이드 하는 방법이다.

💡 전 단계에서 배포한 후 살펴보면 이미지나 비디오 css등의 리소드가 제대로 import되지 않는 걸 확인 할 수 있다.public 폴더에 담긴 리소스들이 빌드하고 나면위 처럼 홈페이지 루트 경로를 prefix로 가지고 있기 때문이다.그래서 위 처럼 홈페이지 루트경

🔥 회사일에 치이다가 이제야 개인 개발을 할 시간이 날 정도로 짬이 찼다. 🔥 협업프로젝트를 진행하면서 느낀건 Next.js 이놈 참 물건이라는 점이다. 물론 대부분의 회사가 React(or Vue)쓰라고 칼들고 협박 하기 때문에 그 안에서의 최선의 선택지로써 물

먼저 NPM 계정을 등록해야한다.NPM 공식 홈페이지를 통해 가입부터 해주세요.원하는 작업 디렉토리에 다음 명령어를 입력하여 초기화를 진행합니다.패키지 이름은 원하는 이름으로 작성하면 되지만 나중에 배포를 생각해서 다음 명령어로 중복된 패키지 명인지 확인해주세요.모든

Recoil을 사용하기 위한 사전 설정은 Recoil상태관리가 적용될 단위에 <RecoilRoot>로 래핑하면 됩니다.전역적으로 상태관리가 되는 대상입니다. 하나의 atom을 변경하면 그것을 구독하는 모든 컴포넌트들이 리랜더링 됩니다.atom을 생성하기 위해선 고

본 포스팅은 Next.js환경에서 적용되는 ReactQuery사용법을 담고 있습니다.기본 사용법과 설치법은 여기를 참고해주세요.공식문서를 보면 ReactQuery는 두가지의 방법으로 prefetching을 지원합니다.initialDatadehydrate - hydrat

사용하기 패키지 설치 세팅 > 🔆 devTool은 ReactQuery가 제공하는 개발툴입니다. 필요없다면 제외하셔도 상관없어요 API useQuery Get Method를 위한 훅입니다. 첫번째 파라미터는 api를 구분하기 위한 unique한 key값이 들어갑

프론트개발을 하다보면 드래그 드롭이 UX적으로 적합 할 때가 종종 생깁니다.허나 결과물은 간단한데 기능을 구현하는 과정은 전혀 간단하지 않기때문에 보일러플레이트를 사용해봅시다.드래그앤드롭을 사용하려면 해당 범위의 React 트리를 <DragDropContext>로

루트 디렉토리에 있는 next.config.js의 설정법을 알아봅시다.앱에 런타임 환경변수를 추가하려면 env를 활용해 추가하면 됩니다.process.env.customKey에 엑세스 할 수 있습니다.🚨 next.config.js를 이용한 env설정은 모두 런타임 중

NextJS에서는 <img>요소의 개선버전으로 next/image를 제공합니다.개선된 사항은 다음과 같습니다. (Next 13버전 기준)성능 향상 : 최신 이미지 형식을 이용해 각 환경에 맞는 올바른 크기의 이미지 제공시각적 안정성 : 자동으로 이미지 CSL 방지

레이아웃을 알기전에 알고 있어야 되는 기능입니다.NextJS는 App에서 페이지를 초기화 합니다. App에서는 다음과 같은 역할을 수행 할 수있습니다.페이지의 기본 레이아웃 유지 페이지 변경 시 상태 유지 페이지에 추가 데이터 삽입글로벌 CSS 설정기본형태는 숨겨져 있

CSS CSS IN JS

페이지 기본 적으로 Next.js는 모든 페이지를 사전랜더링 합니다. 생성된 각 HTML은 해당 페이지에 필요한 최소한의 JavaScript코드와 연결되고 페이지가 완전히 로드 되면 나머지 JavaScript코드가 실행되며 페이지가 완전히 상호작용 하도록합니다. >

본 포스팅은 공식문서를 기반으로 만들어 졌습니다.NextJS는 Node 14.6.0버전이상에서만 지원되니깐 먼저 참고하길 바랍니다.MacOS, Window(including WSL), Linux 환경에서 지원됩니다.만약 처음부터 Next를 도입하기로 결정하셨다면 다음과

FileUpload 먼저 파일업로드에 필요한 multer 패키지를 받아주자. 위 패키지가 설치되면 Express.Multer.File유형을 사용할 수 있다. 단일파일 업로드 가장 간단한 단일 파일업로드는 다음과 같이 처리한다. FileInterceptor(fiel

관계(Relation) 관계를 사용하면 관련 엔티티에서 쉽게 사용 가능하며 다음과 같은 유형의 관계 설정이 가능하다. 1:1 : @OneToOne N:1 : @ManyToOne 1:N : @OneToMany N:N : @ManyToMany Option eager

What is entity 앤티티는 데이터베이스 테이블(MongoDB의 경우 Collection)에 매핑되는 클래스이다. 새 클래스를 정의하여 앤티티를 만들고자 하면 다음과 같이 작성 할 수 있다. 그러면 다음과 같이 데이터베이스에 테이블이 생성된다. 각 엔티티는

DataSource 데이터베이스와 상호작용은 DataSource를 이용한다. 한개의 DataSource는 내가 연결한 하나의 DataBase가 되기 때문에 하나의 애플리케이션에서 여러개의 DataSource를 컨트롤하여 여러 DataBase를 제어 할 수도있다. D

개요 데이터베이스 리플리케이션(Replication)은 실시간 복제본 데이터베이스 서버를 운용하는 것을 의미한다. 기준이 되는 서버를 마스터 서버 마스터 서버와 동일한 내용을 갖는 또 다른 서버를 레플리카(Replica) 또는 슬레이브(Slave)서버라고 한다.

본 포스팅은 공식사이트를 래퍼런스로 포스팅 되었습니다. 설치 패키지 간단 설치 데이터베이스 MySQL & MariaDB