# React Component

10개의 포스트
post-thumbnail

React Component

컴포넌트란 UI 또는 기능을 부품화해서 재사용을 가능하게 하는 것이다. 우리가 게시판을 만든다고 가정했을 때, 게시물의 형태는 모두 동일하고 세부적인 내용만 달라지는 것을 확인할 수 있다. 그때 게시물의 형태를 매번 새로 만드는 것보다는 하나의 컴포넌트를 만들고 필요할 때마다 재사용 한다면 훨씬 효율적일 것이다. (내부 데이터와 이미지만 바꿔주면 된다.)...

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

[REACT] Presentational 컴포넌트와 Container 컴포넌트

프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트리액트를 이용해 개발을 하고 계신 분들이라면 대부분 이미 알고 계실껍니다.이번 글을 통해 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트의 개념에 대해 정리해보고자 합니다.프레젠테이션 컴포넌트1\. 직접적으로 보여지는 부분에 대해 담

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

[리액트 블로그 만들기] props와 Input

🍎 코딩애플 리액트 기초 강의를 통해 블로그 만들기 프로젝트를 진행하며 공부한 것들의 기록을 남긴다.

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

[리액트 블로그 만들기] useState와 onClick

🍎 코딩애플 리액트 기초 강의를 통해 블로그 만들기 프로젝트를 진행하며 공부한 것들의 기록을 남긴다.

2022년 3월 13일
·
0개의 댓글
post-thumbnail

[SeSAC DT 과정] REACT 세팅, 활용

웹앱을 쉽게 만들 수 있도록 페이스북이 만든 자바스크립트 라이브러리 Web-app : 실제로 앱은 아니지만 모바일 앱과 같은 사용성을 지닌 웹앱으로 발행이 쉬움 (react native)앱처럼 뛰어난 ux등장 이후 시장 점유율이 안정권으로 접어들었음Nodejs 설치명

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

[CS] React Component Day-32

레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행 할 수 있습니다.CDD를 지원하는 도구 중 하나가 Component Explorer입니다. UI 개발도구가 다양하게 있고 그 중 하나가 Storybook 입니다.각각의 컴포넌트들을 따

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

[TIL] JavaScript로 component 만들기 회고록

JavaScript로 부모-자식 간 컴포넌트 관계 이해하기

2021년 7월 10일
·
2개의 댓글

효율적인 컴포넌트 작성법

실전 리액트 프로그래밍 인강을 보고 공부하면서 자주 볼 것 같아서 정리합니다.컴포넌트를 사용하는 입장에서 컴포넌트를 직접 작성한 사람, 컴포넌트를 처음본 사람 등 컴포넌트를 사용하려면 속성값을 입력을 해야하는데 올바른 값을 입력하려면 타입을 올바르게 입력해야하기 떄문이

2021년 5월 26일
·
0개의 댓글

React 컴포넌트

리엑트는 컴포넌트를 만들어서 웹 사이트를 잘 만드는게 우리의 목적이다.Hooks 이전에는 컴포넌트 내부에 상태가 있다면 class를 이용해서 만들고 라이프사이클을 사용해야 한다면 class를 오버라이징 해서 사용한다. 관계가 없다면 function을 사용한다.Hooks

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

[ React : component ]

Component : 재사용가능한 ul 단위를 일컫는다.독립적으로 재사용한 코드로 관리할 수 있다. 하나의 component에 필요한 html, css, JS를 모두 합쳐서 만들 수 있다. 독립적이고 재사용 가능한 함수function과 비슷하다.React Compo

2020년 10월 11일
·
0개의 댓글