# components

31개의 포스트

React 리스트와 Key

Components 반복을 할 때 map 함수를 사용한 경우key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 도와주며 이를 이용해 컴포넌트 리렌더링 여부를 결정한다.불필요한 리렌더링을 방지하기 위해서는 각 자식 컴포넌트마다 독립적인 key값을

2022년 6월 24일
·
0개의 댓글

React Components와 Props

컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나눠, 각 조각을 개별적으로 관리할 수 있다. 컴포넌트는 항상 대문자 (React는 소문자로 시작하는 컴포넌트를 DOM 태그로 취급)React에서 정의하는 컴포넌트 종류는 크게 함수 컴포넌트와 클래스 컴포넌트

2022년 6월 16일
·
0개의 댓글
post-thumbnail

Storybook 사용해 보기

React + Storybook + Styled-components 환경에서 Storybook 사용해 보기

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[React] 완전 중요한 Components와 Props 개념

리액트의 핵심, 컴포넌트와 프랍스 살펴보기

2022년 6월 10일
·
0개의 댓글

[개발자되기: React로 mbti만들기] feat. 인프런

html vs javaScript vs React vs JSX 작성방식 차이 html JavaScript React JSX Virtual DOM JSX 해당 div와 button이 동시에 업데이트 됨 React 해당 button만 업데이트됨 Component

2022년 6월 9일
·
0개의 댓글
post-thumbnail

제어 컴포넌트 vs 비제어 컴포넌트

결론부터 말하고 가자면 React에 의해서 값이 제어되는 컴포넌트를 제어 컴포넌트, React에 의해서 값이 제어되지 않는 컴포넌트를 비제어 컴포넌트라고 한다.우리는 form 이나 input 요소를 다룰 때, 요소에 입력되는 값을 state로 관리하거나 DOM API를

2022년 6월 4일
·
0개의 댓글
post-thumbnail

5/14 TIL

컴포넌트를 만들 때 재사용이 가능할 만한 부분이 있다. 그런 것은 여러 조각으로 나눠놓으면 재사용이 가능할 뿐더러 가독성도 좋아진다. 컴포넌트의 개념을 살펴보자.컴포넌트를 정의하는 가장 간단한 방법은 JS 함수를 작성하는 것이다.위의 함수는 데이터를 가진 하나의 "pr

2022년 5월 14일
·
0개의 댓글

컴포넌트

컴포넌트는 독립적이고, 재사용이 가능한 작은 UI 조각입니다.render()를 통해 HTML 요소를 반환하는 함수이다.자바스크립트 함수와 동일한 용도로 사용된다.복잡한 웹을 작게 컴포넌트로 쪼개면 ⇒ 재사용도 쉽고 효율적으로 관리 가능!컴포넌트 이름은 항상 대문자로 시

2022년 4월 25일
·
0개의 댓글
post-thumbnail

React : Components

☃️ React : 함수형? 클래스형?

2022년 3월 26일
·
0개의 댓글

components vs JSX

componentscomponent: 재활용 가능한 UI 구성단위components 특징재활용 가능코드 유지보수에 좋음페이지 구성을 쉽게 파악컴포넌트는 또 다른 컴포넌트를 포함 할 수 있음Components 종류 class 형function형1) Class Compon

2022년 2월 28일
·
0개의 댓글
post-thumbnail

React의 작동원리(React vs ReactDOM, 컴포넌트 vs Real DOM)

React는 유저 인터페이스를 만드는 자바스크립트 라이브러리다.React는 컴포넌트를 활용하여 효율적으로 유저 인터페이스를 만들고 업데이트한다.React는 컴포넌트와 state를 관리하는 라이브러리일뿐이다. React는 컴포넌트의 현 state와 전 state의 차이점

2022년 1월 23일
·
0개의 댓글
post-thumbnail

State / 220111

TIL 두 걸음굉장히 친숙하면서도 어딘가 낯선 State..코딩에선 과연 이녀석은 어떤 녀석일까 문득 궁금해졌다.알아보기에 앞서, 어제 했던 CSS-IN-JS 실습을 하면서 왜 React를 쓰는지 의문이였던 녀석을 좀 더 자세히 복습 겸 학습을 하려고 한다.1.Reac

2022년 1월 11일
·
0개의 댓글

[Components] Broadcast Receiver

Android 앱은 Publish-Subscribe 디자인 패턴과 유사하게 작동하는 브로드캐스트 메시지를 받거나 보낼 수 있다. Android 시스템에 broadcast를 보낼 수도 있고 시스템을 통해 broadcast를 받을 수 있다. 그리고 이러한 이벤트는 시스

2021년 12월 11일
·
0개의 댓글
post-thumbnail

4. Components 와 Props

컴포넌트와 프롭스 어쩌다보니 장문의 게시글이 되어버렸다.

2021년 12월 4일
·
0개의 댓글
post-thumbnail

React - Components & State

리액트 컴포넌트와 상태관리 시나리오

2021년 11월 22일
·
0개의 댓글
post-thumbnail

React - 동작방식

리액트의 동작방식으로부터 성능최적화를 하는 방법까지.

2021년 11월 17일
·
1개의 댓글
post-thumbnail

React] components, props에 대한 이해. (+ JSX)

<span style="color: (쌉소리 skip 가능)개발을 배울 때가장 어려운 점은 아마 '개념 이해'장벽이 높기 때문이지 않을까.굉장히 어려웠던 개념 중 하나가 바로 components(컴포넌트) / props (properties 의 줄임. 프롭스.

2021년 10월 31일
·
0개의 댓글
post-thumbnail

[Android] 4대 컴포넌트

포켓몬에 사천왕이 있다면 안드로이드에는 4대 컴포넌트가 있습니다.

2021년 10월 19일
·
0개의 댓글

Filling. Adding Functions - Products List

practice 1 Pages ProductList Product Product.js ProductList Productlist.js 여기가 사람들이 보는 화면??? Main index.js Routes.js prac

2021년 9월 15일
·
0개의 댓글
post-thumbnail

React - 2

Components, ReactDOM, JSX, React.createElement

2021년 7월 6일
·
0개의 댓글