분류 전체보기

Zustand vs Jotai: 실무에서 Zustand를 선택한 이유와 실제 사용 후기

Zustand vs Jotai: 실무에서 Zustand를 선택한 이유와 실제 사용 후기이번 포스팅에서는 실무에서 상태 관리 도구로 어떤 걸 선택할지 고민했던 과정을 정리해보려 합니다. 특히 Zustand와 Jotai 두 라이브러리를 비교하면서 실제 프로젝트에 어떤 기준으로 도입했는지, 사용하면서 느낀 점은 어땠는지를 중심으로 다룰 예정입니다. 개요상태 관리 도구 선택 기준코드 비교Zustand 선택 배경실사용 중 느낀 점실사용 팁결론 및 회고참고 자료1. 상태 관리 도구 선택 기준당시 진행하던 프로젝트는 유저 액션이 많고 페이지 간 상태 공유가 빈번한 대시보드 성격의 서비스였습니다. 초기엔 Context API를 사용했지만, 상태가 점점 복잡해지면서 관리가 어려워졌고 결국 전역 상태 관리 도구의 도입이 ..

모던 리액트 Deep Dive: 10주간의 집중 스터디 이야기

모던 리액트 Deep Dive: 10주간의 집중 스터디 이야기 1. 도입 프론트엔드 개발자로서 기술 스택을 넓히기 위해 '모던 리액트 딥 다이브' 스터디를 시작했습니다. 리액트는 현재 가장 인기 있는 프론트엔드 라이브러리 중 하나로, 깊이 있는 이해와 숙련된 사용이 필수적이라고 생각했습니다. 책이 두껍고 범위가 넓어서 집중해서 읽을 시간도 필요하다고 생각했습니다.이 스터디의 목표는 단순한 이론 학습을 넘어 실제 프로젝트에서의 적용 능력을 키우는 것이었습니다. 스터디는 주 1회 모임과 개인 학습, 실습 과제로 구성되어 있었고, 총 10주 동안 진행되었습니다.모집은 인프런의 커뮤니티 > 스터디 게시판을 통해 진행했습니다. 모집 게시글 인원이 부족할까 걱정도 있었는데, 다행히 초과로 모집되어 모집종료를 할 수..

2024년 1분기 회고: 강제성 부여하기

2024년의 1/4이 지났습니다. 3개월이 지난 만큼 분기 회고를 진행해 올해의 마음가짐을 되새겨 보겠습니다. 목차 1분기 목표 달성 현황 2분기 목표 회고 2023년 회고 링크 https://egg-programmer.tistory.com/320 2023년 회고 2023년 회고 공개 포스트 기준으로 1년 3개월 만에 작성하는 포스트입니다. 그동안 저도 이직을 한 지 1년 3개월 정도 되었네요. 연말을 맞아 현재 상태를 정리해 보고 회고하는 포스팅을 작성해 egg-programmer.tistory.com 1분기 목표 달성 현황 지난 2023년 회고글에서 작성했던 2024년 벗킷리스트 50개가 있습니다. 50개 중 4개는 달성, 5개는 이대로만 하면 달성, 10개는 진행중, 2개는 달성 실패입니다. 202..

npm에 라이브러리 릴리즈하고 운영하기

npm에 라이브러리 릴리즈하고 운영하기 안녕하세요. 오늘은 npm 라이브러리를 릴리즈하고 운영한 경험을 이야기해 보려고 합니다. Github Action으로 자동배포, Github Template, 오픈소스에 기여하고 홍보하기에 대한 내용을 함께 담아 보겠습니다. 목차 react-vite-ts-boilerplate 소개 Github Action으로 자동배포 Github Template 오픈소스에 기여하고 홍보하기 마무리 1. react-vite-ts-boilerplate 소개 npm 링크: https://www.npmjs.com/package/react-vite-ts-boilerplate github 링크: https://github.com/choisohyun/react-vite-ts-boilerplat..

[Yup+Formik] 객체 값 유효성 검사

안녕하세요, 오늘은 가볍게 Yup+Formik을 사용할 때 유효성 검사에 대해 얘기해 보겠습니다. 오늘 겪었던 바보 같은 일을 회고하면서 Yup과 Formik에 대해서도 간단히 소개하겠습니다. 1. Yup https://github.com/jquense/yup Dead simple Object schema validation라고 소개합니다. 유효성 검사를 선언적으로 할 수 있게 해줍니다. 가장 상단에 있는 예시를 보면 형태가 모두 객체 형태인 것을 볼 수 있습니다. 심지어 if-else 기능에 해당하는 부분도 객체 형태로 사용이 가능합니다. let userSchema = object({ name: string().required(), age: number().required().positive().int..

2023년 회고

2023년 회고 공개 포스트 기준으로 1년 3개월 만에 작성하는 포스트입니다. 그동안 저도 이직을 한 지 1년 3개월 정도 되었네요. 연말을 맞아 현재 상태를 정리해 보고 회고하는 포스팅을 작성해 보겠습니다. 1. 2023년 목표 달성 상태 에드센스 첫 수익화 최신 글을 하나도 안 썼음에도 올해 1월에 애드센스 첫 수익화를 해보았습니다. 처음으로 달러 통장도 만들어보았네요. 최신화가 되지 않은 글이 많은데 이미 포스팅한 글을 최신화하여 다시 올려봐도 좋을 것 같습니다. 버킷리스트 약 40% 성공 올해 초에 50개의 버킷리스트를 개인적으로 작성했었습니다. 그중 18개 달성 성공, 7개 반쯤 성공, 25개는 실패했습니다. 성공한 내용은 대표적으로 헌혈 참여, 자산 관련 목표, 비교적 쉬운 새로운 도전이 있었..