반응형
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
- 자바스크립트
- DI
- Spock Mock Stub Spy
- docker desktop 대체
- 트랜잭션 격리
- Rancher Desktop설치
- HTTP란
- Spock Stub
- Javascript
- mock stub
- ECMAScript
- 의존성주입
- 타입스크립트
- Vue+Typescript
- @Transaction isolation
- 공짜로 Docker Desktop같은거 쓰기
- Spock Mock
- Docker Desktop 쓰고싶다
- frontend
- enum
- TCP/IP
- mock stub spy
- vue store
- docker desktop 유료화 정책
- TypeScript
- nuxtjs/composition-api buildModules
- @Transaction propagation
- webpack
- Spock Spy
- Mock vs Stub
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