cra 환경에서 패키지를 만들어서 npm에 배포를 하다가 문제가 발생했다. 해결하기 위해서 이곳 저곳 찾아봤는데, babel 문제로 파악되었다. { "presets": ["@babel/preset-env", "@babel/preset-react"] } 해당 내용을 package.json에 넣어주니 배포가 되었다. 배포한 패키지를 다운받아서 테스트를 해보니 이번에는 React is not defined가 나왔다. 다시 한번 찾아보니 preset-react에 추가적인 옵션을 줘야 했다. presets: [ "@babel/preset-env", ["@babel/preset-react", {"runtime": "automatic"}] ] runtime 옵션을 주니 이번엔 배포가 되고 다운 받아도 문제 없이 실행..

Node의 버전이 10버전이라서 ( 충격?! ) 업데이트를 진행하니 오류가 나타났다. 알고보니 내가 사용한 방법으로 node의 버전이 올라가지 않아서 버전 문제였다. (내가 사용한 방법이란 npm install -g n ) 그리서 nvm을 사용해서 버전을 올리는 작업을 했다 . sudo apt-get install build-essential libssl-dev curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash source ~/.bashrc 먼저 nvm이 없어서 설치하는 작업을 수행했다. nvm install 18.12.1 그리고 원하는 버전을 설치해서 정상적으로 node의 버전이 올라간 것을 확인했다.

사건의 발단 CI / CD 자동 배포를 공부하던 중 Docker Image를 만들어야 했다. 그런데 분명 코드가 문제 없다고 생각했는데, /bin/sh: 1: [npm,: not found npm이 없다는 오류를 내는 거였따?! 분명 처음에 node를 From을 통해서 받아왔는데, 안될 이유가 없었다... 해결 FROM node:18.12.1 RUN mkdir -p /client WORKDIR /client ADD . /client/ RUN npm i RUN npm run build ENV HOST 0.0.0.0 EXPOSE 3000 CMD ['npm', 'run', 'start'] 뭐가 문제인지 보이십니까?! 정말 홀리 몰리한 문제였습니다. FROM node:18.12.1 RUN mkdir -p /cl..

0. 들어가면서 웹사이트 개발을 하다가 한 번쯤은 만나게 되는 기능이 SNS 로그인이 아닐까 생각한다. SNS 로그인이 참 직접 만들기엔 귀찮고, npm에서 받아서 쓰자니 하나씩은 패키지가 있지만 여러 가지 SNS 로그인이 가능한 패키지는 내가 찾기엔 없었다... (키워드를 몰라서 그럴수도? ) 그래서 내가 한번 만들어보려고 한다! 1. 이름 정하기 내가 SNS 로그인 모음 패키지를 찾기 위해서 몇 가지 키워드로 검색을 했는데, 그중 react-sns-login 이라는 패키지가 있을 법한데 없었다. 그래서 내가 겟또 했다. 패키 지명 : react-sns-login 2. 만들 SNS 로그인 종류 정하기 SNS 종류는 정말 많다. 카카오, 네이버, 구글.... 등 기본적으로 카카오, 네이버, 구글은 우리나..

0. 시작하면서 컴퓨터를 포맷하고 기존에 사용하던 프로그램들을 새롭게 설치하는 작업을 하면서, 이번에 React 개발환경을 구성하는 디테일한 방법을 정리하고자 한다! 설치하는 파일은 VS Code, Node.js, yarn, Git 을 설치할 것이다. Mac과 Window가 조금씩은 다를 수 있는데, 이번엔 Window 컴퓨터를 포맷했으니 Window용 세팅이다! 다음에 사용하는 Mac을 포맷할 경우가 있다면, 그때 또 Mac용을 작성하겠다! 1. VS Code 설치 구글에 VS Code를 검색하면 위와 같이 나올것이며, Download를 클릭하자! 우린 Window 컴퓨터를 사용하니깐 Window 용을 다운받자! 설치가 완료되고 실행하면 위와같은 화면이 나온다. 당연히 동의하고 다음을 쭉 누른다! 위 ..