kakao map with nextjs
Kakao Developers 카카오 지도를 구현하는 것은 간단하지만 문제는 Next.js 에서 구현할때 Next와 충돌하는 부분을 해결해야된다. 카카오 지도에서 구현 kakao-developer 사이트로 가서 내 애플리케이션으로 가서 추가한다. 앱이름과 사업자명은 각각 알아서 적용 REST-API 키는 axios로 요청하는 부분 J...
개발공부일지
NextJs에서 Kakao 지도구현
NextJs에서 Kakao 지도구현 Kakao 지도 API 카카오 개발자 문서에서 참조 일반적인 Kakao지도 구현 웹상에서 NextJS에서 <Head> 태그를 생성하려면 아래와 같이 생성 import Head from "next/head"; const myLink = `//dapi.kakao.com/v2/m...
CSS flex 잘 이용하는 방법
css Dislpay 관련 설정 display : flex 를 잘 사용해보자 justify-content space-between: 요소들 사이에 동일한 간격을 둡니다. flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운...
apollo-client 이미지 업로드 초기 세팅 방법
… ImageUpload gql에서 이미지 업로드 하기 위해서는 apollo-upload-clinet 를 설치해야된다. // 일반설치 yarn add apollo-upload-client --dev // 타입스크립트설치 yarn add @types/apollo-upload-client --dev apollo 설정파일 import { A...
❗️Error) Warning React version not specified in eslint-plugin-react settings.
eslint의 오류를 잡으려고 npx eslint . 을 실행했음해도 결과가 나타나지 않을때 오류 발생 ❗️오류 해결 Error) Warning: React version not specified in eslint-plugin-react settings. eslint 상으로 오류는 있지만 npx eslint . 으로 에러가 잡히지 않는다 War...
❗️Error) Parsing error Cannot read file tsconfig.json'.eslint
vscode에서 프로젝트를 두개를 띄운 상태로 프로젝트를 진행할때 tsconfig.json의 위치를 제대로 못잡는 상황 ❗️오류 해결 Error) Parsing error: Cannot read file tsconfig.json’.eslint Parsing error: Cannot read file '/users/park/desktop/proje...
❗️Parsing error ESLint was configured to run on /.eslintrc.js
NextJS에서 eslint 설정하는 과정에서 생긴 오류 ❗️오류 해결 Error) ❗️Parsing error: ESLint was configured to run on /.eslintrc.js Parsing error: ESLint was configured to run on `<tsconfigRootDir>/???/.eslintr...
타입스크립트와 graphql-codegen 에 대하여
graphQL-codegen이란? graphQL을 이용하면서 백엔드에 정의 되어있는 타입을 불러와서 자동으로 사용할 수 있는 라이브러리 설치방법 1-1) 라이브러리 설치 **yarn add -D @graphql-codegen/cli yarn add -D @graphql-codegen/typescript** 1-2) config.yml 파...
Uncaught TypeError THREE.scene is not a constructor ❗️
❗️Uncaught TypeError: THREE.scene is not a constructor let scene = new THREE.Scene(); 해당 부분의 오타일 확률이 높다 오타를 수정해주자 작성자의 경우 대소문자를 잘못쳐서 오류가 났다. // 오류 코드 let scene = new THREE.scene(); // 수정 코드 l...
Cannot use import statement outside a module ❗️
<script type="module" src="./js/index.js"></script> script 부분에 type=”module” 을 적어주지 않아서 생긴 오류이다.