인사이트

매번 사파리 탭 상에 올려놓고 그러다가
탭이 너무 많아져서 관리가 힘들어서 블로그로 옮기게 되었다.

추후 카테고리에 맞게 분류할 예정

• [react] 네트워크 통신 캐시를 위한 SWR : 네이버 블로그

• JavaScript 번들러로 본 조선시대 붕당의 이해 | 요즘IT

• [React] forwardRef 사용법 | Engineering Blog by Dale Seo

• 2021 하반기 네이버 신입 공채 후기 - 재그지그의 개발 블로그

• Clean Architecture For React

• CSS 역사로 알아보는 CSS가 어려워진 이유

• Don't Sync State. Derive It!

• JavaScript에서 날짜, 시간과 Temporal API | ~/xo.dev

• 개발자라면 알아야 할 ①불규칙 속에서 규칙을 찾는 정규표현식 | 요즘IT

• 나만의공간。 : 네이버 블로그

• React에서 Canvas API로 애니메이션 구현하기

• 10화 UI/UX 디자인 [웹] 포트폴리오 제작기

• Mixpanel: Product Analytics for Mobile, Web, & More

• 09화 구매율 올리는 상세 페이지 UI/UX 디자인은?

• [react] vite로 생성한 프로젝트에서 redux-toolkit(RTK) 다뤄보기 : 네이버 블로그

• 슬랙: 4가지 애자일 가치와 방법 | 요즘IT

• 컴포넌트 스터디: ②바, 툴팁, 칩 | 요즘IT

• 회사성장에 따른 투자단계 #1

• Let It Be (렛잇비가 아니고 레릿비) - Beatles (비틀즈) 가사 발음 해석 뜻 진짜 의미 해설

• 시니어 개발자가 말하는, 프론트엔드 업무와 잘하는 프론트엔드 개발자란 | 요즘IT

• [web] Ajax 여러분은 무엇을 사용하시나요? $.ajax, axios, fetch : 네이버 블로그

• serverless-next.js deploy - zero's 이모저모

• 내 웹페이지 성능을 어떻게 올릴까? — 예제 | by JungHoon Park | Medium

• 사용자 경험과 성능 개선 방법 in 카카오웹툰 | 카카오엔터테인먼트 FE 기술블로그

• 취향에 맞게 아이콘과 일러스트 편집이 가능한: Shape | 요즘IT

• Yarn Workspace에서 package.json 틸드(~), 캐럿(^) 버전 명시 주의할 점

• Store에서 비동기 통신 분리하기 (feat. React Query) | 우아한형제들 기술블로그

• 셀프서비스 디자인시스템 #2 – 개발자 편 | 우아한형제들 기술블로그

• React Hook의 어두운면 | TOAST UI :: Make Your Web Delicious!

• SOLID 원칙 : React에 적용해서 생각해보기 | 최수민 개발 블로그

• SEO독학 2장 - head 태그 SEO 대응하기 | 최수민 개발 블로그

• git 협업 기본 가이드 (명령어 & 활용) | 최수민 개발 블로그

• React Facebook Login 페이스북 로그인 간단하게 구현하기 | 최수민 개발 블로그

• 리액트로 만든 게임에 사운드 추가하기 | 카카오엔터테인먼트 FE 기술블로그

• Javascript에서도 SOLID 원칙이 통할까?

• SOLID 원칙에 기초한 React 코드 작성법

• DOM은 다들 어떤식으로 공부하셨나요?

• NAVER D2

• [React] 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작

• redux-saga를 간결하게 사용해보자! | RoyJung _ dev blog

• (번역) How React server components work: an in-depth guide | by Jung Han | Jan, 2022 | Medium

• 채팅서비스를 구현하며 배워보는 Websocket 원리 (feat. node.js)

• 직접 만들어보며 이해하는 JWT

• 👨‍💻 웹개발자 샘플 이력서

• 벨로그에 다크 모드 적용하기

• [서버] postman APIs로 collection, mockup, document, test 통합관리 : 네이버 블로그

• 구글 블로그 SEO, 메타 태그 설정 방법 - 구글 블로그 만들기

