너와 나의 스토리

* 아래 내용은 '벨로퍼트와 함께하는 모던 자바스크립트' 튜토리얼을 따라 요약 또는 내용 추가한 것으로 자세한 내용은 해당 강의를 참고해 주시기 바랍니다. 새 프로젝트 만들기 1. 리액트 프로젝트 만들기 $ npx create-react-app begin-react 2. 프로젝트 실행시키기 $ cd begin-react $ yarn start 이러면 아래 사진과 같이 "http://localhost:3000/" 페이지가 자동으로 열린다. 컴포넌트 만들기 1. src 디렉터리에 Hello.js라는 파일 작성 컴포넌트는 함수형태 또는 클래스 형태로 작성할 수 있다. export default로 컴포넌트 내보내기를 하면 다른 컴포넌트에서 불러와서 사용 수 있다. import React from 'react';..

* 아래 내용은 '벨로퍼트와 함께하는 모던 자바스크립트' 튜토리얼을 따라 요약 또는 내용 추가한 것으로 자세한 내용은 해당 강의를 참고해 주시기 바랍니다. Promise 비동기 작업을 조금 더 편하게 처리 할 수 있도록 ES6에 도입된 기능 예제: 숫자 n을 파라미터로 받아와서 다섯 번에 걸쳐 1초마다 1씩 더해서 출력하는 작업을 setTimeout으로 구현 function increaseAndPrint(n, callback) { setTimeout(() => { const increased = n + 1; console.log(increased); if (callback) { callback(increased); } }, 1000); } increaseAndPrint(0, n => { increaseA..