반응형 JS15 엄격하게 commit 하기 (husky, commitlint, lint-staged) Conventional Commit commit 메시지의 규칙 모두 같은 규칙을 사용하며 커밋의 변경 및 수정사항, 기능 구현 등을 명시적으로 표현할 수 있다 커밋을 통한 히스토리도 파악할 수 있다 conventional commit 문서에서 커밋 규칙을 더 자세하게 알 수 있다 husky convential commit을 따르기 위해 node.js 패키지 중 하나인 husky를 사용해 git hooks를 관리할 수 있다 방법 1. husky 설치 npm install --save-dev husky 2. husky 초기화(추천) ./husky/pre-commit을 생성하고, package.json에 prepare 명령어를 추가한다 npx husky init 3. lint-staged 설치 linting .. 2024. 4. 15. nvm을 이용해서 프로젝트 별 node 버전 통일 시키기 nvm? Node.js version manager 의미 그대로 node version을 관리하기 쉽게 제공되는 패키지이다 대표적으로 아래의 명령어가 있다 현재 버전을 포함한 사용가능한 node 목록 $ nvm ls 특정 버전을 설치 $ nvm install {20} 가장 최신 안정화 버전을 설치 $ nvm install --lts 우리가 원하는 것은 버전 통일 javascript는 버전 의존성이 강한 특징을 가지고 있다 프로젝트 별로 버전이 달라서 node 버전을 문서로 관리하고 있다면 아래의 방법이 매우 도움이 될 것이다 .nvmrc nvm 설정 파일 .nvmrc에 해당 프로젝트 버전을 명시한다 명령어를 통해 프로젝트 node 버전으로 변경한다 방법 최상위에 .nvmrc 생성(mac) $ touch .. 2024. 4. 15. Client에서 JWT 생성기 (JSON Web Token, Frontend) JWT 정의 늘려서 JSON Web Token JSON 객체를 활용하여 안전하게 정보를 전송할 수 있는 간결하고 독립적인 개방형 표준이다. 아래는 jwt.io에서 발췌한 부가적인 설명이기 때문에 궁금하신 분만 읽어보세용 😃 디지털 서명이기 때문에 신뢰가 보장되며 비밀키를 사용하면 HMAC 알고리즘을 통해 암호화되며 공개/개인키를 함께 사용할 때는 RSA나 ECDSA 알고리즘을 통해 암호화된다. 사인된 토큰은 클레임에 대한 무결성을 보장하며 토큰이 암호화되는 동안 다른 쪽에서는 클레임에 대한 정보를 알 수 없다. (클레임에 대한 정의는 payload 파트에 있어요!) 만약 공개/개인키로 서명되는 경우에는 개인키를 보유한 쪽이 사용자임을 인증한다. JWT 언제 사용하나요? 1. 권한 인증 JWT의 가장 일반.. 2024. 4. 15. Vanilla JS로 SPA router 기능 만들기 정적 웹페이지를 배포해야 할 일이 생겼고, 내용도 굉장히 적기 때문에 프레임워크는 고사하고, 모듈러 사용도 과하다고 판단했다. 항상 프레임워크에서 개발하거나 최근 프레임워크없이 vanillaJS에 모듈러만 사용하여 개발한 경험이 있는데, 이번엔 모듈러까지 없이 하려니 도저히 가닥이 잡히지 않았다. 일단 내가 배포에 대한 지식이 전무하다보니 배포를 하려면 프로젝트에 무엇이 필요한지 몰랐다. 그래서 일전에 정적 페이지를 배포해준 동료에게 질문을 했다. 정적 페이지를 AWS S3에 배포하셨을 때, 프로젝트를 직접 S3에 업로드하셨나요? 아니요, 적어주신 build 명령어로 build했고, build 결과물을 S3에 업로드했어요. 이 답변을 듣고 나니 단순히 컴파일하는 과정이라고 생각했었던 build의 정의가 .. 2024. 4. 14. 이전 1 2 3 4 다음 728x90 반응형