• Recoil은 Context API를 어떻게 사용하길래 상태 변경이 일어나도 RecoilRoot의 자식 컴포넌트들에 대한 불필요한 리렌더링을 유발하지 않을까? | Woomin

• 2022년 1월 100% 할인 이벤트 장애 부검

• Instagram System Architecture. Please clap and share if you like this… | by JIN | InterviewNoodle | Medium

• React가 처음인 당신 - Ep1. 탄생편

• 토스페이먼츠 프론트엔드 챕터를 소개합니다

• 김맥스 기술 블로그 | 웹 접근성 준수가 가져오는 프론트엔드 개발의 이점

• 코드 리뷰의 목적은 성장이어야 한다 | JBEE.io

• 윤석열 “고등학교를 기술·예술·과학고로 나누자”…누리꾼들 “?”

• 카카오웹툰은 CSS를 어떻게 작성하고 있을까? | 카카오엔터테인먼트 FE 기술블로그

• Naver Map 자유롭게 활용하기

• 조금만 신경써서 초기 렌더링 빠르게 하기 (feat. JAM Stack)

• AWS로 클라우드 시작하기: ①VPC | 요즘IT

• react-query에 typescript 적용하기 - 리액트 쿼리, 타입스크립트 | HyeonGyu

• 2021년 회고

• 2022년 웹 개발에서 고려해야 할 환경 - LINE ENGINEERING

• 디자인 작업 효율을 높여주는 크롬 확장 프로그램 5 | 요즘IT

• [번역] Why Efficient Hydration in JavaScript Frameworks is so Challenging

• 불변 객체와 immer | TOAST UI :: Make Your Web Delicious!

• (2022/02/14 랭크기능 추가)[React Numble Challenge] 다른 색깔 찾기 게임 만들기

• [React - 1] 리액트의 특징

• 개발자라면 마주치는 기술 부채, 꼭 다 갚아야 하나요? | 요즘IT

• 당근마켓 '당근페이'도 쿠콘이 간편서비스 구축

• 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 | 요즘IT

• 너네 무슨 사이야..? React 🆚 React Native

• 신입 개발자, 뭘 공부해야 하죠? | 원티드

• 기술 블로그 위한 contentEditable WYSIWYG 에디터 제작기

• 카카오톡 채널 개발 코드리뷰 - Yohan's Developer Diary

• 유용한 리액트 패턴 5가지

• [React] 환경변수를 .env로 만들기

• React에서 서버 데이터를 최신으로 관리하기(React Query, SWR) | 카카오엔터테인먼트 FE 기술블로그

• Tailwind CSS 사용기 | 카카오엔터테인먼트 FE 기술블로그

• 페이스북 개발자의 성과 만들기

• 컴포넌트 스터디: ①팝업, 바텀시트, 스낵바 | 요즘IT

• React Snackbar component - MUI

• notistack snackbars

• 카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까? | 카카오엔터테인먼트 FE 기술블로그

• React 상태관리 | Maeng's Blog

• 6 Killer Functions in JavaScript. Simple JavaScript magic which you… | by Gourav Kajal | Mar, 2022 | JavaScript in Plain English

• 좋은 코드란 무엇인가 | 프로그래머 이규원의 웹사이트

• 🔥 용감하게 시작하는 코딩테스트 1편

• Micro Frontend Architecture and Best Practices

• 하쿠나 입장 API 개선하기 - 괴물 API 리팩토링과 성능개선하기 | Hyperconnect Tech Blog

• [Windows 에서 ios 앱 개발] Expo & Expo go 설치부터 셋팅까지!

• Moment.js 대신 Day.js - 프론트엔드 번들 사이즈 줄이기 | blog.hoseung.me

• 애플 앱 개발을 위한 좌충우돌 Xcode 설치 (macOS Monterey beta로 업그레이드도 함께!!! ) - 정보의 공유 사회

• 10배 이상 뛰어난 개발자가 되는 법 | 요즘IT

• Past, Present, and Future of React State Management – Lee Robinson

• Monthsub

• 핀테크 앱 UX 분석: ①자산 연결 | 요즘IT

• SLASH 21

• TypeScript는 어떻게 공부해야 하나요? | 요즘IT

• Storybook 설정하기

• MSW 모킹 코드 재사용하기 feat. Storybook, Jest | 카카오엔터테인먼트 FE 기술블로그

