1. HTML 이란 ? HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 만들기 위해 사용되는 마크업 언어로 확장자를 *.htm 또는 *.html로 지정하면 웹 브라우저를 이를 html 문서로 인식하고 로딩을 하게 됩니다. HTML은 아무 Text Editor를 사용해서 확장자만 제대로 지정해주면 브라우저로 곧바로 실행 해 볼수 있습니다. (참고로 저는 Visual Studio Code Editor를 사용하여 실습을 진행해 나갈 생각입니다. 아래 링크 게시글을 통해 확인 바랍니다. ) [Programming/JavaScript] - [JavaScript] Visual Studio Code 설치 및 시작 1.1 HTML 기본 구조 123456789101112 Document ..
1. 왜 CRA를 사용하는가 ? React Code의 경우 최신 자바스크립트 코드로 작성하는 것이 일반적입니다. 여기서 최신 자바스크립트란 ES6 기반의 코드를 의미하는데 이러한 ES6 기반의 자바 스크립트를 모든 브라우저에서 지원을 해주고 있지 않습니다. 따라서 정식으로는 웹팩이라는 녀석을 설치하고 설정을 따로 해줘야 합니다. 하지만 고맙게도(?) 페이스북에서 초보자를 위해 웹팩을 따로 설치하지 않고도 사용 할 수 있도록 CRA라는 툴을 제공하고 있습니다. CRA는 ES6 자바 스크립트를 브라우저가 이해 할 수 있는 ES5 코드로 변경을 해주는 고마운 툴입니다. 2. ES6 Style의 자바 스크립트 소스 1_TestFunction = function() { console.log("Test Code")..