# component

11개의 포스트

React - component

component

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

[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)

React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...

2019년 12월 31일
·
0개의 댓글

TIL - React로 To-do List 만들기

Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. To-Do List by React 1. 지난 이틀 리뷰 - 어떻게 이틀이 지났는지 모르겠다. 하... 지난 이틀은 Mac의 '미리 알림' 앱을 본 뜬 to-do list를 만드는데 시간을 보냈다. - 컴포넌트 구...

2019년 12월 18일
·
0개의 댓글

TIL - React로 유튜브 클로닝하기

Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Youtube Player Cloning by React 1. 지난 3일 리뷰 - 지난주는 그래도 간단한 서버를 만들어 보면서 매일 진척사항을 적어 내려갔는데 이번주는 감기 때문에 매일 기록을 못 남겼다. 3일 간 작업 ...

2019년 12월 14일
·
0개의 댓글

[TIL] React 01: Basic

React 리엑트가 뭐지 리엑트(React)는 Interactive UI를 손쉽게 만들 수 있게 해주는 자바스크립트 라이브러리이다. 웹사이트를 개발하는 방법은 여러가지가 있고, html+css+javascript를 통한 개발도 그 중 한가지다. 또 다른 한 가지는 React, Vue와 같은 프론트엔드 라이브러리를 이용하는 것이다. 오늘날의 웹 애플리케이션...

2019년 12월 9일
·
0개의 댓글
post-thumbnail

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

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

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

React - Component

React에서 component가 있습니다. component는 HTML를 반환하는 함수입니다. component의 사용법을 알아보겠습니다. React - 로컬 서버 켜기. test 폴더로 들얻가서 npm start를 하면 다음과 같은 화면이 나옵니다. 스크린샷 2019-08-23 오전 9.30.44.png 작업을 진행하기 위해 아무것...

2019년 8월 23일
·
0개의 댓글

PureComponent와 shouldComponentUpdate

리액트로 첫 프로젝트를 하면서 학교 선배에게 코드 리뷰를 부탁드렸는데, 선배가 코드를 보더니 한숨을 쉬시면서 내게 질문 한가지를 하셨다. "너 컴포넌트와 퓨어컴포넌트의 차이가 뭔지 알아?" "...몰라욘" "...공부해" 퓨어컴포넌트가 뭘까? 순수한 컴포넌트인가? 순수하면 뭐가 좋은거지? 조금 더 빠르다고 들은 것 같긴한데... 이 때까지는 정확한 정의를 ...

2019년 8월 9일
·
0개의 댓글
post-thumbnail

리액트 컴포넌트 만들기 - 캘린더

썸네일 어그로에 끌리셨다면...ㅋ 1. 프로젝트 생성 https://github.com/zynkn/component-calendar 에서 프로젝트를 fork 하거나 clone 해주세요. 그리고 init branch로 이동 합니다. 폴더트리.PNG 이닛.PNG 프로젝트 실행 후 위의 결과가 나오면 준비 완료입니다. 2. 디자인 확인 ideal....

2019년 6월 13일
·
2개의 댓글
post-thumbnail

React 강좌) trendy React 1-4. 반복 컴포넌트 작성하기

반복 컴포넌트 작성하는 방법을 알아봅니다.

2019년 4월 16일
·
3개의 댓글
post-thumbnail

React Modal Component 만들기

UI 코딩 src/components/Modal/index.js ` src/components/Modal/Modal.js ` src/components/Modal/Modal.scss ` src/App.js ` UI완성 localhost3000.png Modal Open/Close 기능 구현 src/App.js ` src/components/M...

2019년 4월 6일
·
0개의 댓글