• 웹 디자인 준비 Tip: ①레퍼런스 사이트 살펴보기 | 요즘IT

• Next.js와 Google analytics + Google optimize 설정하기

• Udemy 프론트엔드 개발자 성장 가이드를 보고 뼈맞은 후기

• 카카오페이의 당근책, 임직원 전원 연봉 1000만원 인상

• Tailwind CSS 편법을 이용한 class 덮어쓰기 - DevJelly

• 정규식과 함께 생산성 200%, 2x 엔지니어가 되어보자 - 인프런 | 강의

• 웹 페이지 로딩 과정 이해하기

• Introduction | Learn Next.js

• Why use Node.js? 9 examples of successful Node.js apps | by MasterBorn Software | Mar, 2022 | MasterBorn Software

• Why and How to Use HTTPS in Your Local Development Environment

• 웹 페이지 구성 도우미 ‘Shuffle’ | 요즘IT

• 90 % of Javascript Developer fail to answer these code snippets (Asked in Interview) Part-1 | by Vineet Mishra | Feb, 2022 | Medium

• Upgrading Next.js for instant performance improvements – Vercel

• 그런 포트폴리오로 괜찮은가

• [개발지식] Webpack과 Babel은 왜 쓰이는 건지 알고 계신가요?

• 핀테크 앱 UX 분석: ②대출 | 요즘IT

• 기업은 ‘신입’ 프론트엔드 개발자에게 무엇을 원할까? | zero-base

• Front end interview preparation for busy engineers | Front End Interview Handbook

• 카카오 합격 개발자 이력서 1 — By. F-Lab - F-Lab - Tech blog - Medium

• 기술 부채를 갚기 위한 첫 발을 떼기까지 - LINE ENGINEERING

• (번역) 명확한 리액트 파일/디렉터리 구조. 원문… | by Jung Han | Mar, 2022 | Medium

• Korean FE article | Substack

• JavaScript 완전 정복 온라인 완주반 | zero-base

• 4. React memo(), useCallback()

• 국내/한국 개발자 커뮤니티 모아보기

• 개발 과제를 준비하는 팁 10가지. 개발 과제도 대상과 목적이 있습니다. 모든게 그렇듯이. | by Jaebeom Park | Medium

• CloudFlare Pages로 Next.js 서비스 배포하기

• 강남언니가 고객의 문제를 찾는 방법 | 요즘IT

• 자바스크립트에서 객체 지향을 하는 게 맞나요? | 요즘IT

• React Query와 함께하는 API 에러 처리 설계하기 | 요즘IT

• Tao of Node - Design, Architecture & Best Practices | Alex Kondov - Software Engineer

• 웹 페이지 로딩 과정 이해하기

• 웹 워커를 통해 이미지 색상 수집기 성능 개선하기 | 카카오엔터테인먼트 FE 기술블로그

• deview-2018-review/React Native: 웹 개발자가 한 달 만에 앱 출시하기.md at master · 738/deview-2018-review · GitHub

• 오늘의집 MSA Phase 1. 프론트엔드 분리작업 - 오늘의집 블로그

• React Native로 메시징 / 채팅 앱을 구축하기위한 완벽한 가이드

• [React/함수형 컴포넌트] props가 undefined인 경우 default value로 인한 useEffect 무한 루프 (state update와 rendering)

• React에서 선언적으로 비동기 다루기 | JBEE.io

• 리액트 앱에서의 중앙 집중식 API 에러 핸들링 | TOAST UI :: Make Your Web Delicious!

• Spring 공부

• React v18.0 – React Blog

• Chrome for Mac achieves highest Speedometer score to date - 9to5Google

• Store에서 비동기 통신 분리하기 (feat. React Query) | 우아한형제들 기술블로그

• Start working on GitHub Issues faster | The GitHub Blog

• SolidJS와 함께 되짚어보는 반응형 프로그래밍 | TOAST UI :: Make Your Web Delicious!

• simple-boot-react - npm

• react-hook-form 파일 다루기

• 선물하기 서비스 개발기. 29CM 선물하기 소개 | by 29CM | 29CM 기술블로그 | Medium

• CSS Grid 완벽 가이드 | HEROPY

