일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- Express
- 리액트
- $emit()
- 컴포넌트 주도
- 리덕스 공식문서
- 트리 회전
- AWS
- ACCESS_REFUSED
- 자료구조
- redux
- EBS
- 도커빌드
- REDIS
- rabbitmq 에러
- VUE
- quert
- Java Reflextion API
- exiting abnormally
- react
- 오라클 병렬처리
- 네임드 뷰
- forNmae()
- 오라클
- 애그리거트
- paraller
- vue.js
- 자바
- .getClass()
- 커스텀 로그인
- 리덕스
- Today
- Total
목록리액트 (3)
개발정리

스토리란 무엇인가?스토리는 UI 컴포넌트의 렌더링된 상태를 포착합니다.개발자는 컴포넌트당 여러 개의 스토리를 작성하여 컴포넌트가 지원할 수 있는 모든 상태를 설명합니다. storybook을 설치하면 CLI가 storybook으로 빌드할 수 있는 컴포넌트 유형(버튼,헤더,페이지)을 보여주는 예제 컴포넌트를 만듭니다. 각 예제 컴포넌트에는 지원하는 상태를 보여주는 스토리 세트가 있습니다. UI에서 스토리를 탐색하고 . 으로 끝나는 파일에서 스토리 뒤에 있는 코드를 볼 수 있습니다. .stories.js 스토리는 컴포넌트 예제를 작성하기 위한 ES6모듈 기반 표준인 Component Story Format(CSF)으로 작성됩니다. 버튼 컴포넌트 부터 시작해 보겠습니다. 스토리란 문제의 컴포는트를 어떻게 렌더링..

항상 개발할때 컴포넌트를 만들면 그 컴포넌트를 화면으로 보기위해 App.js로 올려야 했습니다. 하지만 저는 컴포넌트를 만들고 해당 컴포넌트만 따로 볼 수 있는 방법을 알고 싶었습니다. 그래서 찾아 보니 storyBook 이라는 것을 발견 했습니다.. 스토리북이 뭐여?스토리북은 UI 컴포넌트를 독립적으로 개발하고 테스트할 수 있게 해주는 오픈 소스 도구 입니다. 개발자들이 컴포넌트의 다양한 상태를 시각적으로 확인하며 작업할 수 있도록 도와줍니다. 스토리북 도입의 장점스토리북을 도입하면 컴포넌트의 재사용성과 유지보수성이 크게 향상됩니다. 개발자는 컴포넌트를 독립적으로 개발하고 테스트 할 수있어, 프로젝트의 복잡성을 줄일 수 있습니다. 스토리북 맛만이라도 보자...npx create-react-app@lat..
useReducer는 컴포넌트에 reducer를 추가하도록 하는 리액트 훅 입니다. const [state,dispatch] = useReducer(reducer,initialArg,init?) Reference reducer로 state를 관리하기 위해 컴포넌트 상위에 useReducer를 호출하세요 파라미터 -reducer:어떻게 state가 update되는 지를 명시해놓은 reducer 함수입니다. reducer의 파라미터는 state와 action을 가집니다. 그리고 다음 state를 리턴해야 합니다. state와 action은 어떠한 타입도 가능합니다. -initialArg:초기상태로 계산된 값,어떠한 타입도 가능 -(optional)init:초기화함수, 초기 state를 리턴합니다. 만약 정의..