🌐 React
react-hook-form 시작하기
2024년 11월 17일
react-hook-form, 왜, 어떻게 쓰는걸까?
💻 Profile
심은서
web frontend engineer
문서화를 통한 '스스로와의 질의응답'을 좋아합니다.
개발 과정에서 실시간으로 문서화하며 끊임없이 더 나은 방법을 고민합니다.
단순히 결과를 기록하는 것이 아닌, '왜 이 기술을 써야 하는가?', '더 나은 방법은 없는가?' 와 같은 질문을 던지며 의사결정 과정을 체계화합니다.
이를 통해 얻은 인사이트를 팀원들과 공유하며 시야를 넓히는 시간을 좋아합니다.
🔎 Search
🌐 React
form validation 로직을 zod로 관리해보자
2024년 11월 17일
타입 안정성을 갖춘 폼 유효성 검증 로직을 구현하고 반복되는 에러 메시지를 효율적으로 관리하기
🌐 React
공통 컴포넌트를 나누는 기준
2024년 11월 10일
Input 컴포넌트들의 분리와 통합 기준을 고민하며, 좋은 컴포넌트 분리에 대해 생각하기
🚀 Trouble Shoot
Tanstack Router로 공통 레이아웃을 가진 중첩 페이지 라우팅 구현하기
2024년 11월 7일
tanstack-router 공식문서와 github를 기반으로 중첩 라우팅에 layout을 적용한 과정
🕸️ FE
Tanstack Router 시작하기
2024년 11월 6일
tanstack-router, 왜, 어떻게 쓰는걸까?
🕸️ FE
Vanilla Extract 시작하기
2024년 10월 9일
vanilla-extract, 왜, 어떻게 쓰는걸까?
🌐 React
CRA, vite 없이 React+TS 초기세팅하기
2024년 10월 7일
Webpack으로 개발 환경 직접 설정하기
🟨 JavaScript
Vanilla JS(TS)로 React 개발하기 (3) - 실제 DOM에 렌더하기
2024년 9월 25일
React의 렌더링 과정 이해하기
🟨 JavaScript
Vanilla JS(TS)로 React 개발하기 (2) - JSX 사용하기
2024년 9월 24일
Virtual DOM과 JSX의 이해
🟨 JavaScript
Vanilla JS(TS)로 React 개발하기 (1) - SPA 이해하기
2024년 9월 23일
SPA가 정확히 무엇일까?
🖧 BE
백엔드 아키텍처 패턴
2024년 9월 4일
관심사 분리부터 모듈화까지, 레이어드 아키텍처의 핵심 개념과 구현 방법
🖧 BE
Express 시작하기
2024년 8월 20일
Node.js의 대표적인 웹 프레임워크 Express의 기본 구조와 템플릿 엔진 사용하기
📚 CS
의존성 관리와 모듈화
2024년 7월 30일
📚 CS
동시성과 병렬성, 동기와 비동기, 블로킹과 논블로킹
2024년 7월 29일
💭 Retrospect
SOPT Makers 4기 활동 회고
2024년 7월 28일
IT 동아리 SOPT를 위한 프로덕트를 만드는 SOPT Makers에서의 5개월 간의 활동 되돌아보기
📚 CS
객체 지향 프로그래밍
2024년 7월 22일
🚀 Trouble Shoot
이미지 저장 기능 구현하기
2024년 7월 21일
html2canvas와 html-to-image 라이브러리로 이미지 저장 기능을 구현하며 발생한 트러블 슈팅과 해결과정
📚 CS
프로세스 메모리와 가상 메모리의 이해
2024년 7월 18일
📚 CS
XML과 JSON 파싱의 이해
2024년 7월 17일
🐙 GraphQL
Relay로 에어비앤비 클론코딩하기
2024년 7월 9일
Relay를 세팅하고, usePreloadedQuery와 useMutation 사용해보기 +낙관적 업데이트까지!
🐙 GraphQL
Apollo Client로 에어비앤비 클론코딩하기
2024년 7월 4일
Apollo Client로 데이터를 조회하고, 좋아요 뮤테이션을 구현하면서 낙관적 업데이트를 적용해보기
🚀 Trouble Shoot
재사용 가능한 시간표 컴포넌트 구현하기 (3) - 재사용 가능한 구조
2024년 6월 26일
재사용성을 고려하여 시간표 컴포넌트를 설계하기
🚀 Trouble Shoot
재사용 가능한 시간표 컴포넌트 구현하기 (2) - 컴포넌트 설계와 탭투탭 기능
2024년 6월 25일
재사용 가능한 시간표 컴포넌트 구현하기 위해 가능 시간 입력 컴포넌트를 설계하고 구현하기
🚀 Trouble Shoot
재사용 가능한 시간표 컴포넌트 구현하기 (1) - 명세 정리
2024년 6월 24일
재사용 가능한 시간표 컴포넌트를 구현하기 위해 구체적인 명세를 정리하고 파악하기
🚀 Trouble Shoot
radix-ui Select 오류 해결 (3) - 깊은 원인 파악
2024년 5월 26일
radix-ui Select 컴포넌트에서 초기화가 되지 않는 문제에 대해, radix-ui 깃허브와 코드를 기반으로 깊이있게 원인 파악하기
🚀 Trouble Shoot
radix-ui Select 오류 해결 (2) - 문제 해결
2024년 5월 25일
radix-ui Select 컴포넌트에서 초기화가 되지 않는 문제의 원인을 찾고 해결하기
🚀 Trouble Shoot
radix-ui Select 오류 해결 (1) - 코드 분석
2024년 5월 24일
radix-ui Select 컴포넌트로 만들어진 필터링 컴포넌트 뜯어보기
🐙 GraphQL
Apollo Client 시작하기 - 쿼리를 중심으로
2024년 5월 22일
GraphQL 스터디 3회차
🐙 GraphQL
Relay 시작하기
2024년 5월 13일
GraphQL 스터디 2회차
🐙 GraphQL
GraphQL 시작하기
2024년 4월 29일
GraphQL 스터디 1회차
🌐 React
React 최적화 - 실습
2023년 12월 17일
33기 DO SOPT React 스터디 실습 - React 최적화
🌐 React
React 최적화
2023년 12월 15일
33기 DO SOPT React 스터디 아티클 - React 최적화
🌐 React
React18 New Hooks - 실습
2023년 12월 10일
33기 DO SOPT React 스터디 실습 - React18 new hooks
🌐 React
React18 New Hooks
2023년 12월 7일
33기 DO SOPT React 스터디 아티클 - React18 new hooks
🕷️ Next
Next.js와 친해지기 - 실습
2023년 12월 1일
33기 DO SOPT 웹 심화 스터디 실습자료 - Next.js
🕷️ Next
Next.js와 친해지기 - 렌더링과 라우팅을 중심으로
2023년 11월 29일
33기 DO SOPT 웹 심화 스터디 아티클 - Next.js
🌐 React
Props Drilling
2023년 5월 12일
props drilling에 대해 정리하기
🌐 React
state와 렌더링
2023년 5월 5일
state와 렌더링에 대해 정리하기
🌐 React
useReducer, 실습으로 이해하기
2023년 5월 2일
실습 코드를 통해 useReducer 이해하기
🕸️ FE
디자인 패턴
2023년 4월 21일
디자인 패턴에 대해 정리하기
🕸️ FE
웹 최적화
2023년 4월 5일
웹 최적화에 대해 정리하기
🟨 JavaScript
Callback과 Promise
2023년 3월 27일
23-1 Advanced Web Development Callback&Promise를 주제로 한 발표자료
💻 Profile
심은서
web frontend engineer
문서화를 통한 '스스로와의 질의응답'을 좋아합니다.
개발 과정에서 실시간으로 문서화하며 끊임없이 더 나은 방법을 고민합니다.
단순히 결과를 기록하는 것이 아닌, '왜 이 기술을 써야 하는가?', '더 나은 방법은 없는가?' 와 같은 질문을 던지며 의사결정 과정을 체계화합니다.
이를 통해 얻은 인사이트를 팀원들과 공유하며 시야를 넓히는 시간을 좋아합니다.
🌟 Projects
💬 Contact