# component

89개의 포스트
post-thumbnail

TIL. React - Basic 개념 정리(1)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 쓰는 이유, React가 추구하는 컨셉이 무엇인지에 대해 다시 한번 공부하고 이를 정리해보았다.

2021년 1월 14일
·
0개의 댓글

Vue.js(2) Component/Router

상위 컴포넌트 ---> 하위 컴포넌트props 전달하위 컴포넌트 ---> 상위 컴포넌트event 발생props속성은 컴포넌트 간에 데이터를 전달 할 수 있는 컴포넌트 통신법이다.props속성을 기억할 때 상위 컴포넌트에서 하위 컴포넌트로 내려주는 속성이라 기억하자pro

2021년 1월 14일
·
0개의 댓글
post-thumbnail

#4 Today I Learned - 21.01.08

react : 기초 복습 ❗️ react : useCallback, useMemo

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

TIL 16

리액트 컴포넌트의 의미는 "재사용 가능한 UI의 단위"이다. 비슷한 생김새의 UI의 색상이나 텍스트, 배열 방향들만 조금씩 달라지는 경우가 적지 않다. 이것들을 매번 새롭게 만들지 않고 재활용할 수 있다면 어떨까? 컴포넌트를 재사용하기 위해서는 어떤 요소들이 재사용 될

2020년 12월 27일
·
0개의 댓글
post-thumbnail

Clone - Westagram Main page

로그인 페이지에 validation 을 마치고 버튼을 누르면 넘어오는 Main 페이지다. 구성은 간결하지만 나 같은 초보자들이 구현해볼만한 기능들이 들어가 있다.

2020년 12월 13일
·
0개의 댓글
post-thumbnail

Vue 컴포넌트

컴포넌트를 만들때 재사용성 & 범용성에 대해서 백번 고민하고 만들 것! 기껏 다 분리해서 만드는 의미가 없어지게 만들지 말자.

2020년 12월 8일
·
2개의 댓글
post-thumbnail

TIL-wecode 22일차

🙈React는 Component로 구성된다. component는 한글 해석한 것과 같이 구성요소를 의미한다.이러한 컴퍼넌트는 페이지를 구성하고 여러단위로 쪼개면 component안에 component가 생기므로 부모-자식 구조의 관계가 생성된다.👍컴퍼넌트의 상태👍

2020년 12월 8일
·
1개의 댓글

React - class, function 컴포넌트

React 공식문서에는 함수형 컴포넌트로 사용하기를 권장한다.그렇담 그냥 입다물고 함수형 컴포넌트로 사용하자...리액트를 사용하여 프론트 개발을 할 때 두 가지 방법으로 컴포넌트를 선언할 수가 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8

2020년 12월 6일
·
0개의 댓글

1. React - Intro (TIL)

어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.React가 무엇인지 정의할 수 있다.CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.Component의 개념과 종류에 대해 설명할 수 있다.JSX 를 정의하고 기본 특성에

2020년 12월 1일
·
0개의 댓글
post-thumbnail

React Component & JSX

component란 재사용이 가능한 UI 단위이다. 동일 코드가 반복되는 부분을 하나의 component로 만들면 같은 디자인의 요소가 필요할때마다 다시 사용할 수 있고, 하나의 디자인이 바뀌었을때도 css 한줄만 수정하면 바뀐 디자인이 동일한 component가 적용

2020년 12월 1일
·
0개의 댓글
post-thumbnail

[React] Component 생성하기 (feat.props)

이번에는 props라는 개념을 사용하여 더 생산적인 Component를 만들어 보자. React는 정의해준 컴포넌트로 작성한 요소를 발견하면 JSX의 속성과 속성값을 해당 컴포넌트에 단일 객체로 전달하는데, 이 객체를 props라고 한다. 기존 삽입해 두었던 Subje

2020년 11월 28일
·
0개의 댓글
post-thumbnail

[React] Component 생성하기

Component는 UI를 독립적으로 사용가능하도록 나누어놓은 코드조각들이다. class 명은 대분자로 시작해야한다. component에 들어갈 코드에는 하나 이상의 최상위 태그가 포함되어야한다 app.js 파일에 위의 기본 구조를 따라 Component를 생성해준다

2020년 11월 28일
·
0개의 댓글
post-thumbnail

[React로 영화 웹 서비스 만들기] 2020/11/24_컴포넌트 만들기

어제에 이어서! 오늘은 리액트(React)로 나만의 컴포넌트(Component) 만들기에 도전! 먼저, 주의해야할 것은 npm start상태를 유지해야 한다는 점이다. 그렇지 않으면 localhost를 계속 유지할 수 없고 새로고침을 헀을 때 'page not foun

2020년 11월 24일
·
2개의 댓글
post-thumbnail

짤막한 if(kakao)2020 세션 정리 2

카카오는 뷰를 컴포넌트화해서 관리한다. 화면의 일부요소이거나 기능일 수 있다. 컴포넌트를 레이아웃에 배치하여 뷰를 완성한다. 모든 리소스는 데이터베이스에서 관리한다. 렌더링은 컴포넌트마다 다르다. 대부분은 리액트로 클라이언트 사이드 렌더링하지만 일부는 서버사이드 렌더링

2020년 11월 23일
·
0개의 댓글
post-thumbnail

React | React - component

컴포넌트는 react를 함에 가장중요한 요소이다.컴포넌트를 이해하지 않으면 react를 진행할 수 없다.일단 정의는재활용 가능한 UI 구성단위를 뜻한다.멘토님들이 자주 말하는것 === 중요한것컴포넌트의 종류에는Class 형 컴포넌트와 Function 형 컴포넌트가 있다

2020년 11월 5일
·
0개의 댓글
post-thumbnail

React | Component의 Lifecycle

React는 컴포넌트 단위로 화면에 렌더링하는데, 이 때 각각의 컴포넌트는 Lifecycle을 갖는다. 다음은 라이프사이클 다이어그램이다. 이번에는 리액트의 LifeCycle API에 대해 알아보자. Lifecycle 자세한 다이어그램은 이곳에서 볼 수 있다.컴포넌트

2020년 11월 2일
·
0개의 댓글
post-thumbnail

React | Component의 State

state란 말 그대로 컴포넌트의 상태 값입니다. state와 props는 둘 다 object이고, 화면에 보여줄 정보(상태)를 가지고 있다는 점에서 서로 비슷한 역할을 합니다. props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있고, state는 컴포넌

2020년 11월 2일
·
0개의 댓글
post-thumbnail

React | Component와 Props

리액트는 컴포넌트 기반 라이브러리이다. 컴포넌트는 UI의 여러 부분을 분할해서 코드의 재사용성과 유지 보수성을 향상시킨다. 즉, 컴포넌트는 독립적으로 재사용 가능한 코드로 관리할 수 있도록 도와준다. 웹페이지를 하나의 완성품이라고 했을 때, 컴포넌트는 하나의 부품이다.

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

TIL_[React] Component

재활용 가능한 UI 구성 단위함수형 componenetclass형 component 클래스형 컴포넌트에서는 render 함수가 꼭 있어야 한다!가독성을 가지게 된다. 재사용성이 높아진다. 유지보수가 훨씬 편리해진다. \*\* component의 이름은 항상 대문자로

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