TIL/기타 4

npm install 에러(peerDependencies)

💡 예전에 과제 테스트를 쳤던 프로젝트를 다시 풀어보고자 클론 받은 후 npm install을 하려다 보니 오류가 생겼다. 해결하는 과정에서 배울 게 있을 것 같아서 기록해보려고 한다!오류 메세지는 이렇다. 해당 오류 정보에서는 msw "1.2.1" 을 설치하는 도중에 typescript 5.1.6 에서 문제가 발생했다고 나와있다.난 그래서 typescript를 강제로 설치하면 되지 않을까 생각했지만, 그래도 이를 계기로 에러 상황의 해결법과 원인에 대해 공부해보려고 한다. 📕 이는 2021년 2월 출시된 npm 7버전부터 peerDependencies를 자동으로 설치하는 기능 때문이다.Peer dependenciesAutomatically installing peer dependencies is a..

TIL/기타 2024.05.15

Docker 란?

Docker란어플리케이션을 패키징 할 수 있는 툴컨테이너라는 소프트웨어 유닛 안에 어플리케이션과 구동하기 위한 시스템 툴, 환경설정과 dependencies를 하나로 묶어서 다른 OS, PC에서 안정적으로 구동할 수 있게 하는 툴 => 그렇다면 vm과 같지 않나??라는 물음이 생김VM vs DockerVM : Infrastructure 위에 Hypervisor 소프트웨어(vmware, VirtualBox)에서 각각의 가상머신을 만듬 => 각 가상 머신은 OS를 포함해 굉장히 무거움(리소르를 많이 잡아먹음)Conatainer : Infrastructure 하드웨어에 설치된 운영체제, Host OS에서 Container Engine 소프트웨어를 설치에 각 컨테이너 별로 독립된 환경에 어플리케이션을 구동하게 ..

TIL/기타 2024.04.17

API_KEY를 안전하게 관리하는 방법

최근 노마드 코더의 vanilla javascript 강의를 들으며 페이지를 만들던 중, api key를 쓰는 부분에서 '이게 git에 올라가면 아무나 내 api key를 쓰지 않을까?'란 생각이 들어 방법을 찾아보았다.항상 제일 간단한 방법을 선호하기 때문에 해결책은 간단했는데, api key를 관리하는 파일을 만들고 그 파일을 .gitignore 파일에 추가해 git에 올리지 않는 방법이다.이렇게 사용하면 api_key를 한번에 관리할 수 있고, 매번 필요한 파일마다 수동으로 수정해야하는 수고도 덜 수 있다.  https://velog.io/@ohwowo_o/javascript-API-key-%EC%88%A8%EA%B8%B0%EA%B8%B0 [javascript] API key 숨기기🚨 자신의 ap..

TIL/기타 2024.01.31

jQuery함수 Javascript로 구현하기

모 회사를 지원하면서 과제 전형으로 알고리즘과 페이지 구현, 그리고 밑의 과제를 받았다. 이 과제를 제일 열심히 했었는데, 그 이유는 이 과제에 있던 한 문장 때문이었다.'현재 지원자 중 정답자가 없는 문제입니다'이 문장을 보고 '아 이건 꼭 풀어야겠다'고 생각해서 열심히 풀었던거 같다.javascript를 배우면서 jquery는 안 배웠는데 이렇게라도 jquery 공부를 해본게 추후에 도움이 되면 좋겠다.// 여기에 정답을 작성해주세요class Selector {  // 생성자에서 인자에 해당하는 요소들을 배열로 element에 저장합니다.  constructor(args) {    this.element = document.querySelectorAll(args);  }  // 메서드 체이닝이 가능하..

TIL/기타 2023.12.24