리액트란? 페이스북에서 만든 라이브러리 front 언어들이 어려워지고 복잡해진다. 복잡해진 코드를 밖으로 빼서 정리하고 싶어진다. 복잡한 코드를 정리해서 다시 전송한다. 사용자 정의 component 기능 1) 가독성이 좋다. 2) 재사용성이 높아진다.
Before React va After React 리액트는 복잡하고 많은 양의 코드들을 내가 정의한 코드 속에 한줄로 넣어서 사용할 수 있게 해준다. 리액트 기술이 없다면 우리는 가독성이 떨어지는 코드들 속에 파묻힐 것이다. 예를 들면, navigation을 상징하는
Event, state, props 그리고 reder 함수 페이지의 컨셉에 따라서 웰컴 페이지인지, 내용을 보여주는 페이지인지 구분한다. (welcome/read) 'mode' 값에 welcome을 주고 welcome props를 생성 리액트에서는 프롭스나 스테이트
React Session
웹개발을 보다 효과적으로 작업할 수 있도록 만든 JS기반 라이브러리선언적: 리액트는 대화형 UI를 작성하기에 유리하다. 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있도록 한다.컴포넌트 기반: 캡슐화된 컴포넌트가 상태를 관리하고 UI를 효과적으로 구성할 수 있
state는 고정적인 데이터가 아니라 변경될 수 있는 데이터를 처리할 때 효율적으로 사용될 수 있다. 실제로 state 값을 변경해서 화면이 변경되면 render()함수가 다시 실행되어 실제로 화면에 적용해준다.state를 사용하기 위해서는 함수형 컴포넌트 대신에 클래
1. LifeCycle 기본적으로 라이브러리, 프레임워크는 각각 lifecycle을 가지고있다. 우리가 사용하는 라이브러리나 프레임워크에 개발 스타일을 맞춰줘야한다. lifecycle을 잘 이해하고있어야 백엔드와 통신이 원활하다. 서버 개발자와 API를 통해 소통할
constructor는 생성자 메소드로서 컴포넌트가 처음 만들어 질 때 실행된다.이 메소드에서 기본 state를 정할 수 있다.컴포넌트가 DOM 위에 만들어지기 전에 실행된다.컴포넌트를 화면에 보여준다. 이를 보통 렌더링이라 한다.컴포넌트에서 꼭 필요한 함수로 렌더함수
Prologue 새로운 과제는 몬스터를 때려잡는 것이다. 무려 API로 데이터를 호출해서 Map함수를 사용해서 컴포넌트를 재사용해서 ...... 너무 어려웠지만 항상 그렇듯 물리(시간)로 문제를 해결한다. 신기한게 주먹으로 한 번 치면 안되는데 100번 치다보면 된다.
현업에서 Angular를 쓰면서 React를 다시 공부하는 이유
리액트를 시작하기 위한 기초
리액트를 사용하기 전 알아야하는 리액트의 특징
[React Master Class By Nomad Coders] React Challenge 1일차 - Styled-Components
#3. TypeScript