# components

36개의 포스트
post-thumbnail

React 폴더 및 컴포넌트 효율적인 설계 구조 세우기

CRA 초기 세팅 디렉토리 public index.html src assets 프로젝트에 사용할 이미지, 비디오, json파일 등 미디어 파일들을 저장하는 곳 components 공통 컴포넌트 관리(Header, Button 등) pages 페이지 단위의 컴포넌트 폴더로 구성 ex) Login - Login.js, Login.scss componen...

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

components(separateBy:)

프로그래머스를 스위프트로 풀어보면서 알게된 점을 정리중입니다.

2022년 7월 17일
·
0개의 댓글
·

[Vue.js] 컴포넌트 components

(부모 컴포넌트 -> 자식 컴포넌트) 속성을 상속하고 싶은데, 자식 컴포넌트 <template>안의 부모요소가 1개 이상이거나 or 자식 컴포넌트 <script>안에 inheritAttrs: false 가 들어있다면?$emit()은 함수 관련 (상속)prov

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

[React] Components 컴포넌트

컴포넌트로 분리: PascalCase (파스칼 케이스) 사용컴포넌트로 분리할 때는 항상 대문자로 시작해야한다.기본 예시컴포넌트는 여러 페이지에서 사용가능하다기본 예시컴포넌트 반복하기.map 함수for문key={id값처럼 유니크한 값}기본 예시key는 왜 필요할까?Rea

2022년 7월 8일
·
0개의 댓글
·

React 컴포넌트 스타일링

JSX inline style inline style을 스타일링의 주요 수단으로 사용하는 것은 권장되지 않는다. JSX에선 style 어트리뷰트는 camelCase 프로퍼티를 가진 JavaScript 객체로 받아들임 DOM 노드의 프로퍼티에 접근하는 것과 일관되게

2022년 7월 7일
·
0개의 댓글
·

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개의 댓글
·