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

# React

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

1543개의 포스트

REACT lifting state up

변화하는 state 다른 컴포넌트에도 함께 적용하기

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

React.memo로 불필요한 렌더링 방지

Riot API를 활용해 OP.GG 클론하는 개인 프로젝트를 진행 중이다. (taek.gg) 진행 상태는 위와 같으며 "더 보기" 버튼을 클릭했을 때 추가 경기 정보를 4개씩 요청한다. 전적 더 보기 요청 profiler-no memo 동작은 의도대로 되지만 [React Devloper Tools](https://chrome.google.com/web...

약 1시간 전
·
0개의 댓글

React pagination

\[Simple Frontend Pagination | React]bootstrapaxios

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

Controlled and uncontrolled form inputs in React don't have to be complicated - 요약

많은 글들에서 setState vs. ref에 사용에대한 반대되는 주장들이 있어서 어떻겟이 옳은 방법인지 선택하기 힘들게 한다.두 방식은 장점이 있다. 간단한 폼을 만들 때는 비제어도 유용하다. 하지만 제어 방식의 장점 또한 있다.비제어는 pull방식으로 필요할 때 데

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

1차 프로젝트 (닥터마틴 웹사이트 클론) 후기

프로젝트 소개 글로벌 패션브랜드 '닥터마틴' 웹사이트 클론 프로젝트 팀 : 프론트 3명, 백엔드 3명으로 구성된 닥터스트레인지 팀. 프로젝트 기간 : 2020. 06. 22 ~ 2020. 07.03 - 2주. 맡은 역할 : 프론트엔드 React CRA를 활용하여 프

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

[React] 생활코딩-5 Create 구현

1. mode 변경 `와 ` 컴포넌트 사이에 create, update, delete 버튼 만들기 components 디렉터리 안에 Control.js 파일 생성 Control.js App.js 2. mode 전환 create 클릭 시 `` 컴포넌트로 바꿔보기 원

어제
·
0개의 댓글
post-thumbnail

TIL React 8 React Synthetic Events

Why is a form submit reloading the browser? All native HTML elements come with their internal native behavior. For instance, input elements store thei

어제
·
0개의 댓글

1차 프로젝트

7월 3일 금요일, 1차 프로젝트가 종료되었다.프3 백3으로 구성된 우리 팀은 러쉬코리아 웹사이트를 클론하게되었다.6월중순정도, 프로젝트를 위한 아이디어 발표시간 내가 제안한 웹사이트였고 위코드에서 자체적으로 구성해준 팀원들과 함께 사이트를 클론하는 프로젝트이다.

어제
·
0개의 댓글
post-thumbnail

[TID] 2020.07.03

☀️ 기상시간 - 9:00🌕 마감시간 - 22:30❌ 몸 컨디션 조절을 잘 해야겠다. 눈이 피로해서인지 자꾸 머리도 아프고,, 피부도 계속 신경을 써주다 보니 스트레스성으로 두통이 오는 것 같다ㅜㅜ배워서 써먹어도 왜이렇게 새로운건지... 참 쓰기 나름인 것 같은 tr

2일 전
·
0개의 댓글

REDUX

Using Redux with Ducks allows you to minimize the amount of files needed to organize the different parts that redux needs in order to operate.

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

react login auth -without jwt

you may have seen a lot of jwt logins.I also use jwt a lotbut,this time i'm trying to login in without jwtfirst move to login page when you write down

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

📜 reactjs 공식 문서 읽기 - Main Concepts 5

이전의 ticking clock 예제를아래와 같이 바꾸는 것이 목표이다. (완전한 캡슐화 + 재사용성)이를 위해서 state가 필요하다.Class 형으로 전환한 후, state를 추가해줬다.2가지 상황에 타이머를 조작해줄 것이다.DOM에 처음으로 렌더링 됐을 때 (mo

3일 전
·
0개의 댓글

React-Objects are not valid as a React child Error

An error occurs because an attempt was made to render the object data as it is.example.. so how to solution this error ?? you can solution by bringi

3일 전
·
0개의 댓글

[TID] 2020.07.02

☀️ 기상시간 - 9:50🌕 마감시간 - 23:50❌ 어제 너무 늦게 잠들었더니 아침에 일어나기가 힘들었다. 그래서 오전 시간은 좀 날려버렸지만, 아점을 먹고 점심시간부터 작업을 시작!아직도 props로 component의 스타일을 받아온다는게머리로는 이해가 가지만

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

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

두서없이 작성된 내용이며 그날그날 배운 내용을 노트에 정리한 글입니다. 😀

3일 전
·
0개의 댓글

react developer tools 란?

React Developer Tools는 확장 프로그램으로 크롬, 파이어폭스의 개발자 도구에서 React component tree 를 검사할 수 있다. 위 화면은 테스트로 만든 tic-tac-toe-app이다. 보다시피 game, board, square compon

3일 전
·
0개의 댓글

props 와 state

state 자체는 immutable. state자체를 바꿔치기는 할 수 있지만 이미 존재하고 있는 값을 바꾸는 것은 안된다. 변경불가 객체상태를 바꿀 수 없는 객체최초 생성(인스턴스화) 이후로는 값 변경 불가

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

Main Page 수정작업

처음에 작업했던 Main page가 너무 부실했기에...수정작업을 거쳐서 어느정도 완성 된 페이지!profile page로 넘어가는 버튼을 표시?하기 위해서 tooltip component를 추가사용되지 않은 check-box component를 삭제하고 tooltip

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

Profile Page 틀 짜기

시행착오 끝에 완성한 Profile Page.제일 처음 완성한 page였다. 제일 간단해서 그런지 빨리 끝냈다.원래 좀 그냥 간단한 페이지였었는데,다른 작업들을 하나하나 하다 보니 너무 심심해보여서폰트도 바꾸고, transition도 추가하다 보니그래도 꽤 맘에 드는

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

Component Page 틀 짜기

미완성인 Button component 페이지 틀.우선 페이지마다 쓰인 버튼들을 모아서 넣어두긴 했는데내용이 너무 부실한 것 같아서 각 버튼들이 어떤 작동을 하는지 설명을 간단히 할까 생각중.중첩라우터를 사용해서 상단 tab menu에서 각 컴포넌트로 이동이 가능하게

3일 전
·
0개의 댓글