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://oliveyoung.tech/blog/2021-11-22/How-to-Improve-Web-Performance-with-Image-Optimization/Webpack 5, 무엇이 달라졌을까?
https://so-so.dev/tool/webpack/whats-different-in-webpack5/
디자인
Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/
News
combine stack and bottom tabs navigator in react navigation - Google Search
https://www.google.com/search?q=combine+stack+and+bottom+tabs+navigator+in+react+navigation&newwindow=1&sxsrf=ALiCzsZWKgQWzKyAWHT-gHHu-EyCSMbouw%3A1654568865957&ei=obeeYpWLOpHN2roPvdaj0Aw&ved=0ahUKEwjV34uspZr4AhWRplYBHT3rCMoQ4dUDCA4&uact=5&oq=combine+stack+and+bottom+tabs+navigator+in+react+navigation&gs_lcp=Cgdnd3Mtd2l6EAMyBAghEAo6BwgjELADECc6BwgAEEcQsAM6BwgAELADEEM6CggAEOQCELADGAE6EgguEMcBENEDEMgDELADEEMYAjoECCMQJzoFCAAQywE6BggAEB4QBzoICAAQHhAIEAc6CAgAEB4QBxAFOgYIABAeEAg6CAgAEB4QCBANSgQIQRgASgQIRhgBUL8_WMmfAWDIoAFoBHABeASAAfECiAHjQZIBCTAuMzAuMTAuNZgBAKABAcgBEcABAdoBBggBEAEYCdoBBggCEAEYCA&sclient=gws-wiz#kpvalbx=_8beeYoa8GsOy2roPruC30Aw16JavaScript 라이징 스타 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
치트시트 모음
https://codehouse.vercel.app/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 하루 만에 도입하기(삽질기) | Evans Library
https://evan-moon.github.io/2019/07/06/pwa-with-notification/PWA Resources, curated just for you.
https://pwaresources.dev/categories/offline
라이브러리
[NodeJS] 모두 알지만 모두 모르는 package.json | 감성 프로그래밍
https://programmingsummaries.tistory.com/385React Libraries for 2022
https://www.robinwieruch.de/react-libraries/카카오 api 테스트 & 샘플 코드 Googsu WebApplication1
http://test-tam.pe.kr/
CI/CD
Slack으로 iOS 앱 배포하기
http://labs.brandi.co.kr//2022/04/04/kosr.html
Interview
기타
생산성
[개발 환경] 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
데이터시각화
javascript
README - TypeScript Deep Dive
https://radlohead.gitbook.io/typescript-deep-diveAbortController is your friend
https://whistlr.info/2022/abortcontroller-is-your-friend타입스크립트 꿀팁 | 카카오엔터테인먼트 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/1
개발 블로거
react
[React-Query] 캐싱에 대한 구현
https://velog.io/@chltjdrhd777/React-Query-%EC%BA%90%EC%8B%B1%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B5%AC%ED%98%84유용한 리액트 패턴 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-ebd15f35403a
Web
내 웹사이트를 슬랙에서 돋보이게 해줄 메타 태그 8가지 - 재그지그의 개발 블로그
https://wormwlrm.github.io/2022/05/30/8-Meta-tags-for-unfurling-links-well-on-Slack.html?fbclid=IwAR0dwdz9hZKRzL5bGtSIlRxPnAqoghVVGu_oZS3pbV1PIlEgp1YIDVoQHEI#%ED%8C%8C%EB%B9%84%EC%BD%98웹 페이지 로딩 과정 이해하기
https://blog.imqa.io/webpage_loading_processhttps://curity.io/resources/learn/the-token-handler-pattern
https://curity.io/resources/learn/the-token-handler-pattern