name https://images.velog.io/tags/React.png

# React

리액트(React)는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하세요. 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링합니다.

1598개의 포스트

[React] React, CRA, Component, JSX

component 1. 가독성을 획기적으로 올릴수있다. 2. 재사용성이 높아진다. 3. 유지보수가 편리해진다.

약 3시간 전
·
0개의 댓글
post-thumbnail

~7/11_공부.log

cat 200711_study_log.txt

약 5시간 전
·
0개의 댓글
post-thumbnail

[TID] 2020.07.10

☀️ 기상시간 - 8:30🌕 마감시간 - 22:00❌ 오늘도 시간을 지혜롭게(?) 사용하지 못한 것 같다. 신경을 작업하는 곳에 쏠리게 했어야 했는데.. 오늘도 내 신경을 발에 줘버리고 말았다😱styled-component에 대해 많이 알았다고 생각했는데계속 배울게

약 6시간 전
·
0개의 댓글
post-thumbnail

[TIL] 2020. 07. 10. React_MainConcept_3_2

React is a JavaScript library for building user interfaces.앞으로 3개의 포스팅에 걸쳐 React의 주요 개념에 대해 공식문서를 기반으로 정리해보고자 한다.State는 Class Component에서만 사용할 수 있으며,

약 20시간 전
·
0개의 댓글

TIL 20200710 REACT

react에 대해서 배웠다.같은 자리에 다른 페이지를 넣어주는 기능을 하는 것이 routes라고 한다.root가 되는 최상위에서 다른 페이지를 넣어달라고 명령하므로, 아래와 같은 코드를 입력해주어야 한다.다음은 index.js파일의 코드다.다음은 Routes.js의 코

약 23시간 전
·
0개의 댓글

TIL 20200710 REACT

react에 대해서 배웠다.같은 자리에 다른 페이지를 넣어주는 기능을 하는 것이 routes라고 한다.root가 되는 최상위에서 다른 페이지를 넣어달라고 명령하므로, 아래와 같은 코드를 입력해주어야 한다.다음은 index.js파일의 코드다.다음은 Routes.js의 코

약 23시간 전
·
0개의 댓글
post-thumbnail

React - #03 Component, state, props

컴포넌트란, 재사용 가능한 UI 단위를 말한다.HTML, CSS 등을 작업하며 동일코드가 반복되는 부분을 하나의 컴포넌트로 만들어서 같은 디자인의 input이 필요한 곳마다 재사용할 수 있다.props란, 컴포넌트의 입력값으로 부모 컴포넌트로부터 자식 컴포넌트로 전달되

약 24시간 전
·
0개의 댓글

react Loop

there is a way to efficiently show and manage repetitive content in React.this is map() example in the states seasons variable contains data as an arr

어제
·
0개의 댓글
post-thumbnail

[TIL] 리액트를 시작하면서

리액트에 대한 나의 생각을 짧게 담았습니다.

2일 전
·
0개의 댓글
post-thumbnail

React가 setState를 사용하는 이유

오늘 코드스테이츠 9주차(맞나? 시간개념실종) React를 하고나서 state를 왜 직접 수정하지 않아야하는지/왜 setState로 state를 수정해야하는지 이슈가 되었다. 내가 React를 쓰고나서 느낀 가장 강한 인상은 바로 이것이었다. '너는 state만 나한

2일 전
·
0개의 댓글
post-thumbnail

[TID] 2020.07.09

⌚️ 시간관리 ☀️ 기상시간 - 9:00 🌕 마감시간 - ❌ 💻 오늘 배운 것 ◉ git pull 취소하기 어제 moon과 함께 있을 때 git pull 작업을 통해서 머지된 작업분을 로컬로 받아왔는데, 충돌난 부분이 22개나 있길래 제대로 보지도 않고 '아 이걸

2일 전
·
0개의 댓글
post-thumbnail

[TIL] 2020. 07. 09. React_MainConcept_3_1

React is a JavaScript library for building user interfaces.앞으로 3개의 포스팅에 걸쳐 React의 주요 개념에 대해 공식문서를 기반으로 정리해보고자 한다.JSX는 문자열도 HTML도 아니다. JavaScript를 확장한

2일 전
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (9)

Route 를 내용을 작성해 보겠습니다👀

2일 전
·
0개의 댓글
post-thumbnail

[TID] 2020.07.08

☀️ 기상시간 - 8:00🌕 마감시간 - 21:30❌ 오전에 병원 간다고 이동했다가.. 무슨 주차공간도 하나도 없어서ㅜㅜ 시간버릴까봐 그냥 와버림...매번 정리해두어도 이슈별로 정리해두지 않아서 ... 찾기도 어려운 것 같네그래도 계속 다시 공부하다 보면 머릿속에 들

2일 전
·
0개의 댓글

react- deep copy

Actually this is not copying, it is sharing.change is also same reference.Copy the entire copy.

2일 전
·
0개의 댓글
post-thumbnail

[React] State, Event

상품을 조작하는데에는 사용자의 입장과 제작자의 입장이 다르다. 사용자의 입장에서는 버튼이나 터치같이 외부에서 내부로 입력을 해주는것이다(props)제작자의 입장에서는 내부적인 기능의 구현을 위해서 다양한 상황에 따른 내부적인 메카니즘은 만든다.(state) 정리하자면

2일 전
·
0개의 댓글

[Next.js] CSS모듈과 복수의 class 사용하기

이 글에서는 next.js 프레임워크를 사용한 리액트 프로젝트에 CSS 모듈을 적용하는 방법과 classnames 라이브러리를 이용해 여러 개의 className을 적용하는 방법을 정리했다.

2일 전
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (8)

immer 를 이용해서 불변성을 쉽게 유지 해보자

2일 전
·
0개의 댓글

reverse, length

reverse() 메서드는 배열의 순서를 반전const clothing = 'shoes', 'shirts', 'socks', 'sweaters'console.log(clothing.length);

2일 전
·
0개의 댓글