• [번역] React v18.0. 원문… | by Jisu Yuk | Apr, 2022 | Medium

• RN(React Naitve) 태블릿 지원하기 - RN(React Native) 프로젝트에서 태블릿 지원하는 방법에 대해서 알아봅시다.

• [신청시작] 디자인-프론트-백엔드 연계 챌린지

• 애플, 6월 iOS 16 공개…어떻게 달라질까

• Reflow는 언제 발생하는가? | Maeng's Blog

• 타입 레벨 고차 함수 | overcurried

• 프론트엔드 학습 로드맵. 2022년에 프론트엔드 배우기 | by 조은, John Cho | Apr, 2022 | Medium

• 네이버 웹툰 입사 후 4개월 회고

• GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기 | 카카오엔터테인먼트 FE 기술블로그

• 실전 UI/UX – 약관 동의를 설계할 때 고려해야 할 것들 | 요즘IT

• Secrets of ‘unknown’ Types in TypeScript | by Zachary Lee | Apr, 2022 | Better Programming

• System Design Guide for Front-end Developers - DEV Community

• 보지만 말고, 쳐보고, 적어보고

• 멋쟁이 사자처럼 10기 운영진 준비(...만우절 회고)

• Deep dive into React Native’s New Architecture | by Atharva Patil | COOX Tech | Medium

• [프로그래머스 X 임팩트캠퍼스] 프론트엔드 개발을 위한 자바스크립트 (feat.VanillaJS) 15기

• [부록] TS, 왜 써야할까?

• 비전공자 출신 7년 만에 미국 대기업 개발자로 취업하기 | zero-base

• SQL 가독성을 높이는 다섯 가지 사소한 습관

• OUTER - ETCE

• 파이썬 독학 필수! 추천 무료 강의 사이트 BEST3는?!

• 1.(책모음) AWS시작으로 좋은 책들

• React Best Practices - Ways To Write Better Code in 2022 - DEV Community

• 아기자기한 프로덕트 팀의 Test Case 도입기 | 요즘IT

• 영포자개발자 영어학습 일대기

• ... Line Clamp & Truncate

• [리액트] useRef, useEffect

• 한번쯤 되돌아볼만한 키워드 리스트

• Picture perfect images with the modern element - Stack Overflow Blog

• Subject Matter Expert가 되어라 | zero-base

• 프로그래머 이력서와 코딩 과제, 검토자는 무얼볼까?

• Next.js에서 Autoprefixer 사용해볼까요~? - 알쓸없코 - 데빌 스튜디오

• 원시 타입과 참조 타입

• 노션 포트폴리오가 대세!? 노션폴리오 만드는 법 + 템플릿 양식 제공 : 네이버 블로그

• HTTP/2 훑어보고 AWS에서 적용해보기 | 카카오엔터테인먼트 FE 기술블로그

• Vue Application Architecture - 프론트앤드 애플리케이션에서의 설계, Infra (Part1) | 오르막길

• 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 | 요즘IT

• Take Pictures in Browser with JavaScript | by Parag Mahale | Towards Dev

• [공개SW 개발자 인터뷰/강대명 CTO]커미터가 말하는 오픈소스 프로젝트 쉽게 참가하는 법 - 공개SW 포털

• 지속가능한 SW 개발을 위한 코드리뷰

• 시니어 개발자가 말하는, 프론트엔드 업무와 잘하는 프론트엔드 개발자란 | 요즘IT

• TypeScript는 어떻게 공부해야 하나요? | 요즘IT

• Next.js 12 Upgrade와 CDN 배포 | 천명 기술 블로그 | by Kim Hyeon Gyu | chunmyung | May, 2022 | Medium

• NodeJs Best Practices. To take benefit from the power of any… | by Maram Al-Quraan | Apr, 2022 | Medium

• React 18 버전의 실상을 파헤치다. - 오픈소스컨설팅 테크블로그

• 고객의 불편함이 제품으로 되기까지 - Airbridge API 팀의 개발 프로세스

• TypeScript vs JavaScript: What’s the difference? | by The Educative Team | May, 2022 | Dev Learning Daily

• 브라우저 가로폭에 따른 세로 박스 비율 유지하기 - Devil Styled Sheets - 데빌 스튜디오

