Animation
Framework
PWA
Web Push for Web Apps on iOS and iPadOS | WebKit
https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/[React, PWA] 클라이언트에서 웹 푸시(fcm) 설정하기
https://lemontia.tistory.com/1047Learn PWA
https://web.dev/learn/pwa/
Package Manager
NPM CLI 명령어로 package.json 버전 관리하기
http://blog.foundy.io/npm-version/
CSS
SEO
Lighthouse CI를 알아보고 Github Actions에 적용하기 | 카카오엔터테인먼트 FE 기술블로그
https://fe-developers.kakaoent.com/2022/220602-lighthouse-with-github-actions/SEO 개선 초심자 가이드 | 카카오엔터테인먼트 FE 기술블로그
https://fe-developers.kakaoent.com/2022/221208-basic-seo-guide/#4._%EB%A9%94%ED%83%80_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%B6%94%EA%B0%80
React Query
리액트 쿼리 : 뮤테이션
https://itchallenger.tistory.com/587[번역] #8a: 쿼리 함수 컨텍스트 활용하기 | Parang's Blog
https://parang.gatsbyjs.io/react/2022-react-09/[번역] Type-safe React Query
https://velog.io/@cnsrn1874/%EB%B2%88%EC%97%AD-Type-safe-React-Query⚛ Next.js(SSR)에서의 Suspense, ErrorBoundary | SangMin 개발 이야기
https://sangmin802.github.io/Study/Framework/next.js%20async/React Query와 함께 Concurrent UI Pattern 사용해보기 🐥
https://velog.io/@zzi99/Concurrent-UI-PatternReact Query와 함께 Concurrent UI Pattern을 도입하는 방법 | 카카오페이 기술 블로그
https://tech.kakaopay.com/post/react-query-2/[번역] 쿼리 캐시에 데이터 채워 넣기 (React Query)
https://velog.io/@eunbinn/seeding-the-query-cache?utm_source=substack&utm_medium=email
Design Pattern
JavaScript Patterns Workshop | JavaScript Patterns
https://javascriptpatterns.vercel.app/patternsReact에서 View의 렌더링 관심사 분리를 위한 VAC 패턴 소개 | WIT블로그
https://wit.nts-corp.com/2021/08/11/6461?fbclid=IwAR0eLoSMfTrMPYw4Srf30hvXBYbuWgk9OafxwHnBlTNYFNWjS0fvSpp6VgA&mibextid=S66gvF
Etc
Webhacking.kr
https://webhacking.kr/chall.phpOWASP Foundation, the Open Source Foundation for Application Security | OWASP Foundation
https://owasp.org/(번역) 빠른 페이지 로드를 위한 자바스크립트 최적화의 궁극적인 가이드
https://velog.io/@sehyunny/js-optimization-for-quick-page-load[샤피라이브] 1편: WebRTC 기술 적용 스토리 (feat. low-latency)
https://gsretail.tistory.com/10Webflow: Create a custom website | No-code website builder
https://webflow.com/?r=0좋은 에러 메시지를 만드는 6가지 원칙
https://toss.tech/article/how-to-write-error-message
Clean Code
Javascript Colocation (번역글) 🤔 — 공부정리
https://dkrnfls.tistory.com/408
Git
Nextjs
Next.js Authentication - JWT Refresh Token Rotation with NextAuth.js
https://dev.to/mabaranowski/nextjs-authentication-jwt-refresh-token-rotation-with-nextauthjs-5696대부분이 모르는 Next에서 SSG가 작동하는 방식 | 리팩토링을 통해 서비스 최적화하기 2편
https://velog.io/@bokdol11859/%EB%8C%80%EB%B6%80%EB%B6%84%EC%9D%B4-%EB%AA%A8%EB%A5%B4%EB%8A%94-Next%EC%97%90%EC%84%9C-SSG%EA%B0%80-%EC%9E%91%EB%8F%99%ED%95%98%EB%8A%94-%EB%B0%A9%EC%8B%9D-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81%EC%9D%84-%ED%86%B5%ED%95%B4-%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%B5%9C%EC%A0%81%ED%99%94%ED%95%98%EA%B8%B0-2%ED%8E%B8
Test
프론트엔드 테스트 전략 - (1) Overview :: Normal Coder
https://yeoulcoding.me/244
TypeScript
(번역)더 좋은 타입스크립트 프로그래머로 만드는 11가지 팁
https://velog.io/@lky5697/11-tips-that-help-you-become-a-better-typescript-programmer?utm_source=substack&utm_medium=email#1-%EC%A7%91%ED%95%A9set%EC%9D%B4%EB%9D%BC%EA%B3%A0-%EC%83%9D%EA%B0%81%ED%95%98%EA%B8%B0우리 팀의 우아한 타입스크립트 컨벤션 정하기 여정 | 우아한형제들 기술블로그
https://techblog.woowahan.com/9804/?fbclid=IwAR3UEWOoesb0kFhuDI-xCOzZlmfABpaOog1FmUkTiBIwtmWyTItzLSU3mUM&mibextid=Zxz2cZ#toc-1
Architecture
객체지향을 아는척하지 말자 : 오해하고 있었던 객체지향의 정체
https://velog.io/@msung99/%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5%EC%9D%84-%EC%95%84%EB%8A%94%EC%B2%99%ED%95%98%EC%A7%80-%EB%A7%90%EC%9E%90-%EC%9A%B0%EB%A6%AC%EA%B0%80-%EC%98%A4%ED%95%B4%ED%95%98%EA%B3%A0-%EC%9E%88%EC%97%88%EB%8D%98-%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5%EC%97%90-%EB%8C%80%ED%95%B4
Auth
리액트로 구글 소셜로그인? 일단 가져다 쓰세요!
https://velog.io/@mannmae/%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%A1%9C-%EA%B5%AC%EA%B8%80-%EC%86%8C%EC%85%9C%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%9D%BC%EB%8B%A8-%EA%B0%80%EC%A0%B8%EB%8B%A4-%EC%93%B0%EC%84%B8%EC%9A%94Why Cookie is preferable compared to localStorage when it comes to authentication - DEV Community
https://dev.to/leduc1901/why-cookie-is-preferable-compared-to-localstorage-when-it-comes-to-authentication-48mb?utm_source=oneoneone&mibextid=Zxz2cZNext.js 에서 Auth하기(JWT를 안전하게 다루는 법)
https://velog.io/@arais/Next.js-%EC%97%90%EC%84%9C-Auth%ED%95%98%EA%B8%B0JWT%EB%A5%BC-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EB%8B%A4%EB%A3%A8%EB%8A%94-%EB%B2%95🍪 프론트에서 안전하게 로그인 처리하기 (ft. React)
https://velog.io/@yaytomato/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%90%EC%84%9C-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%B2%98%EB%A6%AC%ED%95%98%EA%B8%B0브라우저 쿠키와 SameSite 속성 / seob.dev
https://seob.dev/posts/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%BF%A0%ED%82%A4%EC%99%80-SameSite-%EC%86%8D%EC%84%B1/JWT 인증은 무엇이고 어떻게 사용해야 할까? | Popit
https://www.popit.kr/jwt-%EC%9D%B8%EC%A6%9D%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9D%B4%EA%B3%A0-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%95%BC-%ED%95%A0%EA%B9%8C로그인 비밀번호를 지켜라
https://dev.gmarket.com/47API 키를 사용하는 이유 및 조건 | Cloud Endpoints 및 OpenAPI | Google Cloud
https://cloud.google.com/endpoints/docs/openapi/when-why-api-key?hl=ko
Web
CSR vs SSR vs SSG - 콥 노트
https://ajdkfl6445.gitbook.io/study/web/csr-vs-ssr-vs-ssg
React
[번역] 리액트 실험실: 그동안의 작업 - 2023년 3월
https://velog.io/@typo/react-labs-march-2023[번역] 2023년 버전 리액트 프로젝트를 시작하는 방법
https://velog.io/@eunbinn/how-to-start-a-react-project-in-2023Use ternaries rather than && in JSX
https://kentcdodds.com/blog/use-ternaries-rather-than-and-and-in-jsxStop Using useMemo Now! | JavaScript in Plain English
https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback | DigitalOcean
https://www.digitalocean.com/community/tutorials/how-to-avoid-performance-pitfalls-in-react-with-memo-usememo-and-usecallbackdev-blog/should-you-really-use-usememo.md at master · yeonjuan/dev-blog
https://github.com/yeonjuan/dev-blog/blob/master/JavaScript/should-you-really-use-usememo.md스토리북 작성을 통해 얻게 되는 리팩토링 효과
https://fe-developers.kakaoent.com/2022/220609-storybookwise-component-refactoring리액트 설계 가이드 | Stevy's wavyLog
https://www.stevy.dev/react-design-guide/Use react-error-boundary to handle errors in React
https://kentcdodds.com/blog/use-react-error-boundary-to-handle-errors-in-react[번역] React에서 BLoC 패턴 사용하기 · Issue #15 · sbyeol3/articles
https://github.com/sbyeol3/articles/issues/15
JavaScript
(번역) 🔥 자바스크립트 메모리 관리: 일반적인 메모리 누수를 방지하고 성능을 개선하는 방법 | Ykss
https://ykss.netlify.app/translation/javascript_memory_management/?utm_source=substack&utm_medium=email
Bundler
번들러 | TOAST UI :: Make Your Web Delicious!
https://ui.toast.com/fe-guide/ko_BUNDLER