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

# React

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

804개의 포스트
post-thumbnail

[TID] 2020.04.01

⌚️ 시간관리 ☀️ 기상시간 - 8:00 🌕 마감시간 - 23:00 💻 오늘 배운 것 ◉ 1차 프로젝트관련 - Button ◉ React Router DOM > 참고자료 https://reacttraining.com/react-router/web/guides/q

약 6시간 전
·
0개의 댓글

React 버전 확인하기

프로젝트에서 : {React.version}터미널에서 : yarn info react

약 12시간 전
·
0개의 댓글

React state, props, event bind

state, props, event 바인딩하는 기초적인 부분 내용 작성

약 24시간 전
·
0개의 댓글

React 컴포넌트 작성방법

react 컴포넌트 작성 방법 및 랜더링 방법

어제
·
0개의 댓글
post-thumbnail

[TID] 2020.03.31

⌚️ 시간관리 ☀️ 기상시간 - 09:30 🌕 마감시간 - ❌ 사실 어제 새벽에 공부 다 끝내고 로션바르면서 보던 드라마를 새벽 늦게까지 봐버렸다... 그래서 8시에 깼다가 다시 잠듦ㅎㅎ..... 드라마는 짬짬히 조금만 보도록... 💻 오늘 배운 것 ◉ 1차 프로

어제
·
0개의 댓글
post-thumbnail

React 프로젝트 구성

react 프로젝트 직접 구성해보기

어제
·
0개의 댓글
post-thumbnail

FullStack.instargramClone(5);

Apollo라는 폴더를 만들어 주고 그 안에 Client와 LocalState라는 JS파일을 만들어 줍니다. Apollo 서버는 Client라는 props를 전달해줘야 하고, Client는 GraphQL 서버 주소가 필요로 합니다. Apollo 서버는 react-ap

어제
·
0개의 댓글
post-thumbnail

React - redux

상태의 어떤 변화가 필요할 때 액션을 발생시킨다. 하나의 객체로 표현되고 다음과 같은 형식으로 구성되어있다.액션 객체는 type을 필수적으로 가져야한다. 그 외의 값은 자율적으로 넣어 줄 수 있다.액션을 만드는 함수이다. 파라미터를 받아와서 액션 객체로 만들어준다.액션

어제
·
0개의 댓글
post-thumbnail

[React] Redux 시작하기

리덕스 공식 API와 자습서를 번역한 내용이다.구글 번역기의 도움을 빌렸으며, 번역이 어색한 부분은 재량껏 의역하도록 노력하였다.

어제
·
0개의 댓글

[Project 02] 6. 음악 재생바

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test가장 어려웠던 음악 재생바..😭라이브러리를 안쓰고 하려니 정말 막막했다.음악 재생하고 끄는 것 까지는 완료 했는데, 재생버튼을 누른 상태에서 멈

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

[리액트를 다루는 기술] 4장 - 이벤트 핸들링

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다. 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트(event)라고 한다.

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

[TID] 2020.03.30

☀️ 기상시간 - 08:00🌕 마감시간 - 25:00⭐️ 구래동 와서 중간점검!git에서 twmc에 참여하기(협업준비)1차 프로젝트를 위해, 앞으로의 프로젝트 협업을 위해 'twmc(Today We Make Code)'를 만들어서 github을 통해 참여했다. 참여자

1일 전
·
0개의 댓글

primitive type(원시 타입), Objects(객체)

리액트 튜토리얼을 하다가 componentDidMount 에서 prevState와 this.state의 값이 같은 문제가 발생했다. 찾아보니 메소드에서 의도치 않게 state의 값을 변경해서 그런 것이었다. 지금까지 let contactData = this.stat

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

How to apply Redux in React App

react app에 redux를 적용하는 방법을 간단하게 설명하였다.

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

FullStack.instargramClone(Front 시작);

먼저 yarn으로 아래와 같은 서드파티들을 깔아줍니다.yarn add react-router-dom react-apollo-hooks react-helmet react-toastify styled-components styled-reset apollo-boost gra

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

[React] Custom Hook 만들기 (번역)

리액트 공식 Document 중 Custom Hook 생성 부분을 번역한 내용이다.구글 번역기의 도움을 빌렸으며, 어색한 문장은 재량껏 번역하도록 하였다.

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

[리액트를 다루는 기술] 3장 - Component

이 글은 김민준(velopert)님의 리액트를 다루는 기술을 참조하여 작성한 글입니다.리액트 애플리케이션의 인터페이스는 여러 가지 컴포넌트로 구성되어 있다. 리액트에서 컴포넌트는단순한 템플릿 이상의 기능을 수행한다. 데이터에 따라 UI를 만들어주고, 라이프사이클 API

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

[TIL] 리액트 시작하기

터미널 창에서 다음을 입력프로젝트로 이동프로젝트 구조는 다음과 같다 (node_modules 제외)필요없는 파일들은 삭제한다./src/App.js 를 다음과 같이 수정한다.다음 명령어로 로컬 서버에서 볼 수 있다.

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

[React] Hooks로 끝내는 리액트 상태관리

React Hooks : useState, useEffect, useContext

3일 전
·
0개의 댓글

[Project 02] 5. 스테이션 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지 2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test ✔️ 스테이션 페이지 스테이션 페이지는 취향에 맞는 곡들을 골라 들을 수 있는 페이지이다. 예를들어 집중할때, 잠이 오지 않을 때, 운동할

3일 전
·
0개의 댓글