본문 바로가기

전체 글142

React - React install react를 처음 설치를 할 때, 2가지 방법이 있다. 하나는 npm을 이용해서 설치를 하고 webpack과 babel을 이용하여 커스텀화 시킬수 있고, 다른 한가지 방법은 react cli를 활용하는 방안이다. 특징들을 비교해 보면... # npm 설치 - 원하는 라이브러리만 설치가 가능하다. - 필요한 기능들만 넣어서 cli에 비해 가볍기 때문에 build 시간이 절약 - webpack 및 babel 설정이 필요하기 때문에 초기 setting이 오래 걸린다. # cli 설치 - 쉽게 설치가 가능하다. - 필요한 기능 이외에 다른것들 까지 설치가 되어 build 시간이 보다 오래걸린다. ## cli 설치 cli설치 명령어는 다음과 같다. 폴더명 뒤에 옵션들을 넣을 수 있고, react를 설치할 때 필요.. 2022. 2. 2.
Server - REMOTE HOST IDENTIFICATION HAS CHANGED error server에 접속을 위해 ssh key 등록을 해두고 사용을 하다가 server가 바뀌게 되었을 때, RSA key 충돌이 발생을 한다. 특히 EC2에 ssh 키를 등록하고 사용하는 경우, instance를 변경을 하게 된다면 기존에 key는 사용이 불가하다. 회사에서 EC2 장비에 접속하도록 ssh를 등록을 해두었지만, RI(Reserved instance)와 scale 변경을 하게되면서 EC2 장비에 instance 변경이 되었다. 그러면서 RSA(암호화) 공유키 충돌 문제가 발생하였다. 충돌의 원인은 local에서 예전에 server에 ssh키 등록을 통해서 인증 과정을 거쳤고, 이 ssh키를 그대로 가지고 있지만, local은 예전 server의 ip가 등록되어 있는 상태이다. 그래서 local.. 2022. 1. 18.
Server - mediasoup 설치 error Mediasoup V3 버전을 설치 할 때, 로컬 환경에 python3와 컴파일러인 make와 gcc/g++ 가 있는지 Mediasoup 설치 전에 확인을 해야한다. mediasoup를 설치하는 가이드가 공식 홈페이지 잘 나와 있다. v3 버전을 설치 할 때, python3.6이상을 권장을 한다(git action으로 media server docker image 빌드할 때, python 버전이 낮아서 설치 안되고 강제로 명령어를 실행 시켜서 python 버전업을 시켜줬다. github에서 제공해주는 git action 장비들에 설치되어 있던 버전이 3.4로 기억한다.) ## python --version 최근 회사에서 노트북을 바꾸게 되면서 모든 셋팅을 새로 했어야 했다. mediasoup을 설치를 .. 2022. 1. 5.
React - Error: The specified module could not be found. Next.js CLI로 Next.js 설치하고 template으로 typescript를 설치하고 npm run dev를 실행 시켰을때, npx create-next-app [폴더명] --ts Error: The specified module could not be found nextjs와 같은 error가 발생할 경우가 있다. 이럴 경우 babel을 통해서 해결할 수 있다. 최상위 폴더에 .babelrc 파일을 만들고, 아래와 같이 넣어준다. 그리고 npm run dev를 다시 실행시키면 잘 작동한다. babel에 presets 옵션은 babel의 공유 가능한 config 옵션이나 plugin을 공유 가능하도록 해준다. { "presets": ["next/babel"] } https://stackover.. 2022. 1. 5.
반응형