🏘️

개발 이야기

개발 관련 학습한 내용을 적는 기록 공간입니다

주요 글 모음

[오픈소스 기여] 코어 상태 동기화 및 SSR 호환성 개선

[성능 최적화 스터디] DNS와 연관 된 웹 성능 최적화 테크닉(dns-prefetch)과 Navigation Timing API을 통한 정확한 성능 측정 및 이미지 최적화

[작업 내용 기록] gRPC와 protobuf의 특징과 web worker를 사용한 대용량 데이터 멀티스레드 작업

[Next.js 공식문서 스터디] <Scripts>의 다양한 옵션과 기존 native <script> tag 속성과의 관계 탐구 (코드 리뷰를 하며 살펴본 부분 업데이트 - 25.07.24)

[작업 내용 기록] Docker 파일 기반의 CI/CD 프로세스 최적화

오픈소스

오픈소스 프로젝트에 기여한 내용과 배우고 느낀점을 정리한 페이지입니다

내가 올린 PR 목록

작업내용

레포

PR링크

상태

유형

[오픈소스 기여] 오류 조회 개선 및 신규 API 추가

Open

React-Hook-Form

#13639, #13613, #13632, #13615, #13624

release 완료

동작 수정

타입 수정

테스트코드 추가

[오픈소스 기여] 코어 상태 동기화 및 SSR 호환성 개선

Open

React-Hook-Form

#12642, #12738

release 완료

동작 수정

테스트코드 추가

[오픈소스 기여] strict mode에서 useUpdateEffect가 정상적으로 동작 하지않는 버그 수정 (feat. 리액트 19 변경사항)

Open

React-Use

#2622

PR 업로드

동작 수정

[오픈소스 기여] reset 메서드 사용 시 defaultValues 값이 달라지는 문제 수정

Open

React-Hook-Form

#12990

release 완료

동작 수정

테스트코드 추가

[오픈소스 기여] 모바일 사이즈에서의 테이블 CSS 문제 수정

Open

TypeScript Docs

#2840

release 완료

문서 수정

CSS 수정

[오픈소스 기여] redirect API 가 클라이언트 컴포넌트와 서버 컴포넌트 모두에서 사용될 수 있는 부분에 대한 탐구와 Next.js 공식문서 수정

Open

Next.js Docs

#82092

release 완료

문서 수정

[오픈소스 기여] 필드 값에 따옴표가 있는 경우 에러가 발생하는 경우를 해결하기 위한 stringToPath 사용

Open

React-Hook-Form

#12858

release 완료

동작 수정

테스트코드 추가

[오픈소스 기여] useForm의 errors 속성의 값으로 {}를 넣으면 무한 랜더링이 발생하는 버그 수정

Open

React-Hook-Form

#12622

release 완료

동작 수정

[오픈소스 기여] subscribe의 콜백 함수에서 발생하는 타입 오류 해결

Open

React-Hook-Form

#12859

release 완료

타입 수정

[오픈소스 기여] formstate 링크와 formState 타입 예제의 오류 수정

Open

React-Hook-Form Docs

#1162

release 완료

문서 수정

[오픈소스 기여] getErrors 신규 API 문서 추가

Open

React-Hook-Form Docs

#1228

release 완료

문서 수정

[오픈소스 기여] getValues 옵션·타입 표기 문서 개선

Open

React-Hook-Form Docs

#1227

release 완료

문서 수정

[오픈소스 기여] Controller 재마운트 시 formState.isValid 회귀 시나리오 테스트 추가

Open

React-Hook-Form

#13322

release 완료

테스트코드 추가

[오픈소스 기여] setValue 검증 경로에서 delayError를 선택적으로 적용하는 API 추가

Open

React-Hook-Form

#13337

release 완료

동작 수정

타입 수정

테스트코드 추가

[오픈소스 기여] 성능 최적화 — unregister의 불필요한 전체 폼 값 복제 제거

Open

React-Hook-Form

#13662

release 완료

동작 수정

테스트코드 추가

[오픈소스 기여] deps가 빈 배열일 때 매 입력마다 검증이 실행되는 문제 수정

Open

React-Hook-Form

#13056

release 완료

동작 수정

작업 내용 템플릿

Open

작업 중

학습에 도움이 되었던 Issue 목록

이슈명