• [Git] 실무에서 사용하는 명령어들을 빠르게 알아보자 (1)

• 검색 잘 되는 사이트의 필수조건, 메타(meta) 태그란? | 요즘IT

• 임금님 귀는 당나귀 귀! 대나무숲 슬랙 앱 만들기 - 재그지그의 개발 블로그

• 브라우저 가로폭에 따른 세로 박스 비율 유지하기 (후편) - Devil Styled Sheets - 데빌 스튜디오

• React Query와 함께하는 API 에러 처리 설계하기 | 요즘IT

• 카카오엔터프라이즈가 GitHub Actions를 사용하는 이유 – tech.kakao.com

• 자동화된 UI 회귀테스트 도입하기 | 우아한형제들 기술블로그

• 시니어 소프트웨어 엔지니어는 어떻게 일할까? | 요즘IT

• HTML | Useful HTML Tricks. HTML has lot of secrets that might come… | by Shrihari Murali | Apr, 2022 | Medium

• Practical React Query | TkDodo's blog

• 개발자가 되려는 동생을 어떻게 도와줄 수 있을까

• Meet React useEvent(): The Latest and Greatest React Hook | JavaScript in Plain English

• 브라우저 가로폭에 따른 세로 박스 비율 유지하기 (보너스) - Devil Styled Sheets - 데빌 스튜디오

• SOLID 원칙에 기초한 React 코드 작성법

• [리액트] 다이나믹한 웹을 향하여 (framer-motion, lottie)

• ES2022 (ES13) | Most wanted features | Very interesting | by Suneet Bansal | May, 2022 | Medium

• [react] 함수형 컴포넌트 - 잘 이해하고 쓰고 있는가? : 네이버 블로그

• ‘액션-계산-데이터’ 관점으로 보는 함수형 프로그래밍 패러다임 | 요즘IT

• Next.js에서 HoC 사용한 Head 꾸미기 - 알쓸없코 - 데빌 스튜디오

• HTML5 Web Animation API

• State of CSS 2022

• How to Use Decorators in JavaScript | JavaScript in Plain English

• 몰랐던 useEffect의 실행순서 (feat Suspense)

• 아토믹 디자인을 활용한 디자인 시스템 도입기 | 카카오엔터테인먼트 FE 기술블로그

• Yarn berry workspace를 활용한 프론트엔드 모노레포 구축기 | 우아한형제들 기술블로그

• Remix로 쉽게 하는 리액트 서버사이드 렌더링

• Transition : 쉿, 이제 안전해 나의 작은 Suspense | by Hyunsuk Jo | Lunit Team Blog | May, 2022 | Medium

• React 또는 Next.js에서 이미지가 제대로 적용 안되는 현상 해결하기 - 알쓸없코 - 데빌 스튜디오

• 당근마켓에 웹 프로젝트 배포하기 #1 — 파일 기반 웹뷰. 당근마켓 앱 화면의 많은 부분들이 네이티브 웹뷰와 웹 기술을 활용해서… | by Hyeseong Kim | 당근마켓 팀블로그 | May, 2022 | Medium

• EStimator.dev: the modern JavaScript savings calculator

• 프론트엔드 개발자에게도 알고리즘 공부가 중요할까? - 재그지그의 개발 블로그

• 내 웹사이트를 슬랙에서 돋보이게 해줄 메타 태그 8가지 - 재그지그의 개발 블로그

• 2022 상반기 프론트엔드 개발 취업 회고

• 카카오톡 간편로그인의 시대는 오픈API가 만들었다

• React CSS-in-JS 시스템 만들기 | pyjun01

• Svelte 비교하기

• [React]카카오 REST API 로그인_TS

• Insider Front-End Architecture | Insider Engineering

• Lighthouse CI를 알아보고 Github Actions에 적용하기 | 카카오엔터테인먼트 FE 기술블로그

• 6 Awesome JavaScript DOM Tips and Tricks You Should Know | by Mehdi Aoussiad | May, 2022 | JavaScript in Plain English

• 6 Killer Functions in JavaScript that Made My Life Easier | by Tapajyoti Bose | Medium

• 스벨트 vs 리액트, 누가 더 뛰어날까? | 요즘IT

