Back to the Basics

이 글은 Reac 공식문서를 통해 공부한 내용을 요약한 포스트입니다. Components and Props component는 Javacript의 함수와 비슷하며 다음과 같은 특징을 갖는다. props를 입력받고 screen에 어떻게 표시되는지를 기술하는 React Element를 return 한다. Function and Class Component component는 function 또는 class를 통해 정의된다. Function Component function Welcome(props){ return Hello, {props.name} ; } 위의 함수는 props를 입력으로 받고 React Element를 return 하므로 React component이다. Class Component cla..

React Intro map을 이용한 반복 Reat에서 여러 데이터를 렌더링 할 때 사용하는 map method에 대해 학습해보자. map method가 생각이 잘 안나면 이전 포스팅 을 잠시 읽어보자..!! "In React, the map() function is most commonly used for rendering a list of data to the DOM." 만약 블로그에 몇 십, 몇 백개의 포스틀르 하드코딩(hardcoding : 모든 데이터를 코드에 작성하는 것)으로 작성을 한다면 타자연습은 되겠지만, 매우 힘들것이다. 손가락도 아프고,,, 손가락은 소중하다, 그리고 키보드 수명도 줄지않을까..아무튼.. 이럴 때 map을 이용하여 반복 을 하면 나의 손가락 관절과 키보드의 수명을 좀 ..

Introduction 드디어 Rect를 배우게 되었다. 스케줄을 보니 React 기토에 대해 만 거의 2주 동안 배우는 것 같다. React를 학습하기 전 먼저 선행되어있어야 할 지식은 아래와 같다. Prerequisite HTML/CSS 기초 JavaScript 기초 함수형 프로그래밍과 고차함수 개념에 대한 이해 배열 내장 메소르 기초 ES6 문법에 대한 이해 Achievement Goals React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSC가 왜 명시적인지 이해하고, 바르게 작성할 수 있다. React Compoment의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app으로 간단한 개발용 React 앱을 실행할 수 있다. React 란?? 프론트앤드 개발을..

보호되어 있는 글입니다.