레포

Issue 링크

7.54.2와 7.56.4 버전에서 Submit 동작이 다르게 작동하는 문제에 대해 Git Bisect을 통해 원인이 된 코드를 특정한 경험

Open

React-Hook-Form

#12873

mode: onTouched와 readOnly 속성이 함께 동작하지 않음

Open

React-Hook-Form

#12929

오픈소스 기여 리스트 페이지

스터디 발표 글 모음

프론트엔드 주간 스터디를 하면서 공부한 주제와 저의 작성 글을 리스트업한 페이지입니다.

주요 스터디 주제

2달 이상 진행한 주요 스터디 주제와 제가 담당한 발표 내용의 리스트입니다.

웹 성능 최적화 기법 (책)

스터디 전체 노션 링크

웹성능최적화기법

진행 기간

2024.01 ~ 2024.03

나의 작성 글 링크

DNS

함수형 코딩 스터디 (책)

스터디 전체 노션 링크

함수형 코딩 북스터디

진행 기간

2022.11 ~ 2023.02

나의 작성 글 링크

4. 액션에서 계산 빼내기

5. 더 좋은 액션 만들기

6. 변경 가능한 데이터 구조에서 불변성 유지하기

9. 계층형 설계 - 2

10. 일급 함수 - 1

14. 중첩된 데이터에 함수형 도구 사용하기

15. 타임라인 격리하기

17. 타임라인 조율하기

이펙티브 타입스크립트 스터디 (책)

스터디 전체 노션 링크

Effective TS 북스터디

진행 기간

2022.08 ~ 2022.10

나의 작성 글 링크

적으면서 공부하자 🗒[TypeScript] Effective TS - item.01 - TS와 JS의 관계 이해하기

적으면서 공부하자 🗒[TypeScript] Effective TS - item.02 - TS 설정 이해

적으면서 공부하자 🗒[TypeScript] Effective TS - item.03 - 코드 생성과 타입 체크는 무관

적으면서 공부하자 🗒[TypeScript] Effective TS - item.04 - 구조적 타이핑에 익숙해지기

아이템 25. 콜백 대신 async 사용 하기

Next.js 공식문서 읽기 (공식문서)

스터디 전체 노션 링크

Nextjs 공식문서 읽기

진행 기간

2023.07 ~ 2023.09

나의 작성 글 링크

•

Optimizing

•

next.config.js

•

Data fetching

•

Function

1%의 네트워크 원리 (책)

스터디 전체 노션 링크

진행 기간

2023.04~2023.06

나의 작성 글 링크

도커 & 쿠버네티스 (강의)

스터디 전체 노션 링크

진행 기간

2024.07 ~ 2024.09

나의 작성 글 링크

그 외 스터디 주제

비교적 간단히 진행한 스터디 주제 리스트입니다.

프로그래머의 뇌 (책)

스터디 전체 노션 링크

진행 기간

2024.03 ~ 2024.04

개발 컨퍼런스 같이 보기 (컨퍼런스)

스터디 전체 노션 링크

진행 기간

2024.10

나만의 보물창고 공유하기 (아티클)

스터디 전체 노션 링크

진행 기간

2024.04 ~ 2024.05

React 18 & 19 변경사항 (공식문서)

스터디 전체 노션 링크

진행 기간

2024.11 ~ 2024.12

Korean FE Article 스터디 (아티클)

스터디 전체 노션 링크

진행 기간

2024.05 ~ 2024.06

프론트엔드

React/Next.js

React

•

react-query

isLoading과 isFetching의 차이 (작성 필요)

mutate와 mutateAync의 차이 (작성 필요)

useState / useEffect / useLayoutEffect

Untitled

SOILD 원칙과 리액트에서의 예시

useReducer (작성예정)

JavaScript/TypeScript

에러핸들링

기타

에러핸들링

husky에서 타입 체크 시 에러

CS

OS

프로세와 스레드의 개념

크롬 브라우저에서의 프로세스와 스레드

개발 관련 다양한 내용

책

프롬프트 엔지니어링

블로그 링크

블로그 링크 모음

이전 블로그

2024년 까지 사용한 이전 블로그입니다. 시간이 지나 실용적이지 못해 노션으로 이전하였습니다.

적으면서 공부하자 🗒

프론트 개발 블로그