반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Spock Mock Stub Spy
- ECMAScript
- frontend
- 트랜잭션 격리
- @Transaction isolation
- Spock Spy
- @Transaction propagation
- vue store
- Javascript
- Spock Mock
- docker desktop 유료화 정책
- 자바스크립트
- HTTP란
- nuxtjs/composition-api buildModules
- Mock vs Stub
- mock stub
- Rancher Desktop설치
- docker desktop 대체
- 공짜로 Docker Desktop같은거 쓰기
- webpack
- TCP/IP
- 타입스크립트
- 의존성주입
- TypeScript
- DI
- Spock Stub
- mock stub spy
- Vue+Typescript
- Docker Desktop 쓰고싶다
- enum
Archives
- Today
- Total
목록프리젠테이셔널컴포넌트와컨테이너컴포넌트 (1)
끄적끄적
[REACT] Presentational 컴포넌트와 Container 컴포넌트
프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트 리액트를 이용해 개발을 하고 계신 분들이라면 대부분 이미 알고 계실껍니다. 이번 글을 통해 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트의 개념에 대해 정리해보고자 합니다. 프레젠테이션 컴포넌트 1. 직접적으로 보여지는 부분에 대해 담당한다. 2. Store에 의존적이지 않다. 3. props를 통해 데이터와 callback을 전달 받는다. 4. 마크업과 스타일을 가진다. 5. 데이터를 직접적으로 변경하지 않는다. 6. UI 상태값 이외에 대체로 다른 상태값을 가지고 있지 않는다. 컨테이너 컴포넌트 1. 데이터 핸들링에 대한 위주로 개발한다. 2. 마크업이나 스타일을 가지지 않는다. 3. 리덕스의 액션이나 상태 변경에 대한 로직을 담고 있고, 프레젠테이셔널 컴포넌트..
Front-end/React.js
2021. 4. 26. 23:15