일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- websocket
- 프로그래머스
- 코틀린
- react firebase
- 리액트
- NextJS
- codesandbox
- JavaScript
- 컴퓨터 네트워크
- 코딩테스트 고득점 Kit
- 프로그래머스 자바
- 리액트 훅
- 프로그래머스 완전탐색
- 코딩테스트 고득점 Kit 완전탐색
- Java
- React JS
- 디자인 패턴
- 데이터모델링과마이닝
- 자바 공부
- 자바
- useEffect
- 프로그래밍 언어론
- 자바스크립트
- 백준
- react
- design pattern
- 장고
- react hook
- useState
- vanillaJS
Archives
- Today
- Total
목록react 구동 방식 (1)
기록하는 개발자
<React 파헤치기-10> 컴포넌트 - 2. 컴포넌트와 구성요소
컴포넌트의 개념 기존 웹 구동 방식 정보(Model), 화면(View), 구동(Controller)코드를 분리한 MVC 방식으로 관리되었다. 장점 - 코드를 효율적으로 관리할 수 있다. 단점 - MVC 간 의존성이 높아 재활용이 어렵다(독립성이 떨어져 하나만 수정이 어려움). → 웹사이트 화면의 각 요소가 비슷하고 반복적으로 사용하는 경우가 많은 것에 착안하여 컴포넌트가 탄생한다. react의 웹 구동 방식 MVC의 View를 독립적으로 구성하여 재사용이 용이하다(기존 컴포넌트를 사용해 새로운 컴포넌트를 만들 수 있다). ※컴포넌트의 이름컴포넌트의 이름의 첫 번째는 반드시 대문자로 이루어져야한다. 이는 기존 HTML 마크업과 구분하기 위해서 이다. 기존 HTML 마크업 : , 컴포넌트 : , 컴포넌트의 ..
Web/React
2021. 12. 14. 15:19