• 완벽 정리! 쿠키, 세션, 토큰, 캐시 그리고 CDN

• 5 Javascript Clean Coding Patterns To Enhance your Code | by Dgramaciotti | ArionKoder Engineering | May, 2022 | Medium

• React 또는 Next.js에서 이미지가 제대로 적용 안되는 현상 해결하기 - 알쓸없코 - 데빌 스튜디오

• 직관적인 컴포넌트를 위한 데이터 정규화 | blog.hoseung.me

• HTML 요소 inert 속성에 대해 알아보자 | TOAST UI :: Make Your Web Delicious!

• React Test 코드 작성 | Maeng's Blog

• 무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요? | Kakao Pay Tech

• DDD란? ((Business) Domain-Driven (Software) Design)

• Stop Using ‘async/await’ Like This. Use the Original Instead | by Zachary Lee | May, 2022 | Bits and Pieces

• 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유 | Kakao Pay Tech

• if(kakao) 2021

• React 18: 리액트 서버 컴포넌트 준비하기 | Kakao Pay Tech

• Two lines of CSS that boosts 7x rendering performance! - DEV Community

• 서버리스 방식의 웹 호스팅 - 이상선 - Medium

• 프론트엔드 아키텍처: Business Logic의 분리. 왜 프론트엔드 아키텍처에 관심을 가져야 할까? | by 이문기 | Jun, 2022 | Medium

• Wonderwall Stage Presents 'Aux To Wonder' Vol.1 : 네이버 블로그

• 다른 사람들이 안 알려주는 리액트에서 Context API 잘 쓰는 방법

• 📝 Learn JavaScript the right way with this beginner's cheat sheet - DEV Community

• My구독의 React Query 전환기 – tech.kakao.com

• Web Push Notification — 근둥이의 블로그

• 엑시트(EXIT)하는 스타트업

• 👨‍💻 Createhb21 | 배움과 성장을 사랑하는 주니어 개발자

• 스토리북 작성을 통해 얻게 되는 리팩토링 효과 | 카카오엔터테인먼트 FE 기술블로그

• 웹 애플리케이션에 스타일 추가하기 with Emotion - 오픈소스컨설팅 테크블로그

• 자바스크립트 프레임워크 비교 - 코드쓰는사람

• Recoil, 리액트의 상태관리 라이브러리 - 오픈소스컨설팅 테크블로그

• 개발자는 어떻게 일하는가.pdf

• 시리즈 | NestJs - dev_leewoooo.log

• MSA 환경에서 네트워크 예외를 잘 다루는 방법 | 카카오페이 기술 블로그

• Atomic Design Pattern의 Best Practice 여정기 | 요즘IT

• Functional Programming with React [3] - Byeongjin Jason Kang

• [쪼렙 서비스 기획자의 공부일지] 카톡만 있으면 다른 서비스 로그인이 가능한 이유 - 모비인사이드 MOBIINSIDE

• 마이크로서비스 아키텍처를 구성하는 핵심 요소 8가지 | 무조건 MSA가 정답일까? — 시행착오를 줄이는 방법 | 진태양

• 토스에서의 시간을 돌아보며 | Evans Library

• 정규식과 함께 생산성 200%, 2x 엔지니어가 되어보자 - 인프런 | 강의

• Understanding the Suspense API in React 18 | by Fernando Doglio | Jun, 2022 | Bits and Pieces

• [개발자 컨퍼런스] 주니어 개발자? Super 주니어 개발자! - 이벤터스

• 2022 상반기 라인 신입 공채 후기 (코딩테스트/필기테스트/1차면접/2차면접) | Esot3riA

• 개발자의 학습과 성장 · Present

• FE로 취업하기 전에 알았으면 좋았을 것들 - 코드쓰는사람

• Webpack Module Federation 도입 전에 알아야 할 것들 | 카카오엔터테인먼트 FE 기술블로그

• History API는 가라! 이제는 Navigation API의 시대가 온다 - 재그지그의 개발 블로그

• Functional Programming with React [4] - Currying - Byeongjin Jason Kang

• 인프런의 첫 네트워킹 데이 심야FE, 생생한 현장 스케치 - 인프런 | 스토리