Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/sonsurim/til

학습한 공부 내용을 기록하는 공간입니다 📚
https://github.com/sonsurim/til
javascript typescript
Last synced: about 2 months ago
JSON representation
학습한 공부 내용을 기록하는 공간입니다 📚
Host: GitHub
URL: https://github.com/sonsurim/til
Owner: sonsurim
Created: 2021-06-18T13:35:59.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-09-05T20:57:05.000Z (over 3 years ago)
Last Synced: 2024-10-15T04:26:32.129Z (3 months ago)
Topics: javascript, typescript
Language: HTML
Homepage:
Size: 20.3 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # TIL

학습한 내용을 기록하는 공간 💻

---

## 🔏 Commit Rule

[커밋 작성규칙 바로가기](https://github.com/sonsurim/TIL/blob/main/Rules/TIL_Rules.md)

## 🗓 History

 2021년 6월 

#### 6월 19일

- [x] [TIL 저장소 정리](https://github.com/sonsurim/TIL)

#### 6월 21일

- [x] TypeScript 강의 듣기

- [x] TypeScript 정리

  - [TypeScript](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript.md)

  - [TypeScript_practice](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_practice.md)

  - [tsconfig.json](https://github.com/sonsurim/TIL/blob/main/TypeScript/tsconfig.json.md)

- [x] [JSDoc 정리](https://github.com/sonsurim/TIL/tree/main/JSDoc)

#### 6월 22일

- [x] TypeScript 강의 듣기

- [x] [TypeScript_type 정리](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type.md)

#### 6월 23일

- [x] TypeScript 강의 듣기

- [x] TypeScript 정리

  - [TypeScript_type](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type.md)

  - [TypeScript_interface](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_interface.md)

  - [TypeScript_type-aliases](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-aliases.md)

#### 6월 24일

- [x] TypeScript 강의 듣기

- [x] TypeScript 정리

  - [TypeScript_operator](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_operator.md)

  - [TypeScript_enum](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_enum.md)

  - [TypeScript_class](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_class.md)

  - [TypeScript_generics](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_generics.md)

- [x] JavaScript 정리

  - [JavaScript_class](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_class.md)

  - [JavaScript_prototype](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_prototype.md)

#### 6월 25일

- [x] TypeScript 강의 듣기

- [x] [TypeScript_generics 정리](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_generics.md)

#### 6월 27일

- [x] TypeSCript 강의 듣기

- [x] TypeScript 정리

  - [TypeScript_generics](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_generics.md)

  - [TypeScript_type-inference](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-inference.md)

  - [TypeScript_type-assertion](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-assertion.md)

  - [TypeScript_type-guard](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-guard.md)

  - [TypeScript_type-compatibility](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-compatibility.md)

#### 6월 28일

- [x] Velog 정리

  - [Webpack](https://velog.io/@surim014/series/Webpack)

  - [Babel](https://velog.io/@surim014/series/Babel)

#### 6월 30일

- [x] TypeScript 강의 듣기

- [x] TypeScript 정리

  - [TypeScript_utility-type](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_utility-type.md)

  - [TypeScript_partial](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_partial.md)

  - [TypeScript_mapped-type](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_mapped-type.md)

  

 2021년 7월 

#### 7월 1일

- [x] TypeScript 강의 듣기

#### 7월 3일

- [x] TypeScript 강의 듣기

- [x] [JSDoc 정리](https://github.com/sonsurim/TIL/tree/main/JSDoc)

- [x] TypeScript 정리

  - [tsconfig.json](https://github.com/sonsurim/TIL/blob/main/TypeScript/tsconfig.json.md)

  - [TypeScript](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript.md)

  - [TypeScript_practice](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_practice.md)

#### 7월 4일

- [x] TypeScript 강의 듣기

- [x] TypeScript 정리

  - [JavaScript_function](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_function.md)

  - [TypeSCript_type](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type.md)

  - [TypeScript_practice](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_practice.md)

  - [Babel](https://github.com/sonsurim/TIL/blob/main/Babel/Babel.md)

  - [ES Lint](https://github.com/sonsurim/TIL/blob/main/ES%20Lint/ESLint.md)

  - [.eslintrc](https://github.com/sonsurim/TIL/blob/main/ES%20Lint/.eslintrc.md)

  - [Prettier](https://github.com/sonsurim/TIL/blob/main/Prettier/Prettier.md)

  - [TypeScript\_@types](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_%40types.md)

#### 7월 5일

- [x] TypeScript 강의 듣기

#### 7월 6일

- [x] TypeScript 강의 듣기

- [x] JavaScript 정리

  - [JavaScript_reduce](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_reduce.md)

  - [JavaScript_destructuring](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_destructuring.md)

  - [JavaScript_async&await](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_async&await.md)

  - [tsconfig.json](https://github.com/sonsurim/TIL/blob/main/TypeScript/tsconfig.json.md)

  - [TypeScript_operator](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_operator.md)

  - [TypeScript_type-assertion](https://github.com/sonsurim/TIL/blob/main/TypeScript/TypeScript_type-assertion.md)

#### 7월 8일

- [x] TIL 이미지 태그 전체 수정

- [x] Interactive Web 강의 듣기

- [x] Interactive Web 정리

  - [Interactive Web_requestAnimationFrame](https://github.com/sonsurim/TIL/blob/main/Interactive-Web/Interactive-web_requestAnimationFrame.md)

  - [Interactive Web_tip](https://github.com/sonsurim/TIL/blob/main/Interactive-Web/Interactive-web_tip.md)

- [x] Interactive Web 실습 (private)

  - [실습 환경 구성, README 작성](https://github.com/sonsurim/interactive-web)

  - [마우스를 활용한 인터랙티브](https://github.com/sonsurim/interactive-web_private/tree/master/practice/01)

  - [픽스낫띵 효과 따라해보기](https://github.com/sonsurim/interactive-web_private/pull/1)

#### 7월 10일

- [x] Interactive Web 강의 듣기

- [x] Interactive Web 정리

  - [Interactive Web_parallax](https://github.com/sonsurim/TIL/blob/main/Interactive-Web/Interactive-web_parallax.md)

- [x] Interactive Web 실습 (private)

  - [뉴욕 타임스 all birds 효과 따라해보기](https://github.com/sonsurim/interactive-web_private/tree/03_birds/practice/03)

  - [마우스 효과 구현해보기](https://github.com/sonsurim/interactive-web_private/tree/04_mouse-over/practice/04)

  - [패럴랙스 - 프로그레스바 구현해보기](https://github.com/sonsurim/interactive-web_private/tree/05_parallax/practice/05/01_progress-width)

  - [패럴랙스 - 세로 트랜지션 적용해보기](https://github.com/sonsurim/interactive-we_private/tree/05_parallax/practice/05/02_progress-height)

  - [패럴랙스 - 브런치 스타일 구현해보기](https://github.com/sonsurim/interactive-web_private/tree/05_parallax/practice/05/03_brunch)

  - [패럴랙스 - 입체감 있는 스타일 구현해보기](https://github.com/sonsurim/interactive-web_private/tree/05_parallax/practice/05/04_solid)

#### 7월 11일

- [x] 프로그래머스 코딩 테스트

- [x] Interactive Web 구현

  - [mousemove를 활용한 사이트](https://sonsurim.github.io/interactive-web_public/01_mousemove-eyes/)

    

#### 7월 13일

- [x] NPM 강의 듣기

- [x] 문서 출처 정리

- [x] [Node.js 정리](https://github.com/sonsurim/TIL/blob/main/Node.js/Node.js.md)

- [x] NPM 정리

  - [npm](https://github.com/sonsurim/TIL/blob/main/NPM/NPM.md)

  - [npm 명령어](https://github.com/sonsurim/TIL/blob/main/NPM/NPM_command.md)

  - [npm dependencies vs devDependencies](https://github.com/sonsurim/TIL/blob/main/NPM/NPM_dependencies.md)

  - [npm package.json](https://github.com/sonsurim/TIL/blob/main/NPM/NPM_pacakge.josn.md)

#### 7월 14일

- [x] 크롬 개발자도구 강의 듣기

- [x] [브라우저 동작 원리 정리](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool_Browser-works.md)

- [x] 크롬 개발자 도구 정리

  - [크롬 개발자도구](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool.md)

  - [크롬 개발자도구 - Elements](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool_Elements.md)

  - [크롬 개발자도구 - Console](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool_Console.md)

  - [크롬 개발자도구 - Source](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool_Source.md)

  - [크롬 개발자도구 - Network](https://github.com/sonsurim/TIL/blob/main/Chrome-Devtool/Chrome-Devtool_Network.md)

#### 7월 15일

- [x] JavaScript 알고리즘 스터디 <알통> OT

- [x] 학습계획표 재정비

#### 7월 16일

- [x] 학습계획표 재정비

- [x] 알고리즘 레퍼지토리 정리

#### 7월 17일

- [x] [알고리즘 1,2,3번 문제 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] 부스트코스 - Web개발의 이해 강의 듣기

- [x] 부스트코스 - Web개발의 이해 정리

  - [Programming](https://github.com/sonsurim/TIL/tree/main/Programming)

  - [Programming_low-level-lauguage](https://github.com/sonsurim/TIL/blob/main/Programming/Programming_low-level-language.md)

  - [Programming_high-level-lauguage](https://github.com/sonsurim/TIL/blob/main/Programming/Programming_high-level-language.md)

  - [HTTP](https://github.com/sonsurim/TIL/tree/main/HTTP)

  - [Web](https://github.com/sonsurim/TIL/tree/main/Web)

  - [Web_internet](https://github.com/sonsurim/TIL/blob/main/Web/Web_internet.md)

  - [HTTP_message](https://github.com/sonsurim/TIL/blob/main/HTTP/HTTP_message.md)

  - [HTTP_url](https://github.com/sonsurim/TIL/blob/main/HTTP/HTTP_url.md)

  - [HTTP_https](https://github.com/sonsurim/TIL/blob/main/HTTP/HTTP_https.md)

#### 7월 18일

- [x] [알고리즘 4,5,6번 문제 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] 프로그래머스 데브코스 면접 준비

- [x] 부스트코스 - Web개발의 이해 강의 듣기

- [x] 부스트코스 - Web개발의 이해 정리

  - [Web_frontend](https://github.com/sonsurim/TIL/blob/main/Web/Web_frontend.md)

  - [Web_backend](https://github.com/sonsurim/TIL/blob/main/Web/Web_backend.md)

  - [Web_browser](https://github.com/sonsurim/TIL/blob/main/Web/Web_browser.md)

  - [web_Rendering-engine](https://github.com/sonsurim/TIL/blob/main/Web/Web_Rendering-engine.md)

  - [Web_search-engine](https://github.com/sonsurim/TIL/blob/main/Web/Web_search-engine.md)

  - [Web_server](https://github.com/sonsurim/TIL/blob/main/Web/Web_server.md)

  - [Web_was](https://github.com/sonsurim/TIL/blob/main/Web/Web_was.md)

  - [Web_dbms](https://github.com/sonsurim/TIL/blob/main/Web/Web_dbms.md)

  - [Web_middleware](https://github.com/sonsurim/TIL/blob/main/Web/Web_middleware.md)

  - [html](https://github.com/sonsurim/TIL/blob/main/Html)

#### 7월 19일

- [x] [알고리즘 7, 8번 문제 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] 프로그래머스 데브코스 면접 준비

#### 7월 20일

- [x] 프로그래머스 데브코스 면접 준비

  - [Html](https://github.com/sonsurim/TIL/blob/main/Html)

  - [Web_dom](https://github.com/sonsurim/TIL/blob/main/Web/Web_Dom.md)

#### 7월 21일

- [x] 프로그래머스 데브코스 면접 준비

- [x] 프로그래머스 데브코스 면접

- [x] [알고리즘 스터디 풀이 노트 작성](https://www.notion.so/herman94/1b594177a4f441c7a350787e6feb7a07?v=aa9d7642663f465686111d6ca1aa03fa&p=76e159f2e04047429a2ccfbbf280078b)

#### 7월 22일

- [x] 알고리즘 스터디 참석

- [x] [알고리즘 스터디 1주차 리뷰 작성](https://github.com/sonsurim/TIL/blob/main/Altong/Altong_review-01.md)

#### 7월 24일

- [x] [알고리즘 9, 10, 11번 문제 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] TIL 문서 정리

  - [TIL template](https://github.com/sonsurim/TIL/blob/main/Template.md)

  - [JavaScript](https://github.com/sonsurim/TIL/tree/main/JavaScript)

  - [JavaScript_Ajax](https://github.com/sonsurim/TIL/blob/main/JavaScript/JavaScript_ajax.md)

#### 7월 25일

- [x] 알고리즘 스터디 github 운영방식 리서치 및 정리

- [x] [인터랙티브웹\_패럴랙스 구현](https://sonsurim.github.io/interactive-web_public/03_parallax/)

#### 7월 26일

- [x] 알고리즘 스터디 github 운영방식 논의 참석

- [x] [알고리즘 스터디 github 운영방식 논의 정리](https://github.com/sonsurim/TIL/blob/main/Altong/Altong_etc-01.md)

- [x] 프로그래머스 데브코스관련 미팅

- [x] [알고리즘 12, 13, 14번 문제 풀고 정리](https://github.com/sonsurim/Algorithm)

#### 7월 27일

- ...🥕😭

- [x] [알고리즘 15번 문제 풀기](https://github.com/sonsurim/Algorithm)

#### 7월 28일

- [x] [알고리즘 15번, 16번, 17번 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] [알고리즘 스터디노트 작성](https://www.notion.so/herman94/1b594177a4f441c7a350787e6feb7a07?v=aa9d7642663f465686111d6ca1aa03fa&p=88ae374a8bcc4f00bed2ae884c77befd)

- [x] [알고리즘 스터디 PR 생성](https://github.com/AltongStudy/Algorithm/pulls?page=1&q=is%3Apr+is%3Aopen)

#### 7월 30일

- [x] 프로그래머스 데브코스 OT 참석

- [x] 알고리즘 코드 리뷰 피드백 반영 (문제 8번, 11번)

#### 7월 31일

- [x] 프로그래머스 면담!

- [x] 코드리뷰 PR 풀이 내용 추가

 2021년 8월 

#### 8월 01일

- [x] [Vue.js Dynamic Fields 테스트](https://github.com/sonsurim/test-vue)

#### 8월 02일

- [x] [알고리즘 section2 01번문제 풀고 정리](https://github.com/sonsurim/Algorithm)

- [x] [프로그래머스 데브코스 합격 후기 작성](https://velog.io/@surim014/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%ED%95%A9%EA%B2%A9-%ED%9B%84%EA%B8%B0)

- [x] [프로그래머스 데브코스 1일차 학습 및 정리](https://velog.io/@surim014/%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-TIL-1%EC%9D%BC%EC%B0%A8-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD)

#### 8월 03일

- [x] [개발자 유림님 특강 - Git&Github]()

- [x] [프로그래머스 데브코스 2일차 학습 및 정리](https://velog.io/@surim014/%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4TIL-2%EC%9D%BC%EC%B0%A8-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD)

#### 8월 04일

- [x] 멘토 요한님과의 멘토링 데이!

- [x] [프로그래머스 데브코스 3일차 학습 및 정리](https://velog.io/@surim014/%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-TIL-3%EC%9D%BC%EC%B0%A8-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD)

#### 8월 05일

- [x] [프로그래머스 TIL PR 생성 후 등록](https://github.com/prgrms-web-devcourse/TIL/pulls?q=is%3Apr+is%3Aopen+%EC%86%90%EC%88%98%EB%A6%BC)

- [x] [프로그래머스 데브코스 4일차 학습 및 정리](https://velog.io/@surim014/%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-TIL-4%EC%9D%BC%EC%B0%A8-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD)

##### 8월 06일

- [x] 자료구조와 알고리즘..

- [x] Altong 스터디 참여

- [ ] 프로그래머스 데브코스 알고리즘 과제 구현...

#### 08월 07일

- [x] 자료구조와 알고리즘

- [x] 프로그래머스 데브코스 알고리즘 과제 구현 - 트리

- [x] 프로그래머스 실습, 강의 듣기

- [ ] Altong 스터디 후기 작성

- [ ] 프로그래머스 TIL 상세 내용 작성

#### 08월 08일

- [x] 프로그래머스 데브코스 알고리즘 과제 구현 - 트라이

- [x] [Altong 스터디 2주차 후기 작성](https://github.com/sonsurim/TIL/blob/main/Altong/Altong_review-01.md)

- [x] Altong 스터디 브랜치 세팅

- [x] [프로그래머스 TIL 5일차 작성](https://velog.io/@surim014/%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-TIL-5%EC%9D%BC%EC%B0%A8-%ED%95%99%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%9A%94%EC%95%BD)

#### 08월 09일

- [x] 스크럼 일정 공유

- [x] 트렐로 스크럼 카드 생성

- [x] 프로그래머스 6일차 강의 듣기

- [x] 프로그래머스 TIL 6일차 작성

- [x] 프로그래머스 1주차 부족/궁금했던 점 추가 학습

#### 08월 10일

- [x] 스크럼 일정 공유

- [x] 트렐로 스크럼 카드 생성

- [x] 프로그래머스 7일차 강의 듣기

#### 08월 11일

- [x] 스크럼 일정 공유

- [x] 트렐로 스크럼 카드 생성

- [x] 프로그래머스 7일차 강의 듣기

#### 08월 12일

- [x] 스크럼 일정 공유

- [x] 트렐로 스크럼 카드 생성

- [x] 프로그래머스 데브코스 과제 풀기

#### 08월 13일

- [x] 스크럼 일정 공유

- [x] 트렐로 스크럼 카드 생성

- [x] 프로그래머스 데브코스 과제 풀기

#### 08월 14일

- [x] 브라우저와 자바스크립트의 역사 아티클 작성

- [x] 웹 렌더링 엔진의 처리과정 아티클 작성

- [x] 브라우저의 동작원리 아티클 작성

- [x] 프로그래머스 데브코스 과제 풀기..ㅠ

#### 08월 15일

- [x] 프로그래머스 데브코스 과제 제출..!!

- [x] TIL 작성하기

- [x] 데브코스 1주차 회고 작성하기

#### 08월 16일

- [x] 데브코스 강의 듣기 (8일차)

- [x] 프로젝트 방법론 특강 듣기

- [x] TIL 작성하기

- [x] 데브코스 바닐라 JS 시험 보기

- [x] 데브코스 2주차 회고 작성하기

#### 08월 17일

- [x] 데브코스 강의 듣기 (9일차)

- [x] TIL 작성하기

- [x] 에밀리 팀장님의 올바른 학습 세션

- [x] 로토 강사님의 바닐라 JS 및 강의

#### 08월 18일

- [x] 데브코스 강의 듣기 (11,12,13일차)

- [x] TIL 작성하기

#### 08월 19일

- [x] 데브코스 강의 듣기 (14, 10일차)

- [x] TIL 작성하기

- [x] 팀원들 코드 리뷰하기

- [x] 코드리뷰 피드백 반영하기

#### 08월 20일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 회고 작성하기

#### 08월 21일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 회고 작성하기

#### 08월 22일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] TIL 노션 꾸미기

#### 08월 23일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] [생성자 함수 vs 클래스 아티클 작성하고 알아보기](https://velog.io/@surim014/%EC%83%9D%EC%84%B1%EC%9E%90-%ED%95%A8%EC%88%98-vs-%ED%81%B4%EB%9E%98%EC%8A%A4)

- [x] [CSR vs SSR 아티클 작성하고 알아보기](https://velog.io/@surim014/CSR-%EB%A0%8C%EB%8D%94%EB%A7%81-SSR-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B3%BC%EC%A0%95%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%84-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90)

#### 08월 24일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 3주차 과제 컴포넌트 방식의 TodoApp 구현하기

#### 08월 25일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

#### 08월 26일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 3주차 과제 디벨롭, 리팩토리

#### 08월 27일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

#### 08월 28일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

#### 08월 29일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

#### 08월 30일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

#### 08월 31일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - Sidebar currentDocumnet 연동 기능 구현

  - Sidebar footer 새페이지 기능 구현

  - Page 기본 UI 구현

  - Modal 기본 UI 구현

  - Modal Toggle 이벤트 구현

  - Append 위치 변경 리팩토리

  - 현재 페이지 보기 기능 구현

  - 페이지 수정 기능 1차 구현 (timer저장 X)

  

 2021년 9월 

#### 09월 01일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - router 기능 구현

  - 새로운 문서 추가 기능 구현

  - 페이지 수정 > title, content 연동 오류 디버깅

  - 네이밍, 로직 리팩토리

  - 페이지 생성 기능 구현 ( + 모달)

  - 페이지 삭제 기능 구현

  - 404 페이지 구현

#### 09월 02일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - 네이밍, 로직 리팩토리

  - 문서 생성 기능 구현

  - 문서 삭제 기능 구현

  - 404 페이지 구현

  - store 구현 (...대공사의 시작.,)

  - modal hide 기능 구현

  - 페이지로 열기 기능 구현

  - store로 이벤트 이관 리팩토리

  - 내용 없는 경우, 해당 포스트 제거

  - 삭제 시, 404 방지, 새 문서 pushState 처리

  - 모달 상태 별도 관리 ( ㅠㅠ 이제서야,,)

  - action, mutaion 분리

#### 09월 03일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - 모달 컴포넌트 상태 분리 구현

  - 히든 모달 로직 디버깅

  - 디렉토리 구조, 컴포넌트 구조 리팩토리

  - 페이지 수정 타이머 리팩토리

  - 기능 구현 완료

  - css 레이아웃 구현

  - 사용하지 않는 파일 제거

  - sidebar css 완료

  - css 적용 완료

  - 404 에러 페이지 css 완료

  - 모달 생성, 수정 기능 디버깅

#### 09월 04일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - 유틸 함수 분리 리팩토리

  - 컴포넌트 분리 리팩토리

  - 토글 기능 구현

  - modal 캐시 디버깅

  - text-overflow 구현

  - 호버 기능 구현

  - 이벤트 로직 리팩토리

  - content textarea로 변경

- [x] 그랩님의 "FE+BE 입문 개발자가 챙겨가야할 지식 키트" 특강 듣기

#### 09월 05일

- [x] 데브코스 강의 듣기

- [x] TIL 작성하기

- [x] 4주차 과제 Notion 구현하기

  - 페이지 리프레시 현상 디버깅

  - placeholder 구현

  - 방어코드 구현

  - sidebar 로직 리팩토리

  - posts page 로직 리팩토리

  - modal 로직 리팩토리

  - router 기능 구현

  - store getter, setter 분리/ 수정 디버깅

  - index 이미지 그리기

  - currentLi 선택오류 디버깅

  - url 경로 변경 디버깅

  - 시연 영상, 앱 구조 제작

  - 아이템 컨테이너 css 수정

  - 문서 생성 클릭 영역 확장