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