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