github
Git 커밋 메시지 작성법
https://item4.blog/2016-11-01/How-to-Write-a-Git-Commit-Message/Conventional Commits
https://www.conventionalcommits.org/ko/v1.0.0/goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (April 2022)
https://github.com/goldbergyoni/javascript-testing-best-practices
Algorithm
Queue | Set 1 (Introduction and Array Implementation) - GeeksforGeeks
https://www.geeksforgeeks.org/queue-set-1introduction-and-array-implementation
읽을거리
eddy_song (Eddy) - velog
https://velog.io/@eddy_song당신이 성장하지 못하는 이유 | 요즘IT
https://yozm.wishket.com/magazine/detail/1986/[Git] Merge(3-way merge) 이해하기 - SW Developer
https://wonyong-jang.github.io/git/2021/02/05/Github-Merge.htmlSEO 초보자를 위한 ‘캐노니컬 태그’ 설명하기 | 요즘IT
https://yozm.wishket.com/magazine/detail/1420/컴퓨팅 사고와 개발 실력 늘리는 공부법
https://velog.io/@teo/computational-thinkingevanjin의 주간 개발 뉴우스
https://maily.so/evanjinliftIO 2022 : 웹 개발의 모순과 Elixir가 특효약인 이유 - 한국축산데이터 CTO Max(이재철) - YouTube
https://www.youtube.com/watch?v=lAaD-6OQSHE주니어 개발자를 위한 엄청 쉬운 네트워크 이야기 | 요즘IT
https://yozm.wishket.com/magazine/detail/1875/[번역] 2023년 버전 리액트 프로젝트를 시작하는 방법
https://velog.io/@eunbinn/how-to-start-a-react-project-in-2023프론트엔드와 SOLID 원칙 | 카카오엔터테인먼트 FE 기술블로그
https://fe-developers.kakaoent.com/2023/230330-frontend-solid/디자인 패턴 목록
https://refactoring.guru/ko/design-patterns/cataloggit-sim - Git 동작을 시각적으로 시뮬레이션하는 도구 | GeekNews
https://news.hada.io/topic?id=8336(24) These Pesky Web Designers Have Done It Again... - YouTube
https://www.youtube.com/watch?v=GSPUUN4nDGEveltrends 개발 후기
https://velog.io/@velopert/veltrends-dev-reviewYUNI YOSHIDA
http://www.yuni-yoshida.com/Filippo Bello | Awwwards
https://filippobello.com/works/awwwardsAnimeJS Staggered Grid Effect
https://codepen.io/Hyperplexed/pen/zYWvXMMAnime JS Responsive Grid + Staggered Animation
https://codepen.io/sharnajh/full/YzXOGpm실용주의 프런트 엔드 개발 - 실용주의 FE Dev
https://peter-cho.gitbook.io/book/2022/master🎆 프론트개발자 연봉 떡상하는 스킬 - GLSL
https://velog.io/@kimbyungchan/%EC%85%B0%EC%9D%B4%EB%8D%94-%EB%B3%B4%EA%B3%A0%EB%A7%8C-%EC%9E%88%EC%9D%84-%EA%B1%B0%EC%95%BC[Vanilla JS] 평창올림픽 드론쇼 만들기
https://velog.io/@heekang/Vanilla-JS-%ED%8F%89%EC%B0%BD%EC%98%AC%EB%A6%BC%ED%94%BD-%EB%93%9C%EB%A1%A0%EC%87%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0[Next JS] Layouts RFC , React 18에 최적화된 라우팅 방식 공개
https://programming119.tistory.com/267블로그의 모든 썸네일을 DALL·E 2가 그린 것으로 $45에 바꿨어요 | GeekNews
https://news.hada.io/topic?id=7159&utm_source=slack&utm_medium=bot&utm_campaign=T02A3J12C8PUNFUR™ Project - Fur fashion to fight the fur industry
https://unfurproject.com/[js] 초성 자동완성 검색 - Bsidesoft co.
https://www.bsidesoft.com/8517Gatsby Starters: Library | Gatsby
https://www.gatsbyjs.com/starters/플립 시계 만들기 with JS (2020)
https://velog.io/@oneook/%ED%94%8C%EB%A6%BD-%EC%8B%9C%EA%B3%84-%EB%A7%8C%EB%93%A4%EA%B8%B0-with-JS-Split-Flap-Project'구글 스프레드시트'로 '슬랙 리마인더 봇' 만들기
https://sonujung.com/slack-reminder-with-google-spread-sheets디자인 시스템 구축기 1편
https://brunch.co.kr/@besigner/4서버 언어 전환 이야기
https://spoqa.github.io/2022/04/15/all-new-server.html가장 편한 이모지 검색 서비스 : emojibatch | 지금 써보러 갑니다
http://icunow.co.kr/emojibatch
Tip
'2022 Dev-Matching: 웹 프론트엔드 개발자(상반기)' 과제 테스트 해설 :: 프로그래머스 공식 블로그
https://prgms.tistory.com/139'2021 Dev-Matching: 웹 프론트엔드 개발자(상반기)' 기출 문제 해설 :: 프로그래머스 공식 블로그
https://prgms.tistory.com/53'2021 Dev-Matching: 웹 프론트엔드 개발자(하반기)' 기출 문제 해설 :: 프로그래머스 공식 블로그
https://prgms.tistory.com/113Ripple Loading Effect Image Slider – CodeMyUI
https://codemyui.com/ripple-loading-effect-image-slider/자연스럽게 노드 버전 변경하기
https://hyeok999.github.io/2020/06/02/NVM/#a3-1
DevOps
DB
성능좋은 쿼리 작성법 - 쿼리 금기 사항
https://velog.io/@minj9_6/%EC%84%B1%EB%8A%A5%EC%A2%8B%EC%9D%80-%EC%BF%BC%EB%A6%AC-%EC%9E%91%EC%84%B1%EB%B2%95-%EC%BF%BC%EB%A6%AC-%EA%B8%88%EA%B8%B0-%EC%82%AC%ED%95%ADClaiming rows — MySQL for Developers — PlanetScale
https://planetscale.com/courses/mysql-for-developers/examples/claiming-rows
3D 2D Interactivity
Design Source
Tech Blogs
JS
Crawling
Clean Code
Test
1. 좋은 함수 만들기 - 부작용과 거리두기
https://jojoldu.tistory.com/697Testing, Oh my!
https://jwchung.github.io/testing-oh-my
Redux
Typescript
보안
관련 지식
Micro Frontend
CSS
All elements made with CSS and HTML
https://uiverse.io/all?page=3The CSS behind Figma - Ahmad Shadeed
https://ishadeed.com/article/figma-css/?utm_source=Nomad+Academy&utm_campaign=2276dae83b-EMAIL_CAMPAIGN_2022_08_05&utm_medium=email&utm_term=0_4313d957c9-2276dae83b-357383559&mc_cid=2276dae83b&mc_eid=1dfd3a7814Amazing CSS transition tips and details | by ChokCoco | Frontend Canteen | Jul, 2022 | Medium
https://medium.com/frontend-canteen/amazing-css-transition-tips-and-details-135dd7b823d
React And Next
You Might Not Need an Effect – React
https://react.dev/learn/you-might-not-need-an-effect[번역] useEffect 완벽 가이드 | rinae's devlog
https://www.rinae.dev/posts/a-complete-guide-to-useeffect-ko(번역) 블로그 답변: React 렌더링 동작에 대한 (거의) 완벽한 가이드
https://velog.io/@superlipbalm/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior