Babel3 React - CRA(Create-React-App) 사용하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 환경을 보다 편리하게 구성하게 도와주는 CRA 에 대해서 알아보도록 하겠습니다. 간단한 예제형태로 구성되어 있고, 실제 어떠한 기능들을 담당하는지에 대한 간략한 설명만을 포함하므로, 개념에 대해서 알아보시는분들에게 도움이 될 거 같습니다. ========== HTML 삽입 미리보기할 수 없는 소스 ========== HTML 삽입 미리보기할 수 없는 소스 CRA 는 Create React App 의 약자로 기존의 React 애플리케이션을 보다 쉽게 생성하기 위한 CLI (Command Line Interface) 도구입니다. 이전 포스팅들을 살펴보신다면 이해하시겠지만, React 를 구성하기 위해서, 사용자는 React 를 CDN 으로 추가하거나.. 2023. 3. 15. React - JSX 문법 기초 이해하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 를 사용하기 위해 기본적으로 이해해야하는 JSX 문법의 대한 기초적 사항을 학습하려고 합니다. 시작해보도록 하겠습니다. ============== HTML 삽입 미리보기할 수 없는 소스 ============== HTML 삽입 미리보기할 수 없는 소스 JSX 는, JavaScript XML의 약자로, JavaScript 의 기존 문법에서, 확장된 문법입니다. React 에서의 JSX 는 본질적으로 Component 를 이용해서 UI(User Interface) 를 rendering 하는 로직과 연결된다는 사실을 이해하고, 받아들여야 합니다. 이 로직에는 Event 가 처리되는 방식, 시간이나 이벤트 발동에 따라 State 가 바뀌는 방식, 이를 .. 2023. 2. 23. React - React 기본사항 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 이제 NodeJS 를 지나 React 의 기초를 알아보는 포스팅을 작성해보도록하겠습니다. 실제 Front-End 개발자들이 가장 많이 사용하는 Stack이기도 한 React, 어떠한 특징을 가지고 있는지 자세히 살펴보도록 하겠습니다. ========== HTML 삽입 미리보기할 수 없는 소스 ========== HTML 삽입 미리보기할 수 없는 소스 React 는 Facebook, Instagram 으로 우리에게 친숙한 회사인 Meta 에서 개발한 JavaScript Library 입니다. React 는 JavaScript 기반에서 동작하는 Library 로서, 몇가지 특징이 존재합니다. 그 특징을 간략하게 정리해보도록 하겠습니다. HTML 삽입 미리보기할.. 2023. 2. 22. 이전 1 다음
