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)을 저장함 거의 모든 명령이 로컬 파일과 데이터만 사용하기 때문에 네트워크에 있는 다른 컴퓨터는 필요 없음 프로젝트..

결론 [ 로그인 화면 ] Create Account를 누르면 계정을 만들 수 있다. Log in 상태에서 만들어진 아이디로 로그인하면 로그인 가능하다. Login 기능은 Firebase의 Authentication을 활용했다. [ Timer 화면 ] 타이머의 시작, 정지, 종료, 시간과 내용 저장 기능을 만들었다. FontAwesome을 통해 무료 아이콘을 이용했다. Send 버튼 클릭 시 새로운 DB로 내용(시간-Text들)이 저장된다. [ Contents 화면 ] 다른 Id로 Send 한 내용도 볼 수 있다. - 공유 목적 [ About 화면 ] Log Out을 누르면 Log Out이 된다. 회고에 대한 나의 이해 프로젝트 기간을 돌아보며, 부족한 부분과 긍정적인 부분을 되돌아보는 것 이를 통한 성장..

결과 [ Timer 화면 ] 아래에 Send 버튼을 누르면 saveTime(00:00:01)과 text (send 누르면 보내기)가 DB에 저장된다. [ Contents 화면 ] [DB 저장 화면] 묶음의 전체 id값인 creatorId는 Contents에서 내가 올린 글을 삭제할때 쓸 용도이다. DB에 저장된 saveTime과 text값을 Contents 페이지에 불러와서 출력해주면 된다. 오류 [ DB에서 불러온 data의 구조 ] DB에서 불러온 내용이 아래와 같이 array 안에 object안에 array안에 object의 구조이기 때문에 Object의 key값으로 불러올 수 없는 문제가 있었다. -> array의 [0] 배열값을 주면 불러올 수는 있었지만, 글이 여러 개일 때 처리 문제를 생각해..

오류 DB에 있는 id값과 현재 로그인 중인 user의 id값을 비교하던 중, map을 사용하니 조건에 맞지 않는 값들은 undefined 로 출력이 되었다. undefined 상태로 DB에 넣으려 했더니 'FirebaseError: Function addDoc() called with invalid data. Unsupported field value: undefined' 오류가 나왔다. undefined를 없애기 위해 이런저런 시도를 하다가 filter를 통해 다시 돌려주었고 undefined를 지울 수 있었다. 아래 코드는 해결이 된 코드이다. useEffect(() => { dbService.collection("currentTime").onSnapshot(snapshot => { const co..