공부 정리 공부 정리

React/React 맛보기

• React - JSX와 Babel

  React/React 맛보기 2022. 1. 4. 23:24

  JSX const element = Hello, world!; - 문자도 HTML도 아닌 JavaScript의 확장 문법 - React.createElement 표현식 - JSX는 React 엘리먼트를 생성하면서 자바스크립트의 모든 기능을 쓸 수 있도록 도와준다 Babel - JavaScript Compiler - 컴파일러: 언어 해석기, 특정 언어를 다른 프로그래밍 언어로 옮기는 프로그램 - JSX 표현을 JavaScript가 이해할 수 있는 표현으로 바꿔준다 https://babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 왼쪽 - JSX 코..

  Read More
• React - Dom 다루기

  React/React 맛보기 2022. 1. 3. 18:56

  Dom 먼저 Dom(Document Object Model)에 대해서 알아보자 문서 객체 모델(Dom)은 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결한다. Dom은 문서를 논리 트리로 표현한다. 연습 환경 (CodeSandBox) React 등 다양한 환경에 대한 기본 설정이 되어있음 https://codesandbox.io/ CodeSandbox: Online Code Editor and IDE for Rapid Web Development Optimized for frameworks Custom environments built specifically for React, Vue, Angular, and many more. codesandbox.io 바닐라J..

  Read More
• React 란

  React/React 맛보기 2022. 1. 3. 18:09

  라이브러리 vs 프레임워크 리액트에 대해서 알아보기 전에 라이브러리와 프레임워크의 차이점을 알아보자 라이브러리 - 개발 편의를 위한 도구의 모음 (공구) 프레임워크 - 기반 구조까지 잡혀있음 (공장) React 란 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React 생태계 - 구글링이 용이하다 - 관련 라이브러리(도구)가 많고, 문제를 해결할 방법을 찾기가 쉽다 - 나와 같은 고민을 하는 / 했던 사람이 많다 - 실무에서 사용할 확률이 높다 React 맛보기는 간단한 예제를 통해서 직접 따라해보며 학습을 진행하면서 React에 대해서 알아가는 시간을 가질 예정이다 참고하면 좋은 자료 1. 리액트 공식 문서 https://ko.reactjs.org/ React – 사용자 인터페이스를 ..

  Read More