꾸매코딩

서론 React 파일은 'create-react-app'을 통해 만들었다. GitHub Repository 생성 테스트를 위해 gh-pages-test 명으로 repository를 만들었다. 로컬 저장소와 연결 default 브런치명이 main으로 변경되었지만, create-react-app을 통해 설치하면 브런치명이 master로 나온다. 아래 명령어를 터미널에 입력하여 로컬 저장소와 원격 저장소를 연결한다. git init git remote add origin [repository 주소] gh-pages 설치하기 gh-pages를 이용하기 위해서는 패키지를 설치해야 한다. npm install gh-pages package.json에 주소 추가 패키지 설치가 완료되면 package.json에 "ho..

Visual Studio Code에서 Markdown 보는 방법 VS code, Palette창에 Markdown: Open Preview to the Side를 검색하면 볼 수 있다. Palette창은 'Ctrl+Shift+P' or 'F1' 단축키로 확인 가능하다. Markdown: Open Preview to the Side의 기본 단축키는 Ctrl + k 입력 후 v 입력하면 된다. Preview README.md명으로 파일이 열리고 Markdown으로 작성된 파일 확인 가능하다. GitHub Page에서 직접 작성 GitHub Repository에 있는 수정 기능과 Preview 기능을 활용하여 변경 가능하다. 작성과 수정이 가능하다 버튼을 클릭하면 아래와 같은 창이 나온다. Markdown 형..

서론 글을 작성하기에 앞서 기존에 master가 들어가던 명령어가 main으로 바뀐 점 확인 바랍니다. master라는 단어가 좋지 않은 어감을 가지고 있어서 바뀌었다고 합니다. (root의 이름이 master → main으로 변경) [ 참고 ] https://www.zdnet.com/article/github-to-replace-master-with-main-starting-next-month/ GitHub to replace 'master' with 'main' starting next month | ZDNet All new Git repositories on GitHub will be named "main" instead of "master" starting October 1, 2020. www.z..

들어가는 글 Git과 Github의 중요성을 알고 블로그 초기에 Git과 Github, 간단한 명령어, README.md 작성 방법 등을 배움의 목적으로 정리하려 했었다. 하지만 잘못된 우선순위로 이제야 포스팅을 하게 되었다. 미루고 미뤄왔던 일을 이제야 하게 된 것은 계기가 있었는데, 전에 글에서 나침반이 필요하다고 표현했던 적이 있었다. 방향을 잡아주실 분을 만나 뵙고 중요성에 대해 다시 생각해볼 수 있었다. 이 글을 읽으시는 분들은 자신의 우선순위를 생각해보시고 덜 중요한 일에 시간을 허비하지 않기를 바랍니다.✨ Git의 동작 원리 Git은 시간순으로 프로젝트의 스냅샷(Snapshot)을 저장함 거의 모든 명령이 로컬 파일과 데이터만 사용하기 때문에 네트워크에 있는 다른 컴퓨터는 필요 없음 프로젝트..

결과 FireBase의 Authentication (인증) 기능을 이용하여 로그인 창을 구현하였다. Google 아이디와 Github 아이디로 로그인 가능하도록 설정했다. SetTimer.js 내용이 너무 길어져 Modal창 부분을 따로 components로 분리했다. 오류 SetTimer.js를 분할하는 과정에서 생긴 오류 갑자기 사이트에 렉이 걸리기 시작했고, console.log()로 출력해보니 끊임없이 랜더링 되고 있었다. 생각 1. 분할하는 과정에서 props를 setDbTime={setDbTime} setState로 설정해주어서 그렇다고 생각함 → 검색해본 결과 이렇게 사용해도 상관없음, 따로 만들어서 실행해보니 이상 없음 2. 랜더링 관련 문제이니 useEffect() Hook과 관련 있을 ..

[ GitHub란 무엇일까? - 추가 설명 ] 이번 강의에서는 Git, Github에 대해 알려주신다. 개발 공부를 하고 있거나, 개발직에 계신 선배님들 모두가 Git과 같은 버전 관리 시스템(Version control system)을 사용하실 거라고 생각한다. 개발 직종에서는 뗄 수 없는 프로그램이고, 그만큼 아주 유용한 프로그램이다. 1. Git - 분산형 관리 시스템이다. - 여러 명이 동시에 작업이 가능하다. - 파일의 히스토리(변경 내역)를 알 수 있다. → git은 파일을 계속 추적(Tracking)하는 것이다. 2. Github - Git의 변경 내역을 볼 수 있는 사이트이다. - Repository : 파일, 폴더를 저장해두는 저장소이다. - Commit : 파일 추가, 변경한 시점(Po..