React 글 모음

화해

2023-02-09 · 3년 이상 전

Higher-Order Components는 여전히 유용하다 HOC는 공식 문서에서도 알 수 있듯이 ‘컴포넌트 로직 재사용’을 위한 패턴입니다. Hooks가 나온 뒤로는 컴포넌트 로직 재사용을 위해서 Hooks를 주로 사용하기 때문에 HOC를 사용하는 경우가 많이 줄었습니다.

카카오헤어샵

2023-01-18 · 3년 이상 전

안녕하세요, 플랫폼 개발팀 프론트엔드 개발자 제리입니다. 오늘은 지난 시간에 소개드린 파트너스 서비스의 레거시 코드들을 어떻게 개선하였는지 소개해드리겠습니다. 리덕스 스토어 안의 덕스 패턴에 얽힌 API 분리하기 기존 파트너스 프로젝트는 Redux를 활용하여 전역 상태의 값을 관리하였고 actionTypes , actions , reducer을 하나의

카카오헤어샵

2022-12-29 · 3년 이상 전

안녕하세요, 플랫폼 개발팀 프론트엔드 개발자 제리입니다. 오늘은 자사 서비스 중, 카카오헤어샵에 입점한 점주분들의 매장관리 웹사이트인 "파트너스 서비스"의 리팩토링을 진행한 이야기를 소개하려 합니다. 리팩토링의 필요성을 합의하기 레거시 코드를 꼭 리팩토링 해야하는 것은 아닙니다. 프로젝트의 규모가 커질수록, 복잡해지는 dependency 때문에 라이브러

비브로스

2022-11-23 · 3년 이상 전

안녕하세요, 비브로스 웹 프론트엔드팀 한혜경입니다~! 😄

트렌비

2022-08-08 · 거의 4년 전

도입배경 트렌비 웹페이지는 react-boilerplate 기반으로 작성되었습니다. 그래서 상태관리에 대해서도 보일러플레이트에서 사용한 리덕스(redux)를 그대로 사용해 왔습니다. 리덕스를 사용하는데 있어 큰 문제는 없었으나, 개발과정에서 아래와 같은 몇 가지 불편함이 있었습니다. 첫째, API를 호출하고 그 결과를 화면에 그리기 위해서 해야할 게 너무 많았습니다. 컴포넌트에서 API를 호출하기 위한 액션(action)을 정의해 줘야 합니다.

딜리셔스

2022-07-25 · 약 4년 전

들어가며 안녕하세요 딜리셔스 웹 프론트엔드 개발팀 이경일입니다. react v16.8.0에 등장하여 당시에는 새로운 패러다임이었지만, 이제는 익숙해진 react hook에 관해 이야기 해보겠습니다. 올해 상반기에 개발 완료된 신상스튜디오 내재화 프로젝트에서 폼 관리를 위해 사용한 react-hook-form을 사례 중심으로 빠르게 소개해 보도록 하겠습니다. Stateless functional component & Hook React는 v0.1

비브로스

2022-07-14 · 약 4년 전

0. 들어가며

비브로스

2022-06-27 · 약 4년 전

안녕하세요~! 비브로스 웹프론트엔드팀 한혜경입니다. 😁

화해

2022-06-07 · 약 4년 전

React Hook Form isDirty 웹에서 Form을 다루다 보면 필드 중 하나라도 사용자 입력이 있었는지 알고 싶을 때가 있습니다. React Hook Form을 사용하면 formState 안의 isDirty 또는 dirtyFields 속성을 활용할 수 있습니다.

트렌비

2022-05-25 · 약 4년 전

리덕스(Redux) 리덕스(Redux)의 필요성 리액트(React)는 상태(State)를 가지고 어떻게 돔(DOM)으로 잘 변형할지에 대해 다루고 있습니다. 여기서 상태란 애플리케이션(Application)이 기본적으로 가지고 있는 아주 중요한 요소인데요. 애플리케이션의 규모가 커질수록 상태 즉 데이터를 관리하기가 매우 까다롭기 때문에 상태를 잘 다루고 실제 돔(DOM)으로 업데이트하기까지 이를 도와주는 라이브러리가 필요합니다. 리액트(Reac

TOAST UI

2022-05-03 · 약 4년 전

필자가 꽤 오래 몸담고 있던 프로젝트의 지원 업무가 종료되어 몇 달 전 새로운 SPA 프로젝트에 투입되었다. 필자의 팀원들은 필자보다 몇 달 먼저 이 신규 프로젝트에 편입되어 인수인계를 마치고 개발과 운영을 진행하는 중이었다. 필자와 팀이 새로운 프로젝트의 구조를 보다 명확하게 설계하고 요구사항의 변화에 더욱 기민한 코드로 리팩터링 하기 위해 고민했던 팀의 개발 전략과, 그 접근 방식으로 개발을 어떻게 진행할 것인지 공유하고자 한다.