[WEB]15 React - 시계 Component 추가 오늘은 간단하게 React 기본 내용 복습 겸 어떤 기능들을 넣어 볼지 생각을 해봤습니다. # 오늘의 React 개념 사항 1. Component "함수 혹은 Class의 형태로 HTML을 반환하는 것." Component는 React App을 만들게 되면 항상 만들게 될 React의 기본 단위입니다. 기본적으로 Component라 함은 내부적 작업을 거쳐서 HTML을 반환하는 것으로 이해됩니다. Component는 function단위, 혹은 class 단위로 작성 가능합니다. 브라우저를 통해서 볼 수 있는 결과물들은 각각의 요소 하나하나가 Component로 이루어져 있습니다. 2. JSX "JavaScript와 HTML의 결합물" 대부분이 JavaScript의 개념에 의존해서 쓰이는 React이지만,.. 2020. 3. 5. React - React App 만들기&비우기 이번 글은 React 프로젝트를 처음으로 만들고 프로젝트를 시작하기 좋게 백지화시키는 작업을 해보겠습니다. 먼저 cmd를 켜고 원하는 디렉터리 경로에서 다음의 코드를 입력해서 프로젝트를 생성하겠습니다. npx create-react-app [AppName] 위의 코드를 입력하면 npm을 통해 필요한 패키지들을 설치하며 프로젝트를 생성합니다. 텍스트 편집기로 VisualStudio Code를 사용하고 있어 다음의 코드를 입력해 VSCode를 실행시키겠습니다. code my_day 생성된 React app을 실행시켜 보겠습니다. VSCode내에서 터미널을 사용할 수 있기때문에 그걸 이용하겠습니다. 프로젝트의 경로에서 다음의 코드를 입력합니다. npm start 터미널에서 성공적으로 컴파일을 진행한 뒤, 2개.. 2020. 3. 4. React - 사전 준비 React React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org 리액트에 관한 글 작성을 시작하겠습니다. https://academy.nomadcoders.co/ Academy % Complete academy.nomadcoders.co 위의 NomadCoders에서 제가 수강한 'ReactJS로 웹 서비스 만들기'를 바탕으로 React글을 작성할 계획입니다. 무료 강의임에도 불구하고 배워가는 것이 많았습니다. 해당 카테고리의 글들은 배운 내용의 단순 정리가 아닌 To Do List 서비스를 만들어보며 정리해나갈 생각입니다. 이번 글은 React.. 2020. 2. 28. 이전 1 2 3 4 다음
