graphql
Apollo Docs Home
https://www.apollographql.com/docs/GraphQL Tutorials | Learn GraphQL
https://odyssey.apollographql.com/GRAPHQL Federation 과 MSA에 대한 생각
https://moonsupport.oopy.io/post/14graphql cheat sheet.png
https://raw.githubusercontent.com/sogko/graphql-shorthand-notation-cheat-sheet/master/graphql-shorthand-notation-cheat-sheet.png
seo
GTmetrix | Website Performance Testing and Monitoring
https://gtmetrix.com/How to Get Sitelinks to Appear in Google Search Results
https://www.reliablesoft.net/sitelinks/
테스트
This Is My 10 Questions React Code Reviewing Routine
https://www.chakshunyu.com/blog/this-is-my-10-questions-react-code-reviewing-routine/테스트코드는 믿어도 될까?
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
성능최적화
Webpack 5, 무엇이 달라졌을까?
https://so-so.dev/tool/webpack/whats-different-in-webpack5/
디자인
Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/Doodle Ipsum
https://doodleipsum.com/
News
JavaScript 라이징 스타 2021
https://risingstars.js.org/2021/koArchive - Korean FE article
https://kofearticle.substack.com/archive?sort=new44BITS: IT 뉴스, 클라우드 컴퓨팅, 프로그래밍, 컨테이너, 리눅스
https://www.44bits.io/ko
크롬익스텐션 개발
GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension
https://github.com/dutiyesh/chrome-extension-clichrome.contextMenus - Chrome Developers
https://developer.chrome.com/docs/extensions/reference/contextMenus
lectures
Typing Component Props | React TypeScript Cheatsheets
https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_exampleCheatsheets - 30 seconds of code
https://www.30secondsofcode.org/c/cheatsheets/p/1
pwa
PWA Resources, curated just for you.
https://pwaresources.dev/categories/offline
라이브러리
React Libraries for 2022
https://www.robinwieruch.de/react-libraries/카카오 api 테스트 & 샘플 코드 Googsu WebApplication1
http://test-tam.pe.kr/@react-three/cannon
https://cannon.pmnd.rs/#/
CI/CD
aws-Jenkins-build.pdf
https://d1.awsstatic.com/Projects/P5505030/aws-project_Jenkins-build-server.pdf
Interview
기타
위키독스
https://wikidocs.net/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/Linux permissions: making sense of 755 and rwxr-xr-x | Serverwise
https://blog.ssdnodes.com/blog/linux-permissions/
생산성
[개발 환경] iTerm2로 터미널 커스텀하기
https://ooeunz.tistory.com/21Karabiner 설치해 맥북 한영키 설정하기.
https://shanepark.tistory.com/165[Agile] 데일리 스크럼(Daily Scrum)이란 - Heee's Development Blog
https://gmlwjd9405.github.io/2018/06/01/agile-dailyscrum.html
nextjs
react-query/examples/nextjs at master · tannerlinsley/react-query
https://github.com/tannerlinsley/react-query/tree/master/examples/nextjs
데이터시각화
javascript
타입스크립트 꿀팁 | 카카오엔터테인먼트 FE 기술블로그
https://fe-developers.kakaoent.com/2021/211012-typescript-tip/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-948b5a3c35b4ghoullier/awesome-template-literal-types: Curated list of awesome Template Literal Types examples
https://github.com/ghoullier/awesome-template-literal-types타입스크립트의 Never 타입 완벽 가이드 | TOAST UI :: Make Your Web Delicious!
https://ui.toast.com/weekly-pick/ko_20220323[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-readonlyrecordJavaScript Snippets - 30 seconds of code
https://www.30secondsofcode.org/js/p/1안전한 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
이미지가 뭉개지거나 흐릿해요! 도와줘요!
https://dev-il-studio.postype.com/post/12312119?fbclid=IwAR0R9qD3eAPT1yguUD-fRmhSt1WqoUjTj8hAhaaR994_0pTYqHMwbzS99ekFullscreen - 30 seconds of code
https://www.30secondsofcode.org/css/s/fullscreenemotion.js 소개 및 사용법 (feat. CSS-in-JS)
https://www.howdy-mj.me/css/emotion.js-intro/Animated Gradient Background Generator
https://animated-gradient-background-generator.netlify.app/CSS Snippets - 30 seconds of code
https://www.30secondsofcode.org/css/p/1emotion을 활용한 크몽 프론트엔드 스타일링 시스템
https://brunch.co.kr/@kmongdev/17
개발 블로거
react
유용한 리액트 패턴 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%80Common 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-defd47d09d8cuseEffect 제대로 알기
https://sgwanlee.medium.com/useeffect%EC%9D%98-dependency-array-ebd15f35403aCompound Components In React — Smashing Magazine
https://www.smashingmagazine.com/2021/08/compound-components-react/react-recipes: 👩🍳 A list of React Hooks utility library containing popular customized hooks
https://github.com/craig1123/react-recipes
Web
웹 페이지 로딩 과정 이해하기
https://blog.imqa.io/webpage_loading_processhttps://curity.io/resources/learn/the-token-handler-pattern
https://curity.io/resources/learn/the-token-handler-pattern