프론트엔드 테스트 코드 경험 2
프론트엔드 개발하면서 테스트 코드 작성 경험을 공유하고자 합니다. 2편에서는 현재 제가 테스트하고 있는 방식과 활용 방안에 대해서 알아보겠습니다.#리액트
#프로젝트
2024. 07. 20.
프론트엔드 테스트 코드 경험 1
프론트엔드 개발하면서 테스트 코드 작성 경험을 공유하고자 합니다. 1편은 프론트엔드에서 테스트 코드의 기본 개념과 React-Testing-Library 개발 경험에 대해서 알아보겠습니다.#리액트
#프로젝트
2024. 07. 20.
프로젝트 최적화 실전 | 분석 및 라이트하우스 기반 로딩 성능 개선
쇼핑몰 사이트를 개선해보자#최적화
2024. 02. 13.
프로젝트 최적화 사전 개념 | 최적화를 위한 폰트 설명
내가 볼려고 정리한 내용, 폰트 최적화를 위한 사전 개념#최적화
2023. 12. 26.
프로젝트 최적화 사전 개념 | 크롬 분석 툴 (라이트하우스, 퍼포먼스 등)
내가 볼려고 정리!! 사이드 프로젝트를 최적화 하기 전에 크롬에서 제공하는 분석 툴과 최적화 포인트에 대해 알아보자!#최적화
2023. 12. 26.
트랜스파일러와 번들러 알아보기 2 | rollup, esbuild, swc, webpack, vite
1탄에서 모듈 시스템과 트랜스파일러, 번들러에 대한 개념과 bable 에 대해 학습했다면 이번에는 번들러인 rollup, esbuild 등 상세하게 알아보자#개발환경
2023. 12. 10.
트랜스파일러와 번들러 알아보기 1 | 기본 개념과 babel
자바스크립트 모듈 시스템과 트랜스파일러/번들러 개념과 바벨에 대해 간단하게 알아보자#개발환경
2023. 12. 10.
패키지 매니저 알아보기 | npm, yarn, pnpm 그리고 corepack 까지
패키지 매니저의 발전 뱡향과 각각의 특징에 대해서 알아보자#개발환경
2023. 11. 24.
토스 이펙티브 컴포넌트 2 | Select 및 MultiSelect 구현 경험
토스 slash22 에서 발표한 이펙티브 컴포넌트의 Select, MultiSelect 컴포넌트를 구현해보자!#리액트
2023. 10. 24.
토스 이펙티브 컴포넌트 1 | 컴파운드 패턴을 활용한 Dropdown 구현하기
컴파운드 패턴을 활용하여 Dropdown 을 구현하고 이를 활용하여 Select 컴포넌트를 구현하자#리액트
2023. 10. 24.
useQuery 구현하기 3탄 | 커스텀 useInfiniteQuery
react-query 의 useInfiniteQuery 를 간단하게 구현해보자 !#리액트
2023. 10. 09.
useQuery 구현하기 2탄 | 커스텀 useQuery 구현
react-query 의 useQuery 에 대해 알아보고 구현해보자! 그리고 suspense 까지 구현해보자!#리액트
2023. 10. 08.
useQuery 구현하기 1탄 | 커스텀 useFetch 구현
react-query 의 useQuery 를 구현하기 전, 간단한 useFetch 구현해보자#리액트
2023. 10. 08.
퍼널(Funnel) 만들어보기
TOSS SLASH23 퍼널의 내용을 보고 단계별로 퍼널에 대해 이해하고 구현하였습니다. 발표내용을 보면서 평소에 관심있었던 컴포넌트 추상화에 대한 적절한 예제라고 생각이 들어 직접 구현해보면서 학습했습니다.#리액트
2023. 07. 24.
협력 가능한 react 개발 환경 구축 (feat.Vite)
Vite 로 개발환경 구축 및 prettier, eslint, husky 를 통해 협력 가능한 개발 환경을 구축하자!#리액트
#개발환경
2023. 06. 29.
Vanilla 로 구현해보는 상태관리(리덕스)
리액트의 전역 상태관리에 대해 고민해보고, 전역 상태 관리의 대표적인 라이브러리인 리덕스를 분석하여 이를 바닐라를 통해 구현해보자!#자바스크립트
2022. 07. 15.
Vanilla 로 구현해보는 컴포넌트
컴포넌트에 대해 고민해보고 이를 바닐라를 통해 구현해보자!!#자바스크립트
2022. 07. 13.
Vanilla 로 구현해보는 라우터
라우터 기능을 분석해보고 이를 바닐라를 통해 구현해보자!#자바스크립트
2022. 07. 03.
Github CDN 무료 사용법 (feat.CSS)
자주 사용하는 CSS 를 CDN 에 등록하여 편리성을 향상시키자 또한,무료 CDN 을 통해 비용도 절약하자!!#클라우드
2022. 06. 22.
🔥💡 서버 사이드 렌더링 및 FE 용 서버 구축해보기
FE 개발을 하면서 SPA, CSR 를 직접 구현하면서 해당 개념에 대해 알게 되었는데 SSR 은 대략적인 개념만 알고 있었다. SSR 을 간단하게 구축해보면서 SSR 에 대해 알아보자#개발환경
2022. 06. 20.
🐛 vercel 배포시 렌더링 속도가 느린 이슈
vercel 을 이용하여 서비스를 배포하였는데 속도가 너무 느리다… UX 개선을 위해 원인 및 속도 개선한 방법에 대해 알아보자#이슈
#프로젝트
2022. 06. 19.
Ubuntu 환경에서 HTTPS 적용 A to Z
프로젝트에 적용한 HTTPS 설정 방법 A to Z#클라우드
#프로젝트
2022. 06. 10.
🤔 바벨에 대하여 알아보자!
바벨이 무엇인지 알아보고 내부 동작 과정을 심도있게 알아보자! 또한, 바벨의 플러그인, 프리셋 그리고 폴리필에 대해서 알아보자!!#개발환경
2022. 06. 10.
🤔 웹팩에 대하여 알아보자!
웹팩 정의 및 등작 배경과 웹팩이 내부적으로 어떻게 동작하는지 알아보자! 또한, 웹팩의 로더와 플러그인에 대해서 알수 있다.#개발환경
2022. 06. 07.