본문 바로가기

react

(2)
React 소개 및 JavaScript 문법 React 소개 및 JavaScript 문법 📌 UI를 Building한다? Web 또는 App Application의 UI, 즉, 보여주는 부분(Front End)을 구축한다. 📌 React.js란? SPA 기반의 프론트엔드 개발 프레임워크 컴포넌트 단위의 독립적인 블록을 이용한 개발 방법 비슷한 프레임 워크 : AngulaJS, VueJS 📌 SPA란? Single Page Application 한개의 페이지(index.html)로 이루어진 애플리케이션 컴포넌트(벽돌) 단위로 변경사항을 반영하기 때문에 깜빡임 없음 ↔ MPA(Multi Page Application) : 하나의 변경사항을 반영하기 위해 전체 페이지 re-rendering 하므로 깜빡임 현상(UX, 사용자 경험 ↓) 📌 React의 단..
자바스크립트 리액트 라이브러리 맛보기 자바스크립트 라이브러리 맛보기 📌 일반적인 공부루틴 자바스크립트 기본 프론트엔드 라이브러리 이것저것 Node.js기본 백앤드 라이브러리 이것저것 npm을 활용한 전역 모듈 📌 리액트 라이브러리(react library) 규모가 큰 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 쉽게 구성할 수 있도록 도와줍니다. 리액트 네이티브를 활용해서 스마트폰에서도 빠른 속도로 작동하는 애플리케이션을 만들 수 있습니다. 📌 JSX JavaScript Extension 자바스크립트 확장 문법 바벨 프로그램 → 자바스크립트 → 웹 브라우저에서 사용 가능!! 📌 표현식 출력하기 {표현식} 기호를 사용합니다. 📌 컴포넌트의 기본적인 속성과 메소드 React.Component 클래스는 여러 속성과 메소드를 제공해줍니다...