# 컴포넌트

11개의 포스트
post-thumbnail

컴포넌트

코딩에서 자주 강조하던 코드의 유지보수, 그리고 재사용성을 위한 리액트의 가장 기본UI를 이루는 한 단위의 그룹들이라고 생각할 수 있음.기존 class나 function들로 하는 것과 유사함.리액트 컴포넌트는 딱 함수만 나눈다기보다는 보여지는 기능들을 단위로 쪼갰다고

2020년 5월 17일
·
0개의 댓글

리액트 - Component & props & state

함수로 Welcome 컴포넌트 구현하기 class로 Welcome 컴포넌트 구현하기class로 컴포넌트를 만드려면 React.Component 를 extend해서 생성한다. 컴포넌트를 생성할 때 render() 메서드는 무조건 정의해야하고, return도 해주어야 한다

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

[리액트(React) 스터디] - npm과 npx, 컴포넌트 제작(props), state, 이벤트(bind, setState)

npm(Node Package Manager)node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포한다.python - pip 같은 친구!nodejsnode.js 사이트에서 node.js installer를 다운로드 한다.window라면 git

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

[리액트(React) 스터디]리액트 컴포넌트

React설치를 완료하고, 이제 React 컴포넌트를 만들어보자.'src'디렉토리에 'Hello.js'라는 파일을 만들어보자.Hello.js파이썬 문법이랑 매우 비슷하다. import.. from ...갑자기 '마이레시피'프로젝트가 떠오르네..App.js컴포넌트는 일종

2020년 4월 14일
·
0개의 댓글
post-thumbnail

뷰 컴포넌트 파보기

컴포넌트란? 화면의 구조를 모듈별로 나눈 것 헤더, 섹션, 사이드바 등 각각의 작은 모듈들로 쪼개는 것이다. 쪼개는 모듈들을 우측 이미지처럼 트리 형태로 묶을 수 있는데, 맨 상위가 전체 페이지. 그 밑에가 각각 헤더, 본문, 사이드바 등을 의미하고 그 아래 있는 것

2020년 4월 13일
·
0개의 댓글

컴포넌트란?

많은 하드웨어 제품들은 각각 독립된 기능을 가진 모듈로 만들어진다.이 제품들은 회사 상관없이 서로 조합하여 하나의 제품이 만들어진다.이러한 제품들의 부품은 문제가 발생했을 시, 해당 부품만 다른 부품으로 바꾸어도 제품은 문제없이 작동한다. 컴퓨터와 스마트폰과 같은 제품

2020년 4월 3일
·
0개의 댓글

(TIL 46일차) 코인원 프로젝트 2차 후기

2차 프로젝트 코인원 후기

2020년 3월 22일
·
0개의 댓글

(TIL 45일차) useEffect 및 Eslint 자동적용 문제 (소켓 통신)

useEffect 올바른 사용법 eslint 자동적용 문제

2020년 3월 18일
·
0개의 댓글

(TIL 12-13일차) React (2)

React 컴포넌트, 라이프 사이클, 불변성

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

리액트 컴포넌트 타입스크립트로 작성하기

이 튜토리얼에서는 타입스크립트가 적용된 리액트 프로젝트를 만드는 방법을 알아보고, 리액트 컴포넌트를 타입스크립트로 작성하는 방법에 대하여 다뤄보게 됩니다. 프로젝트 생성 우선, 타입스크립트를 사용하는 리액트 프로젝트를 만들어볼까요? 타입스크립트를 사용하는 리액트 프로젝트를 만들때는 다음과 같이 명령어를 사용하세요. 제 yarn start를...

2019년 9월 27일
·
8개의 댓글