NPM 설치 오류 SELF_SIGND_CERT_IN_CHAIN 해결할 수 있는 3가지 방법

회사에서 npm install 시 아래와 같은 오류를 발생할 수 있습니다.Error: SSL Error: SELF_SIGNED_CERT_IN_CHAIN 원인일반적으로는 공개 Repository 저장소에서 npm 다운로드를 진행하지만,회사나 단체에서는 외부에서는 접근하지 못하도록 자체적으로 사설 Repository를 사용하는 경우가 있습니다.사설 Repository를 이용하기 위한 인증서가 필요하기 때문에 오류가 발생합니다. 해결 방안 1npm set strict-ssl false npm 설치시 엄격한 ssl검사를 사용하지 않는다는 설정입니다.보안에 취약하므로 추천하지 않습니다. 해결 방안 2npm config set proxy npm config set https-proxy npm config set s..

• format_list_bulleted 카테고리 없음
• · 2024. 12. 21.
• textsms

사용하지 않는 dependency 정리하기 depcheck

사용하지 않는 dependency 정리하기 프로젝트를 점점 진행하다보면 package.json 파일에 dependency가 점점 쌓이게 됩니다.초기 프로젝트 세팅을 위한 vue, react, express 등등eslint, prettier, test tool 등각종 편의를 위한 라이브러리 등 모두 프로젝트에 사용하면 좋겠지만, 테스트를 위해 추가했다고 지우지 않고 커밋을 한다던가,더 이상 사용하지 않는 기능이라서 dependency에만 남아있는 경우가 있습니다.사용하지 않는 dependency가 계속 프로젝트에 남아 있으면프로젝트가 무거워지고 build 할때도 오래 걸리게 됩니다. 이럴때 필요한 라이브러리가 있습니다.depcheckpackage.json 에서 더 이상 사용하지 않는 쓸모 없는 depend..

• format_list_bulleted Develop/JavaScript
• · 2024. 12. 19.
• textsms

코드 리뷰 현실 장단점

코드 리뷰란?대기업, 스타트업 등 많은 회사들이 코드 리뷰를 하고 있습니다. 채용공고에서도 "코드 리뷰, 페어프로그래밍 등에 거부감이 없으신 분"이라고 작성할 정도로코드 리뷰를 실무해서 많이 적용하고 있는 것 같습니다. 코드 리뷰란?1. 개발자가 기능 구현 후 PR, MR 제출2. 리뷰어가 리뷰 후 PR, MR 승인 이런 식의 형태로 진행 되게 됩니다.코드 리뷰 장점코드 리뷰를 하게 되면 개발 내용을 동료들과 공유할 수 있어서, 예상치 못한 버그를 방지할 수 있고코드 품질 향상에 도움을 줄 수 있고,지식 공유에도 도움이 됩니다. 코드 리뷰 단점기분이 상한다거나,경력 및 실력에 따라서 일방적이 리뷰가 되고개발 생상성이 떨어진다는 단점이 있습니다. 코드 리뷰에 대해서"니가 감히" 날 지적해? 라고 생각할 수..

• format_list_bulleted Develop/etc
• · 2024. 12. 18.
• textsms

자바스크립트 런타임 Bun 이란? 사용법, 설치방법

귀여운 로고를 가진 자바스크립트 런타임 프로그램이 새로 생겼습니다. 자바스크립트 런타임(실행 환경)이란?자바스크립트는 빈공간에서 혼자 실행되지 않습니다.브라우저나 Node.js 와 같은 런타임 환경에서 작동합니다. 브라우저에서는 자체 자바스크립트 엔진을 사용하여 정적인 웹페이지를 동적으로 만들 수 있습니다. Node.js 에서는 C++로 만들어진 크롬 V8 엔진을 사용하여 자바스크립트 코드를 실행합니다.Node.js 를 설치하면 서버, 웹 앱, 커맨드 등에서 자바스크립트를 사용할 수 있습니다.Bun 이란?Bun은 자바스크립트 런타임입니다.또한, 자바스크립트 bundler, test runner 와 package manager 의 기능을 가진 도구 입니다. Bun 은 Zig 라는 언어로 만들어졌고,내부적으..

• format_list_bulleted Develop/etc
• · 2024. 10. 23.
• textsms

npm cache clean vs verify

프로젝트에서 npm pacakge 설치를 위해 npm install을 사용합니다.설치를 하다가 오류가 나거나, 파일이 손상될 경우에 실행이 되지 않는 경우가 있습니다. 그럴 경우에는 캐시를 직접 삭제 또는 확인하는 방법을 통해서 다시 설치해야 합니다.npm cache clean --forcenpm cache verify 위 두 가지 명령어를 사용하여 해결할 수 있습니다. npm cache 란?npm package를 설치하면 일반적인 http 요청 데이터와 package에 필요한 기타 데이터들을 캐시에 저장합니다.기본적으로는 C:\Users\{userName}\AppData\Roaming\npm-cache\_cacache 해당 폴더에 저장합니다. npm cache 데이터는 삭제되지 않고, 계속 증가하게 됩..

