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

# React

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

6109개의 포스트
post-thumbnail

TIL - 2021.05.15

몇일 만에 작성하는 자기 전 TIL!🥱

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

React(4)

React에는 다음과 같은 불편함이 있었다.컴포넌트 사이에서 상태 로직을 재사용하기 어렵다.복잡한 컴포넌트들은 이해하기 어렵다.Class는 사람과 기계를 혼동시킨다.다음과 같은 문제점을 해결하기 위해 등장한 것이 바로 Hook이다.Hook : Class 없이 상태를 관

약 4시간 전
·
0개의 댓글

리액트-Redux 사용하기.1

redux를 공부한대로 쉽게 접근하려고 해요.일단 redux(리덕스)는 react나 vue.js에서 많이 사용되는 상태관리 라이브러리입니다.(바닐라.js에서도 사용가능합니다.)리액트 공부중이라서 리액트 위주로 사용해보려고 합니다.redux를 사용하는 이유는 리액트의 모

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

[6일차] 첫 주말/ 복습

코드캠프 정규수업 일주일째가 끝나고 첫 주말이 찾아왔다.어제 수업이 이번주 배운 내용들의 전반적인 응용이었고 아직 숙지를 못한 부분이 있었기 때문에 오늘은 숙제 완료 후 어제 실습 내용을 다시 해보았다.데이터 입력 후 버튼을 누르면 작성한 이름명의 페이지로 넘어가면서

약 7시간 전
·
0개의 댓글

두 번 렌더링

strickMode 로 state를 사용하는 component는 두번 렌더링이 됨

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

React Component

React component를 알아보자

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

React-Redux#2

containers도 만들어서 컴포넌트를 감싸는 컴포넌트를 만드는 작업이 번거롭고 시간이 걸린다. 또한, 중간에 container가 끼어들기 때문에 상위 컴포넌트에 있는 property를 또, 하위 컴포넌트로 전달해야 하는 일이 생긴다. 이를 해결하기 위해 React-

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

TIL80. Redux&React

자바스크립트 프레임워크인 앵귤러,뷰와 달리 라이브러리인 리액트는 자체적으로 상태관리 도구를 제공하지 않기 때문에 상태관리를 위해서 'Redux'와 사용된다. 리액트에 redux를 적용하여 사용해보자. 컴포넌트 구조 리덕스를 사용할 때 가장 많이 사용하는 패턴은 프

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

React - 4: Components 와 Props

Commponents와 Props에 대한 공식문서 정리

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

[React] Props와 State

이번에는 React의 컴포넌트에서 중요한 개념인 Props와 State에 대해 살펴봅시다.

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

꺾쇠 멈춰! 첫 npm/yarn 패키지 배포기

서론 오늘 아침에 방 청소를 업체에 맡기고 잠시 나가있는 동안 잠깐 할 수 있는 일이 없을까 하는 생각이 들었습니다. 문득 회사에서 직접 만든 컴포넌트 중에 오픈소스화 할 수 있을 것 같은 컴포넌트가 있어서, 패키지로 배포해볼까 하는 생각이 드는 것이 있었습니다. 그

약 12시간 전
·
0개의 댓글

21.05.15 TIL Hook - State

useState 여러 개의 변수를 사용하기 싫어요

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

[React] React.createElement

이제부터 컴포넌트를 실제로 만들어보겠습니다. React.createElement를 이용하여 컴포넌트를 만들어보는 것이 React와 JSX에 대한 깊은 이해를 가질 수 있도록 돕기 때문에 이를 배워보도록 합니다.

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

React VS Angular

React와 Angular의 다른점을 비교합니다!

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

[클론코딩, React]인스타그램

저번주에 자바스크립트로 인스타그램 로그인 페이지와 메인페이지를 구현했는데 이번주에는 리액트로 구현해보았다 ! 작업기간 2021.4.28 ~ 2021.5.6. 기술스택 HTML/CSS JavaScript(ES6+) React SASS 주요 구현사항 로그인 id,

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

[React] JSX

이번에는 JavaScript의 XML인 JSX에 대해서 알아봅니다.

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

React-Redux#1

Redux는 무엇일까? > 상태를 중앙에서 관리하는 것을 통해서 데이터가 우리가 예측하지 않은 대로 변형되는 가능성을 낮춰주는 기술이다. > React, Redux 모두 개발의 복잡성을 낮춰주는 기술이다. React-Redux 라이브러리 > 를 사용하면 변경된 소식이

어제
·
0개의 댓글
post-thumbnail

[React] 기본 앱 살펴보기 #2

index에서 body안에서 볼 수 있는 태그는 다음과 같다.이 코드를 보고 우리는 무언가가 에 태그를 넣어주고 있다는 것을 유추할 수 있다.이제 우리가 살펴볼 것은 root 태그에 무언가가 넣어지고 있는지 알아볼 것이다.파일 하나하나 파헤쳐가보며!ReactDom.re

어제
·
0개의 댓글
post-thumbnail

[React] Mac OS에서 React App 개발을 위한 환경 준비 #1

Homebrew는 Mac 패키지 매니저로 다양한 프로그램을 쉽게 설치할 수 있게 돕는다.패키지 다운로드 페이지에 가지 않고 바로 설치할 수 있다.Source Contral Mangement 를 줄여 scm이라고 한다.Git은 파일 변경 사항을 관리해 이전에 작업하던 버

어제
·
0개의 댓글
post-thumbnail

[리액트] filter()로 검색기능 구현하기 !

대부분의 웹서비스에 필수인 서치바! 실제 서비스랑은 다르지만 더미데이터를 활용해 쉽게 filter()함수를 이용해 검색기능을 구현해보려고 한다!우선 코드는 이렇다.이렇게 내가 검색한 결과가 잘 나온다! 이 둘의 공통점은 새로운 객체를 반환한다는 점이다.매우 유용한 함수

어제
·
0개의 댓글