내가 뭘 하려고 했냐면요..RN으로 카카오로그인을 구현하고 있었습니다.koe006에러는 보통 redirectUrl, ClientId를 잘못 입력해서 발생하는 에러입니다.그런데 저는 카카오로그인 redirectUrl, ClientId 모두 제대로 받아 적용한 상태에서 발생한 에러라 원인 찾기가 정말 힘들었습니다.해결방안4시간동안 이런저런거 다 시도해보고 결국 카카오디벨로퍼스에 문의한 결과 제 redirectUrl 뒤에 공백이 있다는 것을 알게되었습니다.알고보니 코드 내 줄바꿈이 공백으로 처리되어 공백이 들어갔던 것이었습니다.안드로이드 에뮬레이터에서는 문제없이 작동하고 ios 에뮬레이터 및 실물기기에서 에러가 발생해 ios 에러인가 싶었지만 공백 문제였습니다 …문제코드해결 코드문의 남긴 카카오디벨로퍼스htt..

구현 배경졸업작품 취뽀스테이션에서 채용 공고를 보여주는 페이지를 구현해야했습니다.고민하다 사람인에서 채용 공고를 크롤링해 보여주기로 결정했습니다.개발환경 세팅cheerio 설치> npm install cheerio- cheerio는 Node 환경에서 파싱을 도와주는 라이브러리입니다.- 단, 파싱을 도와주는 라이브러리이기 때문에 크롤링 할 페이지는 axios를 이용해 가져와야합니다.- JQuery 문법을 사용해 css 선택자, class이름, id 등으로 요소를 찾아 데이터를 수집할 수 있습니다.axios 설치> npm install axios- axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트입니다.- 요청 및 응답 데이터 변환, 응답 인터셉트 등의 역할을 합니다.- 우..

env란environment variable로 환경변수를 뜻합니다.API_KEY, DB관련 정보 등 개발팀 내에서만 알아야 하는 값이 있습니다.이때 dotenv 패키지를 사용해 환경변수 파일을 외부에 만들어 필요할 때마다 import해 하드코딩하지 않고 사용할 수 있습니다.또한 .env파일을 gitignore에 추가해 github에 올라가지 않도록 설정 가능합니다.팀내에서 공유할 땐 그냥 내 env 파일 긁어서 복붙해서 주거나 slack bot을 이용할 수 있습니다. 프로젝트에서 어떻게 쓰나1. react-native-dotenv 라이브러리 설치yarn add -D @types/react-native-dotenv 2. babel.config.js 파일에서 plugins 항목에 값 넣어주기module.ex..

들어가기 전에SVG 파일을 public > svg 폴더에 넣어서 직접 import 해와서 사용하고 있었다.그러니 해당 SVG 파일에 width, height 등의 속성을 넣으니 아래 사진과 같은 에러가 발생했다.따라서 vite-plugin-svgr 라이브러리를 이용해 SVG를 ReactComponent로 바꿔 사용하고자 한다.환경 설정라이브러리 설치vite-plugin-svgr 라이브러리를 이용할 것이다.npm install --save-dev vite-plugin-svgryarn add -D vite-plugin-svgrpnpm add -D vite-plugin-svgrvite.config.js 파일 수정import { defineConfig } from 'vite';import react from '..