• format_list_bulleted Develop/etc
• · 2024. 10. 18.
• textsms

자바스크립트 - Promise all, allSettled 사용법, 차이점

자바스크립트에서비동기 작업 중 여러개의 API를 동시에 호출하고모든 비동기 작업이 완료 되었을 때, 새로운 코드를 작성하고 싶을 때가 있습니다. 또, 여러개의 API를 순차적으로 날리지 않고 동시에 호출하여 웹 성능을 향상할 수도 있습니다. 그럴때 Promise 메서드 중 all 과 allSettled 를 사용할 수 있습니다. Promise.all()Promise.all() 의 경우에는 n개의 비동기 함수를 동시에 실행하고 모든 함수가 완료하면, 함수의 결과 값을 반환합니다.하지만, 단 하나의 함수라도 실패하면 Promise가 실패되게 됩니다. const response = await Promise.all([ getExcelFile('name1.xls', 1000), getExcelFile('name..

• format_list_bulleted Develop/JavaScript
• · 2024. 8. 29.
• textsms

자바스크립트 - 비동기 Promise 란?

자바스크립트에서 비동기 함수들을 사용할 때, Promise를 많이 사용합니다.또 confirm, modal 등 미래에 일어날 일들에 대해서 Promise를 사용해서 개발을 진행하면편리하게 개발할 수 있는 장점이 있습니다. Promise 란?Promise 란 비동기 작업을 할 때, 미래에 일어날 결과 또는 실패 값을 나타내는 객체입니다. Promise 에는 세 가지 상태가 있습니다.pending (완료하지 않은 아직 대기 상태)fulfilled (완료)reject (실패)const getExcelFile = (name, delay = 1000, isSuccess = true) => { return new Promise((resolve, reject) => { setTimeout(() => { ..

• format_list_bulleted Develop/JavaScript
• · 2024. 8. 24.
• textsms

JavaScript - 조건부 배열 추가 하기

자바스크립트에서 조건에 따라서 배열에 값을 추가하고 싶을 때가 있습니다. 1. if문 이용하기고전적인 방법이지만 if 문을 이용하여 조건부로 추가할 수 있습니다.const arr = [];const condition = true;if (condition) { arr.push('superman');} 2. 삼항 연산자 이용하기삼항연산자를 이용하여 조건부로 배열의 값을 추가 할 수 있습니다.true 시 값이 있는 배열은 push 가 되고, 빈 배열은 아무값도 추가되지 않습니다.const condition = true;const arr = [ ...(condition ? ['superman'] : [])]   JavaScript - 조건부 객체 속성 추가하기조건에 따라서 객체의 속성을 추가하고 싶을 때..

• format_list_bulleted Develop/JavaScript
• · 2024. 6. 27.
• textsms

자바스크립트 - 사칙 연산 계산기 만들기

더하기, 빼기, 곱셉, 나누기, 나머지 계산하는 계산기 입니다. html계산기 첫번째값: 두번째값: + - * / % 계산결과:  javascriptconst num1 = document.getElementById('num1');const num2 = document.getElementById('num2');const plusBtn = document.getElementById('plusBtn');const subBtn = document.getElementById('subBtn');const multBtn = document.getElementById('multBtn');const divBtn = document.getElementById('divBtn');const res..

• format_list_bulleted Develop/JavaScript
• · 2024. 6. 23.
• textsms

아침 운동하면 좋은점, 후기, 장점

저는 운동선수도 아닌데 운동을 너무 많이 하고 있다는 생각을 하였습니다. 운동할 시간에 업무 관련 공부나, 독서, 아니면 블로그 글이라도 하나 더 써야뭔가 하루를 잘 살았다는 생각이 들어서 운동을 좀 적당히 하였습니다. 하지만, 여름 맞이 다이어트 겸 해서 겸사겸사 최근 약 2달 정도 아침운동을 하고 있습니다.5월엔 주로 동네 조깅을 진행하였고, 6월엔 주로 헬스장을 갔습니다. 아침 운동하면서 느낀점을 간단히 작성해보려고 합니다. 1. 밤에 잠이 잘 옵니다.퇴근 후 저녁에 격한 운동을 하게 되면, 흥분 상태가 돼서 일찍 잠이 못 들게 됩니다.운동하고 씻고, 쉬다가 보면 새벽 2~3시가 되고, 다음날 피곤한 하루를 보내게 됩니다. 2. 기분이 좋아집니다.뭐 운동을 하면 당연한 이야기지만, 특히 아침 운동을..

• format_list_bulleted 일상/이야기
• · 2024. 6. 23.
• textsms