1 - CSR 생성 mac → 키체인 접근 → 인증서 지원 -> 인증기관에서 인증서 요청 2 - DNS 검증 SSL 인증서를 발급하기 전에, 해당 도메인의 소유주가 맞는 지 확인하는 검증 단계입니다. 도메인 구입 사이트 또는 호스팅 사이트에서 cname 등록인 필요합니다. (ex. aws route53, gabia 등) 하루를 기다려도 검증이 안될 시 잘못 입력한 부분이 있는지 확인해야 합니다. Type: CNAME Record Host: CNAME Value: CNAME value TTL: Automatic 🚫 주의할점: Host 입력 시 도메인 제거 후 입력할 것! 3 - SSL 인증서 다운로드 DNS 검증 완료 시 구매 사이트로부터 다운로드 4 - chain 파일 생성 (필요 시) SSL & CSR..
1 - 들어가기 앞서.. 팀원과 컨벤션 정의 및 lint 규칙을 정하는 상황이 있습니다. 그런데 작업을 하다 보면 서로 코드 컨벤션에 소홀해지는 경우가 있습니다. 이런 상황일 때, 사용하면 좋은 도구가 husky 입니다. husky 를 사용하면 커밋 전, 푸시 전 등 git hooks 상황에 맞게 코드 규칙을 강제할 수 있습니다. 2 - 용어 및 도구 정리 git hooks git 과 관련한 이벤트가 발생했을 때, 추가 스크립트를 실행하는 기능 git hooks 는 클라이언트 훅과 서버 훅으로 나뉩니다. 클라이언트 훅은 git 이벤트를 실행 시, 실행자의 컴퓨터에서 실행하는 훅입니다. 서버 훅은 git 이벤트를 실행 시, 타 서버에서 실행하는 훅입니다. .git/hooks 폴더 내부에 보면 각 훅을 확인..
1 - git 접속 에러 새로운 노트북을 이용할 때 github, gitlab 에 처음 계정을 연동해서 이용할 때 https remote 주소로 부터 깃을 관리할 때 권한 에러를 마주할 수 있습니다. 이에 대한 반복된 검색을 줄이면 좋을 거 같아서 포스팅을 시작합니다. github 에러 $ git push origin main Username for 'https://github.com': vvs-kim Password for 'https://vvs-kim@github.com': remote: Support for password authentication was removed on August 13, 2021. remote: Please see https://docs.github.com/en/get-st..
패키지 소개 ESLint 란? (ES + Lint) 자바스크립트 소스 코드의 오류를 표시하기 위한 도구입니다. ES란, Ecma Script, 표준 자바스크립트 Lint란, 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류 등을 표시하기 위한 도구 Prettier 란? 코드를 예쁘고 일관성 있게 유지시켜주는 자동완성 도구입니다. eslint 로 소스코드를 분석하고, prettier 로 올바르게 문법을 자동으로 고칠 수 있으므로 함께 사용합니다. airbnb convention 란? 에이비앤비에서 만든 코딩 컨벤션(문법을 이렇게 작성하자! 라는 약속) 입니다. 여러 회사가 만든 코딩 컨벤션이 존재하며, 그중 에어비앤비에서 만든 약속입니다. 적용방법 1. eslint config 패키지 추가 yarn..