문제 상황EC2 인스턴스를 생성하고, 로컬에서 연결하는 과정에서 발생한 문제입니다.sudo apt updatesudo apt install ruby-fullsudo apt install wgetcd /home/ubuntusudo apt install awscli  문제 원인awscli 패키지를 설치하려고 했지만, 패키지 목록이 최신 상태가 아니거나 패키지가 해당 리포지토리에 없기 때문입니다. 해결방안1. 패키지 목록 업데이트 후 설치하기sudo apt updatesudo apt install awscli아래와 같이 apt 업데이트를 진행했지만 여전히 해결되지 않았습니다. 2. universe 리포지토리 활성화sudo add-apt-repository universesudo apt update여전히 동일한..

패키지 매니저란?💡 자바스크립트 프로젝트에서 사용되는 의존성 관리 도구입니다패키지 매니저는 프로젝트에 필요한 외부 라이브러리, 모듈, 플러그인 등을 손쉽게 설치하고 관리하는 역할을 합니다패키지 매니저의 역할패키지 설치npm install react@latest패키지 매니저를 사용하여 프로젝트에 필요한 패키지를 설치할 수 있습니다. 패키지는 일반적으로 오픈소스 라이브러리이며, 패키지 매니저를 통해 패키지의 이름 또는 버전을 지정하여 설치할 수 있습니다.버전 관리npm install react@18.0.5패키지 매니저는 패키지의 다양한 버전을 관리합니다. 이를 통해 특정 버전의 패키지를 설치하거나 업데이트 할 수 있으며, 프로젝트가 정확한 버전의 패키지를 사용하도록 보장할 수 있습니다.스크립트 실행npm ..

개발 환경웹앱을 개발하는 과정에서 현 위치 정보를 조회해야 했습니다. 따라서 React + Geolocation 조합으로 현 위치 정보를 가져오려했습니다. 문제 상황아무래도 PC에서 현 위치를 조회하는 것이다보니 모바일 기기에서 GPS를 조회하는 것보다 오차가 클 수 밖에 없었습니다. Geolocation API를 사용하는 경우 인근 Wi-Fi 네트워크의 SSID와 신호 세기를 사용하여 위치 정보를 파악합니다. 따라서 위치가 실시간으로 이동 중일 경우에는 잘못된 정보를 받아올 확률이 높아질 수 밖에 없었습니다.  실제로 테스트 결과 서울시 강남구에 있음에도 중랑구의 위치 정보를 받아오는 경우도 있었습니다. 차량을 탑승한 채 위치 이동 중에 측정되는 비정상 데이터의 비율은 15%에 가까웠습니다. 따라서 위..

npm install -D @babel/core @babel/cli바벨이 설치되면 node_modules / .bin / babel 이 있는 것을 알 수 있다.이제 app.js를 만들고 코드를 쳐본다// app.jsconst alert = (msg) => window.alert(msg);그리고 바벨을 실행시켜본다.npx babel app.jsapp.js에 작성했던 코드가 잘 나오는 것을 알 수 있다.바벨은 세 단계로 빌드를 진행한다.파싱 (Parsing)코드를 읽고 AST(추상 구문 트리)로 변환하는 단계를 ‘파싱’이라고 한다. 이것은 빌드 작업을 처리하기에 적합한 자료구조인데, 컴파일러 이론에 사용되는 개념이다.변환 (Transforming)추상 구문 트리를 변경하는 것을 ‘변환’ 단계로, 실제 코드를..