diff --git a/README.md b/README.md index 51deaca..09e7498 100644 --- a/README.md +++ b/README.md @@ -1,114 +1,137 @@ -# TIL - -![TIL intro](https://i.pinimg.com/originals/af/fd/96/affd968d7e202efa861dc3f9d02c3918.gif) - -## Hello, TIL! - -안녕하세요, 같이 수강하고 있는 황재영이라고 합니다 🖐🏻 -주로 공부하다 심심할 때 ~~뻘~~글을 쓰고 있어요. 자주 놀러와요! -+ [벨로그](https://velog.io/@young_pallete) -+ [노션](https://www.notion.so/TIL-e94d9b568a704b3196d0f2851db49410) - -> ### 21.11.11~ -> **프로젝트 후, 슬럼프가 끝나서 이제 본격적으로 TIL 열심히 업로드 하려 합니다 😆** -> **보통 아티클의 경우 TIL에 링크를 올립니다! 🖐🏻** - -## TMI - -10월부터는 더욱 깔끔한 정리를 위해 고민한 결과, 리스트 + 갤러리의 방식을 채택했답니다! - -![10월 이후 TIL](https://images.velog.io/images/young_pallete/post/33f0dc14-dc59-4880-bfaf-32c49c1a881b/image.png) - -+ 갤러리에서는 아티클을! -+ 리스트에서는 TIL을 위주로 작성하고 있어요~ - - -## TIL 양식 -각자가 중요하게 생각하는 부분에 따라서 작성하겠지만, -저는 **다음과 같은 4가지**를 중점으로 TIL을 작성한답니다 🖐🏻 -간단히 하루를 회고하고 복습하기에 정말 좋아요! (추천) - -> ### 📖 오늘 서칭한 자료 -> -> ### 📃 오늘 작성한 자료 -> -> ### 🌈 오늘 배운 것 -> -> ### 💧 오늘 오해했던 것 ---- -# 💪🏻 TIL - -## 10 月 ~ 11 月 -| 날짜 | 제목 | 설명 | 링크 | -| --- | --- | --- | --- | -| 211111 | TIL | Next.js link styled-component not working issue, D3 기초 강의 등 | [211111](https://www.notion.so/211111-031e2fee9cde4e84a8d01b9f1efc969e) | -| 211110 | TIL | Next.js란, useParams destructuring type issue, react-router v6에서의 변화로 인한 이슈, redux-thunk 등 | [211110](https://www.notion.so/211110-fd5e511eb2ff48fc9759fc455264e77d) | -| 211109 | TIL, TWL | Git 커밋 합치기, inline style 미적용 issue, yarn 주요 커맨드, `redux-toolkit` 등 | [211109](https://www.notion.so/211109-325746ae41fb43a1b47a1d591d639933) | -| 211108 | TIL | `Redux` 3가지 원칙, `redux-persist`, 개발자 회고 기법 - 4LS | [211108](https://www.notion.so/211108-50ec7532d8d548b183137dd8ea3aebe2) | -| 211107 | TIL | 드래그 앤 드롭 실제 업로드 적용 과정, `formData` | [211107](https://www.notion.so/211107-ecd5819a75b94adc99a5d87a3ec3fa85) | -| 211106 | TIL | 컴포넌트 설계에 관하여 생각, JSDOC `@description`, `@summary` | [211106](https://www.notion.so/211106-99c02fc6a91240f999b3b94de1111716) | -| 211020 ~ 211103 | 회고, TWL | Render vs CreatePortal 外 16개의 아티클, 팀 프로젝트 개인 회고 | [211020~ 211103](https://www.notion.so/211020-211103-9eb4e31629414dc7943de300cce9505c) | -| 211017 | TIL | `react`의 자식 컴포넌트에 직접 접근하는 법, `Git Flow`, `GitHub Flow` | [211017](https://www.notion.so/211017-fcf6b06bcfa24f488b3df1a51003a1ca) | -| 211014 | TIL | `Storybook`, `Emotion` vs `styled-components`, `CI/CD` | [211014](https://www.notion.so/211014-db3409e3c3ba464b9dce149c620e6b49) | -| 211013 | TIL | 컴포넌트 관련, `JSX`, 상태 및 이벤트 바인딩 | [211014](https://www.notion.so/211014-db3409e3c3ba464b9dce149c620e6b49) | -| 211009 | TIL | 바벨 `regenerator runtime` 오류 수정, `resource hint`, `empty` 가상 요소 등 | [211009](https://www.notion.so/211009-db78ee382d1b42c68607baf7b7a6f654) | -| 211008 | 아티클 | `Vuex`, `vue-router`, 네비게이션, 바벨, 메타 필드 아티클 등 (TIL을 이날 안 썼네요 😂 게으른 나...)| [211008](https://www.notion.so/211008-e1ca74336b1b4356a83ea557b18da7be) | -| 211007 | TIL | `prop`, 커스텀 이벤트, `slot`, 컴포넌트, 믹스인, 플러그인 등 | [211007](https://www.notion.so/211007-c6e9d96b62674bf397c711216238c5b9) | -| 211006 | TIL | 이벤트 핸들링, 폼 입력 바인딩, 컴포넌트 등, 브라우저 favicon 탐색 등 | [211006](https://www.notion.so/211006-2be3a39610da47ffb3b6380c5d24198a) | -| 211005 | TIL | `BEM` 관련, `Sass` `@error` & `@use`, `vue` 리스트 렌더링 등 | [211005](https://www.notion.so/211005-3eb4e0c0063d41b18053bbd4f68c20d8) | -| 211004 | TIL | `vue` 템플릿 문법, 조건부 렌더링, 스타일 바인딩 등 | [211004](https://www.notion.so/211004-16c9112f10f045f5807f50567a1a56ac) | -| 211003 | TIL | `vue` 템플릿 문법, Data Methods 등 | [211003](https://www.notion.so/211003-f3e238e54c124c5aa748ae101f2150c7) | - - -## 9 月 - -| 날짜 | 제목 | 설명 | 링크 | -| -------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| 9월 10일 | TIL | 우연히 슬랙에 올라온 글을 보며 깨달은 점 정리 | [링크](https://nonstop-fender-e38.notion.site/210910-TIL-80112a717aae423eaa9865ebedf6102b) | -| 9월 9일 | [Article] Webpack5에서 dotenv-webpack process.env Missing error | webpack... 딥하게 들어갈 수록 어렵다! | [링크](https://velog.io/@young_pallete/webpack5-dotenv-webpack%EC%97%90%EC%84%9C%EC%9D%98-process.env-Missing-error) | -| 9월 8일 | TIL | 무한 스크롤에 대한 정리 및 TIL | [링크](https://www.notion.so/9-beb480c0520f4636a11a9029d50cb1d4?p=ac619b2388374140acea1fb19ba80a06) | -| 9월 7일 | TIL | 리팩토링 후 느낀 점 및 수업과 함께 작성한 Grid 글 링크 | [링크](https://nonstop-fender-e38.notion.site/210907-TIL-a30c81f158a84082a7f99a19edb2ebc5) | -| 9월 6일 | TIL | CSS 강의를 처음 들으며 느낀 점과 링크들 | [링크](https://nonstop-fender-e38.notion.site/210906-TIL-4560106f8da7415984c1574786a4dd84) | -| 9월 6일 | 버튼 이벤트 코드 리팩토링하기 2 (VanillaJS) | 버튼의 여러 이벤트 리팩토링을 통한 최적화 | [링크](https://velog.io/@young_pallete/%EB%B2%84%ED%8A%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%BD%94%EB%93%9C-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81%ED%95%98%EA%B8%B0-2-VanillaJS) | -| 9월 6일 | 중복되는 코드 리팩토링하기 (VanillaJS) | 리팩토링은 재밌다! | [링크](https://velog.io/@young_pallete/Project-%EC%A4%91%EB%B3%B5%EB%90%98%EB%8A%94-%EC%BD%94%EB%93%9C-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81%ED%95%98%EA%B8%B0-VanillaJS) | -| 9월 5일 | [Article] 프로그래머스 - 보석 쇼핑 | 알고리즘 문제를 풀던 과정 정리 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EB%B3%B4%EC%84%9D-%EC%87%BC%ED%95%91JavaScript) | -| 9월 3일 | TIL | 이슈를 해결하면서 느꼈던 소소했던 TIL과 도움이 된 링크 | [링크](https://www.notion.so/9-beb480c0520f4636a11a9029d50cb1d4?p=c184d9cbb56f4c118dffb79d72cc82a7) | -| 9월 3일 | [Article] 커스텀 이벤트로 어ㅡ썸하게 상태 변경하기 (Vanilla JS) | 커스텀 이벤트로 전역 관리하기 | [링크](https://velog.io/@young_pallete/Project-%EC%BB%A4%EC%8A%A4%ED%85%80-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EB%A1%9C-%EC%96%B4%E3%85%A1%EC%8D%B8%ED%95%98%EA%B2%8C-%EC%83%81%ED%83%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0) | -| 9월 3일 | [Article] webpack resolve 설정으로 절대경로 및 확장자 관리하기 | webpack 절대 경로 설정 | [링크](https://velog.io/@young_pallete/Project-webpack-resolve-%EC%84%A4%EC%A0%95%EC%9C%BC%EB%A1%9C-%EC%A0%88%EB%8C%80%EA%B2%BD%EB%A1%9C-%EB%B0%8F-%ED%99%95%EC%9E%A5%EC%9E%90-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0) | -| 9월 3일 | [Article] webpack historyAPI fallack 설정을 통한 SPA routing 404 error 해결 (vanillaJS SPA issue) | 웹팩으로 해결한 서버 이슈 | [링크](https://velog.io/@young_pallete/Project-spafallback) | -| 9월 2일 | TIL | 에디터 개발을 위한 소소한 서칭 중... | [링크](https://nonstop-fender-e38.notion.site/210902-TIL-89abd27d4f8d460285a92105d28ce0db) | -| 9월 2일 | [Article] dotenv-webpack으로 클라이언트 환경변수 설정하기! | dotenv-webpack 처음으로 설정해본 과정 | [링크](https://velog.io/@young_pallete/dotenv-webpack%EC%9C%BC%EB%A1%9C-webpack%EC%97%90-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0) | -| 9월 1일 | TIL | webpack 번들 및 BEM 적용에 대한 ~~현타~~ | [링크](https://nonstop-fender-e38.notion.site/210901-d8690d8035b648e589f656b2222c6278) | -| 9월 1일 | [Article] javaScript에 webpack설정하기 | webpack 번들러 적용할 때까지의 과정 | [링크](https://velog.io/@young_pallete/javaScript%EC%97%90-webpack-%EB%8B%AC%EA%B8%B0) | - -##
- -
- -## 8 月 - -| 날짜 | 제목 | 설명 | 링크 | -| ----------------- | --------------------------------- | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| 8월 31일 | [Article] 디바운스 어-썸하게 쓰기 | debounce에 대한 잘못된 예제와 바른 사용법 정리 | [링크](https://velog.io/@young_pallete/JS-%EB%94%94%EB%B0%94%EC%9A%B4%EC%8A%A4-%EC%96%B4-%EC%8D%B8%ED%95%98%EA%B2%8C-%EC%93%B0%EA%B8%B0) | -| 8월 31일 | [Article] 라우트 구현하기 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-JavaScript%EB%A1%9C-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0) | -| 8월 31일 | TIL | createDocumentFragment, debounce에 관하여 | [링크](https://www.notion.so/210831-4a794c3f1e054876ba2f6d59c7de8b1e) | -| 8월 30일 | [Article] 글쓰기 기능 구현 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/Project-%EA%B8%80%EC%93%B0%EA%B8%B0-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84) | -| 8월 30일 | TIL | 번들러, 패키지, 프로토타입 등 | [링크](https://www.notion.so/210830-51da6770384b4c5fbf627fa70e88b169) | -| 8월 29일 | [Article] 불러오기 기능 구현 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/Project-PostList-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84) | -| 8월 29일 | TIL | 홀로 공부하며 배운 점 정리 | [링크](https://www.notion.so/210829-df6e6eb216a94555948c50a2dde0cfea) | -| 8월 28일 | TIL | 홀로 공부하며 배운 점 정리 | [링크](https://www.notion.so/210828-f297011241b34539afbf9be9d31dc648) | -| 8월 25일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210825-396a988dfbd4408c9ae845ce2156aaae) | -| 8월 24일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210824-47ff091680fb4960bdffd738fae43838) | -| 8월 23일 | [Article] 바벨 | 바벨에 관한 필요성과 기본 원리 | [링크](https://nonstop-fender-e38.notion.site/167189a9d31d4d6fa0ab81ba049cfcfb) | -| 8월 23일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210823-0fc21394a2ac4c95abb4de2a5a9c5b52) | -| 8월 17일 | Day11 | Day9 강의 코드 총 정리 | [링크](https://www.notion.so/210817-78542dce393a45e9a4030ac2420e8b99) | -| 8월 15일 | 주말 | 2주차 일기 | [링크](https://www.notion.so/210815-5ddedc97c97440dabf122c71219c5dc5) | -| 8월 14일 | 주말 | 신장 트리 문제 풀이 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EC%84%AC-%EC%97%B0%EA%B2%B0%ED%95%98%EA%B8%B0) | -| 8월 12일 | Day 10 | 프로토타입에 관하여 | [링크](https://www.notion.so/60f54c84afa04ba8ba93ecbec5167b80) | -| 8월 10일 | Day 7 | 이터러블에 관하여(책) | [링크](https://www.notion.so/fe46ae2ffdce4fd08e07d0985f6cd7f4) | -| 8월 9일 | Day 6 | 이터러블 수업 내용 | [링크](https://www.notion.so/210809-2a7d443372fb45c49cdbc5211f1b5918) | -| 8월 8일 | 주말 | 웹팩, 캐시 | [링크](https://www.notion.so/210808-13255d3f17d2483ca0826873e877e7e7) | -| 8월 7일 | Day 6 | Map 객체에 관하여 | [링크](https://www.notion.so/Map-0c4a5f934b584c31abd0e1988d7b344d) | -| 8월 6일 | Day 5 | 트리 순회에 관하여 | [링크](https://www.notion.so/05e2f8c858d8474383f3e0007a0377e1) | -| 8월 2일 ~ 8월 5일 | Day 1 ~ 4 | 강의 내용 쓰기 | [링크](https://www.notion.so/JavaScript-6edd8e666f834ca5b4f3fb7a03251242) | -** +# TIL + +![TIL intro](https://i.pinimg.com/originals/af/fd/96/affd968d7e202efa861dc3f9d02c3918.gif) + +## Hello, TIL! + +안녕하세요, 같이 수강하고 있는 황재영이라고 합니다 🖐🏻 +주로 공부하다 심심할 때 ~~뻘~~글을 쓰고 있어요. 자주 놀러와요! ++ [벨로그](https://velog.io/@young_pallete) ++ [노션](https://www.notion.so/TIL-e94d9b568a704b3196d0f2851db49410) + +> ### 21.11.11~ +> **프로젝트 후, 슬럼프가 끝나서 이제 본격적으로 TIL 열심히 업로드 하려 합니다 😆** +> **보통 아티클의 경우 TIL에 링크를 올립니다! 🖐🏻** + +## TMI + +10월부터는 더욱 깔끔한 정리를 위해 고민한 결과, 리스트 + 갤러리의 방식을 채택했답니다! + +![10월 이후 TIL](https://images.velog.io/images/young_pallete/post/33f0dc14-dc59-4880-bfaf-32c49c1a881b/image.png) + ++ 갤러리에서는 아티클을! ++ 리스트에서는 TIL을 위주로 작성하고 있어요~ + + +## TIL 양식 +각자가 중요하게 생각하는 부분에 따라서 작성하겠지만, +저는 **다음과 같은 4가지**를 중점으로 TIL을 작성한답니다 🖐🏻 +간단히 하루를 회고하고 복습하기에 정말 좋아요! (추천) + +> ### 📖 오늘 서칭한 자료 +> +> ### 📃 오늘 작성한 자료 +> +> ### 🌈 오늘 배운 것 +> +> ### 💧 오늘 오해했던 것 +--- +# 💪🏻 TIL + +## 12 月 +| 날짜 | 제목 | 설명 | 링크 | +| --- | --- | --- | --- | +| 211209 ~ 211210 | TIL | `Firebase` X `Next.js` deployment, Next.js initialization in Next.d.ts, Axios interceptor, Mocky, Binary Search, padStart | [링크](https://nonstop-fender-e38.notion.site/211209-211210-34d5355f9afa41a588fd596596cbb6e3) | +| 211208 | TIL | ISR, git squash, Next.js SSG, SSR, CSR | [링크](https://nonstop-fender-e38.notion.site/211208-9f37458a30ca4e3db13ac3ac51d10380) | +| 211206 ~ 211207 | TIL | Emotion CSS Prop is not equal with Style Attribute, Array vs Tuple in TS | [링크](https://www.notion.so/211206-211207-029875a9ae654f02a953940716c5e25c) | +| 211204 ~ 211205 | TIL | TypeScript Dynamic Tag + emotion에 적용하기, Styled-component Type 명시하는 방법, 인덱스 시그니처 속성 | [링크](https://www.notion.so/211204-121205-89d0cdaf789f424e921ac533d4044dfc) | +| 211202 | TIL | Axios interceptor, Next.js environment variables setting, 타입스크립트 추론 | [링크](https://www.notion.so/211202-5b9ae4d035c0417b928df268a068e778) | + +## 10 月 ~ 11 月 +| 날짜 | 제목 | 설명 | 링크 | +| --- | --- | --- | --- | +| 211130 ~ 211201 | TIL | next/image | [링크]() | +| 211129 | TIL | Next.js SSG vs SSR, 협업 이후 깨달은 점, Git fetch | [링크](https://nonstop-fender-e38.notion.site/211129-32b81a5bb236480c990ca4e75f55b5d6) | +| 211126 | TIL | GraphQL + Apollo, MOSCOW, StyleLint v14 | [링크](https://nonstop-fender-e38.notion.site/211126-b6c34f369e8f4518950f64754ecc9f38) | +| 211124 | TIL | PWA, SSG, Tree shaking | [링크]() | +| 211123 | TIL | D3 차트, 협업 커뮤니케이션 | [링크](https://nonstop-fender-e38.notion.site/211123-79faf509d1834a5aba3abd6d712fb043) | +| 211122 | TIL | Closure 심화, yarn berry, husky | [링크](https://nonstop-fender-e38.notion.site/211122-ccd71260a947459d91494d989d875e89) | +| 211121 | TIL | WebRTC, graphQL, PWA | [링크](https://nonstop-fender-e38.notion.site/211121-e7da757ef48e45c9bb9114d541350838) | +| 211118 | TIL | Git cherry-pick, react-refresh-webpack-plugin | [링크](https://nonstop-fender-e38.notion.site/211118-1828f2b163ba48979730864d447d9d60) | +| 211117 | TIL | D3 라이브러리 뜯어보기, git rebase conflict | [링크](https://nonstop-fender-e38.notion.site/211117-4d27724736b04ad78764db9729093d0f) | +| 211116 | TIL | D3 조인, 웹 소켓, SOLID 원칙 | [링크](https://nonstop-fender-e38.notion.site/211116-f6fbaf0b8752469fb5b37b35f5eb18fa) | +| 211115 | Article | Git remote rename, useEffect를 통한 React redirect 대체 | [링크](https://nonstop-fender-e38.notion.site/211115-3e3c1c32589f4e4d8ea6c665afddaf42) | +| 211114 | TIL | TS + React + ESLint + Webpack boilerplate | [링크](https://nonstop-fender-e38.notion.site/211114-ec8641bbe6a348ac951246d4fc4744ce) | +| 211113 | TIL | Map, hexademical RGBA, e.target.files | [링크](https://nonstop-fender-e38.notion.site/211113-f575c05282cf4863b1ce471de636fde2) | +| 211112 | 회고 | (구) 달리팀 회고 | [링크](https://nonstop-fender-e38.notion.site/211112-5d269bff92274cd488643fb15b6679f5) | +| 211111 | TIL | Next.js link styled-component not working issue, D3 기초 강의 등 | [211111](https://www.notion.so/211111-031e2fee9cde4e84a8d01b9f1efc969e) | +| 211110 | TIL | Next.js란, useParams destructuring type issue, react-router v6에서의 변화로 인한 이슈, redux-thunk 등 | [211110](https://www.notion.so/211110-fd5e511eb2ff48fc9759fc455264e77d) | +| 211109 | TIL, TWL | Git 커밋 합치기, inline style 미적용 issue, yarn 주요 커맨드, `redux-toolkit` 등 | [211109](https://www.notion.so/211109-325746ae41fb43a1b47a1d591d639933) | +| 211108 | TIL | `Redux` 3가지 원칙, `redux-persist`, 개발자 회고 기법 - 4LS | [211108](https://www.notion.so/211108-50ec7532d8d548b183137dd8ea3aebe2) | +| 211107 | TIL | 드래그 앤 드롭 실제 업로드 적용 과정, `formData` | [211107](https://www.notion.so/211107-ecd5819a75b94adc99a5d87a3ec3fa85) | +| 211106 | TIL | 컴포넌트 설계에 관하여 생각, JSDOC `@description`, `@summary` | [211106](https://www.notion.so/211106-99c02fc6a91240f999b3b94de1111716) | +| 211020 ~ 211103 | 회고, TWL | Render vs CreatePortal 外 16개의 아티클, 팀 프로젝트 개인 회고 | [211020~ 211103](https://www.notion.so/211020-211103-9eb4e31629414dc7943de300cce9505c) | +| 211017 | TIL | `react`의 자식 컴포넌트에 직접 접근하는 법, `Git Flow`, `GitHub Flow` | [211017](https://www.notion.so/211017-fcf6b06bcfa24f488b3df1a51003a1ca) | +| 211014 | TIL | `Storybook`, `Emotion` vs `styled-components`, `CI/CD` | [211014](https://www.notion.so/211014-db3409e3c3ba464b9dce149c620e6b49) | +| 211013 | TIL | 컴포넌트 관련, `JSX`, 상태 및 이벤트 바인딩 | [211014](https://www.notion.so/211014-db3409e3c3ba464b9dce149c620e6b49) | +| 211009 | TIL | 바벨 `regenerator runtime` 오류 수정, `resource hint`, `empty` 가상 요소 등 | [211009](https://www.notion.so/211009-db78ee382d1b42c68607baf7b7a6f654) | +| 211008 | 아티클 | `Vuex`, `vue-router`, 네비게이션, 바벨, 메타 필드 아티클 등 (TIL을 이날 안 썼네요 😂 게으른 나...)| [211008](https://www.notion.so/211008-e1ca74336b1b4356a83ea557b18da7be) | +| 211007 | TIL | `prop`, 커스텀 이벤트, `slot`, 컴포넌트, 믹스인, 플러그인 등 | [211007](https://www.notion.so/211007-c6e9d96b62674bf397c711216238c5b9) | +| 211006 | TIL | 이벤트 핸들링, 폼 입력 바인딩, 컴포넌트 등, 브라우저 favicon 탐색 등 | [211006](https://www.notion.so/211006-2be3a39610da47ffb3b6380c5d24198a) | +| 211005 | TIL | `BEM` 관련, `Sass` `@error` & `@use`, `vue` 리스트 렌더링 등 | [211005](https://www.notion.so/211005-3eb4e0c0063d41b18053bbd4f68c20d8) | +| 211004 | TIL | `vue` 템플릿 문법, 조건부 렌더링, 스타일 바인딩 등 | [211004](https://www.notion.so/211004-16c9112f10f045f5807f50567a1a56ac) | +| 211003 | TIL | `vue` 템플릿 문법, Data Methods 등 | [211003](https://www.notion.so/211003-f3e238e54c124c5aa748ae101f2150c7) | + + +## 9 月 + +| 날짜 | 제목 | 설명 | 링크 | +| -------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| 9월 10일 | TIL | 우연히 슬랙에 올라온 글을 보며 깨달은 점 정리 | [링크](https://nonstop-fender-e38.notion.site/210910-TIL-80112a717aae423eaa9865ebedf6102b) | +| 9월 9일 | [Article] Webpack5에서 dotenv-webpack process.env Missing error | webpack... 딥하게 들어갈 수록 어렵다! | [링크](https://velog.io/@young_pallete/webpack5-dotenv-webpack%EC%97%90%EC%84%9C%EC%9D%98-process.env-Missing-error) | +| 9월 8일 | TIL | 무한 스크롤에 대한 정리 및 TIL | [링크](https://www.notion.so/9-beb480c0520f4636a11a9029d50cb1d4?p=ac619b2388374140acea1fb19ba80a06) | +| 9월 7일 | TIL | 리팩토링 후 느낀 점 및 수업과 함께 작성한 Grid 글 링크 | [링크](https://nonstop-fender-e38.notion.site/210907-TIL-a30c81f158a84082a7f99a19edb2ebc5) | +| 9월 6일 | TIL | CSS 강의를 처음 들으며 느낀 점과 링크들 | [링크](https://nonstop-fender-e38.notion.site/210906-TIL-4560106f8da7415984c1574786a4dd84) | +| 9월 6일 | 버튼 이벤트 코드 리팩토링하기 2 (VanillaJS) | 버튼의 여러 이벤트 리팩토링을 통한 최적화 | [링크](https://velog.io/@young_pallete/%EB%B2%84%ED%8A%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%BD%94%EB%93%9C-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81%ED%95%98%EA%B8%B0-2-VanillaJS) | +| 9월 6일 | 중복되는 코드 리팩토링하기 (VanillaJS) | 리팩토링은 재밌다! | [링크](https://velog.io/@young_pallete/Project-%EC%A4%91%EB%B3%B5%EB%90%98%EB%8A%94-%EC%BD%94%EB%93%9C-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81%ED%95%98%EA%B8%B0-VanillaJS) | +| 9월 5일 | [Article] 프로그래머스 - 보석 쇼핑 | 알고리즘 문제를 풀던 과정 정리 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EB%B3%B4%EC%84%9D-%EC%87%BC%ED%95%91JavaScript) | +| 9월 3일 | TIL | 이슈를 해결하면서 느꼈던 소소했던 TIL과 도움이 된 링크 | [링크](https://www.notion.so/9-beb480c0520f4636a11a9029d50cb1d4?p=c184d9cbb56f4c118dffb79d72cc82a7) | +| 9월 3일 | [Article] 커스텀 이벤트로 어ㅡ썸하게 상태 변경하기 (Vanilla JS) | 커스텀 이벤트로 전역 관리하기 | [링크](https://velog.io/@young_pallete/Project-%EC%BB%A4%EC%8A%A4%ED%85%80-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EB%A1%9C-%EC%96%B4%E3%85%A1%EC%8D%B8%ED%95%98%EA%B2%8C-%EC%83%81%ED%83%9C-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0) | +| 9월 3일 | [Article] webpack resolve 설정으로 절대경로 및 확장자 관리하기 | webpack 절대 경로 설정 | [링크](https://velog.io/@young_pallete/Project-webpack-resolve-%EC%84%A4%EC%A0%95%EC%9C%BC%EB%A1%9C-%EC%A0%88%EB%8C%80%EA%B2%BD%EB%A1%9C-%EB%B0%8F-%ED%99%95%EC%9E%A5%EC%9E%90-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0) | +| 9월 3일 | [Article] webpack historyAPI fallack 설정을 통한 SPA routing 404 error 해결 (vanillaJS SPA issue) | 웹팩으로 해결한 서버 이슈 | [링크](https://velog.io/@young_pallete/Project-spafallback) | +| 9월 2일 | TIL | 에디터 개발을 위한 소소한 서칭 중... | [링크](https://nonstop-fender-e38.notion.site/210902-TIL-89abd27d4f8d460285a92105d28ce0db) | +| 9월 2일 | [Article] dotenv-webpack으로 클라이언트 환경변수 설정하기! | dotenv-webpack 처음으로 설정해본 과정 | [링크](https://velog.io/@young_pallete/dotenv-webpack%EC%9C%BC%EB%A1%9C-webpack%EC%97%90-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0) | +| 9월 1일 | TIL | webpack 번들 및 BEM 적용에 대한 ~~현타~~ | [링크](https://nonstop-fender-e38.notion.site/210901-d8690d8035b648e589f656b2222c6278) | +| 9월 1일 | [Article] javaScript에 webpack설정하기 | webpack 번들러 적용할 때까지의 과정 | [링크](https://velog.io/@young_pallete/javaScript%EC%97%90-webpack-%EB%8B%AC%EA%B8%B0) | + +##
+ +
+ +## 8 月 + +| 날짜 | 제목 | 설명 | 링크 | +| ----------------- | --------------------------------- | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| 8월 31일 | [Article] 디바운스 어-썸하게 쓰기 | debounce에 대한 잘못된 예제와 바른 사용법 정리 | [링크](https://velog.io/@young_pallete/JS-%EB%94%94%EB%B0%94%EC%9A%B4%EC%8A%A4-%EC%96%B4-%EC%8D%B8%ED%95%98%EA%B2%8C-%EC%93%B0%EA%B8%B0) | +| 8월 31일 | [Article] 라우트 구현하기 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-JavaScript%EB%A1%9C-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0) | +| 8월 31일 | TIL | createDocumentFragment, debounce에 관하여 | [링크](https://www.notion.so/210831-4a794c3f1e054876ba2f6d59c7de8b1e) | +| 8월 30일 | [Article] 글쓰기 기능 구현 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/Project-%EA%B8%80%EC%93%B0%EA%B8%B0-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84) | +| 8월 30일 | TIL | 번들러, 패키지, 프로토타입 등 | [링크](https://www.notion.so/210830-51da6770384b4c5fbf627fa70e88b169) | +| 8월 29일 | [Article] 불러오기 기능 구현 | 프로젝트에 관한 주요 기능 구현 정리 | [링크](https://velog.io/@young_pallete/Project-PostList-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84) | +| 8월 29일 | TIL | 홀로 공부하며 배운 점 정리 | [링크](https://www.notion.so/210829-df6e6eb216a94555948c50a2dde0cfea) | +| 8월 28일 | TIL | 홀로 공부하며 배운 점 정리 | [링크](https://www.notion.so/210828-f297011241b34539afbf9be9d31dc648) | +| 8월 25일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210825-396a988dfbd4408c9ae845ce2156aaae) | +| 8월 24일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210824-47ff091680fb4960bdffd738fae43838) | +| 8월 23일 | [Article] 바벨 | 바벨에 관한 필요성과 기본 원리 | [링크](https://nonstop-fender-e38.notion.site/167189a9d31d4d6fa0ab81ba049cfcfb) | +| 8월 23일 | TIL | 강의 + 서칭하며 배운 점 정리 | [링크](https://www.notion.so/210823-0fc21394a2ac4c95abb4de2a5a9c5b52) | +| 8월 17일 | Day11 | Day9 강의 코드 총 정리 | [링크](https://www.notion.so/210817-78542dce393a45e9a4030ac2420e8b99) | +| 8월 15일 | 주말 | 2주차 일기 | [링크](https://www.notion.so/210815-5ddedc97c97440dabf122c71219c5dc5) | +| 8월 14일 | 주말 | 신장 트리 문제 풀이 | [링크](https://velog.io/@young_pallete/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EC%84%AC-%EC%97%B0%EA%B2%B0%ED%95%98%EA%B8%B0) | +| 8월 12일 | Day 10 | 프로토타입에 관하여 | [링크](https://www.notion.so/60f54c84afa04ba8ba93ecbec5167b80) | +| 8월 10일 | Day 7 | 이터러블에 관하여(책) | [링크](https://www.notion.so/fe46ae2ffdce4fd08e07d0985f6cd7f4) | +| 8월 9일 | Day 6 | 이터러블 수업 내용 | [링크](https://www.notion.so/210809-2a7d443372fb45c49cdbc5211f1b5918) | +| 8월 8일 | 주말 | 웹팩, 캐시 | [링크](https://www.notion.so/210808-13255d3f17d2483ca0826873e877e7e7) | +| 8월 7일 | Day 6 | Map 객체에 관하여 | [링크](https://www.notion.so/Map-0c4a5f934b584c31abd0e1988d7b344d) | +| 8월 6일 | Day 5 | 트리 순회에 관하여 | [링크](https://www.notion.so/05e2f8c858d8474383f3e0007a0377e1) | +| 8월 2일 ~ 8월 5일 | Day 1 ~ 4 | 강의 내용 쓰기 | [링크](https://www.notion.so/JavaScript-6edd8e666f834ca5b4f3fb7a03251242) | +**