Ann's log

React 프로젝트는 Github Pages로 배포할 때 추가적으로 해줘야 하는 것들이 있어서 그 과정을 기록해 두려고 한다. (내가 만든 React 프로젝트는 Create React App과 React Router를 사용하였다.) 이 글에서 정리하는 내용: 1. React 프로젝트 배포하기 전에 해야할 것 2. React 프로젝트 build 하고 배포하기 2-1) gh-pages 패키지를 사용하지 않는 방법 2-2) gh-pages 패키지를 사용하는 방법 3. 배포 확인하기 1. React 프로젝트 배포하기 전에 해야할 것 ① 배포하고자 하는 프로젝트 repository가 public으로 되어 있는지 확인 한다. ② 리액트 프로젝트 폴더 안의 package.json 파일에 다음을 추가 해줘야 한다. "..

이전에 만들어둔 React 프로젝트에 잠재적인 보안 취약점이 있다고 계속 GitHub에서 이메일이 오길래 해결 방법을 찾아 보게 되었다. 그리고 GitHub 저장소에 들어가서 볼때마다 이렇게 계속 메세지가 떠있어서 너무 신경이 쓰였다... 이 글에서 정리하는 내용: 1. Create React App으로 생성한 React 프로젝트의 vulnerabilities 보완하기 2. GitHub Dependabot alerts 제거하기 Create React App으로 생성한 React 프로젝트의 vulnerabilities 보완하기 일반적으로 vulnerabilities를 제거하기 위해서는 terminal에서 npm audit 명령어를 입력해서 확인하고, npm audit fix (--force) 명령어를 통해..

새로 배울때마다 계속 해서 업데이트 할 예정. Git 저장소 초기화 git init Git config list 보기 (사용자 이메일, 이름 등의 정보를 볼 수 있음) git config --list 전역적으로 사용자 이름 정보 변경하기 git config --global user.name "사용자이름" 전역적으로 사용자 이메일 정보 변경하기 git config --global user.email "이메일 주소" GitHub 원격 저장소 추가하기 git remote add origin https://github.com/[github 계정 이름]/[저장소 이름].git 기존 저장소 remote 제거하기 git remote remove origin 모든 파일의 변경 사항을 git에 추가하기 (.gitign..

정리가 안 되어 있는 Github 각 저장소의 Readme 파일을 수정하기 위해 badge 만드는 방법을 찾아 보았다! Shields.io 사이트에 들어가면 다양한 형태의 badge를 만드는 법을 볼 수 있다. https://shields.io/ Shields.io: Quality metadata badges for open source projects Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space → SpaceUsing query string par..