graphql

1. Apollo Docs Home

   https://www.apollographql.com/docs/

2. GraphQL Tutorials | Learn GraphQL

   https://odyssey.apollographql.com/

3. GRAPHQL Federation 과 MSA에 대한 생각

   https://moonsupport.oopy.io/post/14

4. graphql cheat sheet.png

   https://raw.githubusercontent.com/sogko/graphql-shorthand-notation-cheat-sheet/master/graphql-shorthand-notation-cheat-sheet.png

seo

1. GTmetrix | Website Performance Testing and Monitoring

   https://gtmetrix.com/

2. How to Get Sitelinks to Appear in Google Search Results

   https://www.reliablesoft.net/sitelinks/

테스트

1. This Is My 10 Questions React Code Reviewing Routine

   https://www.chakshunyu.com/blog/this-is-my-10-questions-react-code-reviewing-routine/

2. 테스트코드는 믿어도 될까?

   https://medium.com/watcha/%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%BD%94%EB%93%9C%EB%A5%BC-%EB%AF%BF%EC%96%B4%EB%8F%84-%EB%90%A0%EA%B9%8C-3da3f337f136

성능최적화

1. Webpack 5, 무엇이 달라졌을까?

   https://so-so.dev/tool/webpack/whats-different-in-webpack5/

디자인

1. Designing Beautiful Shadows in CSS

   https://www.joshwcomeau.com/css/designing-shadows/

2. Doodle Ipsum

   https://doodleipsum.com/

News

1. JavaScript 라이징 스타 2021

   https://risingstars.js.org/2021/ko

2. Archive - Korean FE article

   https://kofearticle.substack.com/archive?sort=new

3. 44BITS: IT 뉴스, 클라우드 컴퓨팅, 프로그래밍, 컨테이너, 리눅스

   https://www.44bits.io/ko

크롬익스텐션 개발

1. GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension

   https://github.com/dutiyesh/chrome-extension-cli

2. chrome.contextMenus - Chrome Developers

   https://developer.chrome.com/docs/extensions/reference/contextMenus

lectures

1. Typing Component Props | React TypeScript Cheatsheets

   https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example

2. Cheatsheets - 30 seconds of code

   https://www.30secondsofcode.org/c/cheatsheets/p/1

pwa

1. PWA Resources, curated just for you.

   https://pwaresources.dev/categories/offline

라이브러리

1. React Libraries for 2022

   https://www.robinwieruch.de/react-libraries/

2. 카카오 api 테스트 & 샘플 코드 Googsu WebApplication1

   http://test-tam.pe.kr/

3. @react-three/cannon

   https://cannon.pmnd.rs/#/

CI/CD

1. aws-Jenkins-build.pdf

   https://d1.awsstatic.com/Projects/P5505030/aws-project_Jenkins-build-server.pdf

Interview

기타

1. 위키독스

   https://wikidocs.net/

2. 460 Free Textbooks – Math, Science, and More [Online PDF for College and High School]

   https://www.freecodecamp.org/news/free-textbooks-math-science-and-more-online-pdf-for-college-and-high-school/

3. Linux permissions: making sense of 755 and rwxr-xr-x | Serverwise

   https://blog.ssdnodes.com/blog/linux-permissions/

생산성

1. [개발 환경] iTerm2로 터미널 커스텀하기

   https://ooeunz.tistory.com/21

2. Karabiner 설치해 맥북 한영키 설정하기.

   https://shanepark.tistory.com/165

3. [Agile] 데일리 스크럼(Daily Scrum)이란 - Heee's Development Blog

   https://gmlwjd9405.github.io/2018/06/01/agile-dailyscrum.html

nextjs

1. react-query/examples/nextjs at master · tannerlinsley/react-query

   https://github.com/tannerlinsley/react-query/tree/master/examples/nextjs

데이터시각화

javascript

1. 타입스크립트 꿀팁 | 카카오엔터테인먼트 FE 기술블로그

   https://fe-developers.kakaoent.com/2021/211012-typescript-tip/

2. 8 JavaScript Tricks to Make You a Better Programmer | JavaScript in Plain English

   https://javascript.plainenglish.io/8-javascript-tricks-to-make-you-a-better-programmer-948b5a3c35b4

3. ghoullier/awesome-template-literal-types: Curated list of awesome Template Literal Types examples

   https://github.com/ghoullier/awesome-template-literal-types

4. 타입스크립트의 Never 타입 완벽 가이드 | TOAST UI :: Make Your Web Delicious!

   https://ui.toast.com/weekly-pick/ko_20220323

5. [TypeScript] enum 👉 literal 타입 갈아타기(+class-validator, template literal 타입 활용)

   https://velog.io/@johnwi/enum-to-literal#%EC%BB%A4%EC%8A%A4%ED%85%80-%EC%9C%A0%ED%8B%B8-%ED%83%80%EC%9E%85-readonlyrecord

6. JavaScript Snippets - 30 seconds of code

   https://www.30secondsofcode.org/js/p/1

7. 안전한 any 타입 만들기 | overcurried

   https://overcurried.netlify.app/%EC%95%88%EC%A0%84%ED%95%9C%20any%20%ED%83%80%EC%9E%85%20%EB%A7%8C%EB%93%A4%EA%B8%B0/

css

1. 이미지가 뭉개지거나 흐릿해요! 도와줘요!

   https://dev-il-studio.postype.com/post/12312119?fbclid=IwAR0R9qD3eAPT1yguUD-fRmhSt1WqoUjTj8hAhaaR994_0pTYqHMwbzS99ek

2. Fullscreen - 30 seconds of code

   https://www.30secondsofcode.org/css/s/fullscreen

3. emotion.js 소개 및 사용법 (feat. CSS-in-JS)

   https://www.howdy-mj.me/css/emotion.js-intro/

4. Animated Gradient Background Generator

   https://animated-gradient-background-generator.netlify.app/

5. CSS Snippets - 30 seconds of code

   https://www.30secondsofcode.org/css/p/1

6. emotion을 활용한 크몽 프론트엔드 스타일링 시스템

   https://brunch.co.kr/@kmongdev/17

개발 블로거

react

1. 유용한 리액트 패턴 5가지

   https://velog.io/@dnr6054/%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%8C%A8%ED%84%B4-5%EA%B0%80%EC%A7%80

2. Common React Hooks Mistakes You Should Avoid | by Piumi Liyana Gunawardhana | Nov, 2021 | Bits and Pieces

   https://blog.bitsrc.io/common-react-hooks-mistakes-every-developer-should-avoid-defd47d09d8c

3. useEffect 제대로 알기

   https://sgwanlee.medium.com/useeffect%EC%9D%98-dependency-array-ebd15f35403a

4. Compound Components In React — Smashing Magazine

   https://www.smashingmagazine.com/2021/08/compound-components-react/

5. react-recipes: 👩‍🍳 A list of React Hooks utility library containing popular customized hooks

   https://github.com/craig1123/react-recipes

Web

1. 웹 페이지 로딩 과정 이해하기

   https://blog.imqa.io/webpage_loading_process

2. https://curity.io/resources/learn/the-token-handler-pattern

   https://curity.io/resources/learn/the-token-handler-pattern