728x90 Babel4 CRA 없이 React 시작하기(4) 0. Intro 지난 글까지 Webpack을 통해 JS, HTML, React를 빌드하고 Style Sheet를 적용하는 방법을 실습했습니다. 이번 글에서는 Webpack에 개발서버를 적용하고 개발의 편의성을 높히는 방법에 대해 알아보도록 하겠습니다. 실습에 앞서 이전 글들을 읽고 따라해보시면 이해하는 것이 보다 쉽습니다. 목차는 이전 글들에 덧붙여 작성하도록 하겠습니다. 목차 CRA 없이 React 시작하기(1) CRA 없이 React 시작하기(2) CRA 없이 React 시작하기(3) 4. Webpack 개발서버 적용 4-1. 개발서버 적용 4-2. 빌드 디렉터리 깨끗하게 유지하기 4-3. 빌드 모드 나누기 4. Webpack 개발서버 적용 4-1. 개발서버 적용 지금까지 코드를 수정할 때마다 직접 .. 2022. 1. 4. CRA 없이 React 시작하기(3) 0. Intro 지난 글에서는 Webpack을 통해 JS, HTML 그리고 React를 빌드하는 실습을 했습니다. 이번 글에서는 Webpack을 통해 css, scss와 같은 Style Sheet 파일을 사용하는 방법에 대해 실습하겠습니다. 실습에 앞서 이전 글들을 읽고 따라하시면 이해하기 쉽습니다. 목차는 이전 글들에 덧붙여 작성하도록 하겠습니다. 목차 CRA 없이 React 시작하기(1) CRA 없이 React 시작하기(2) 3. Webpack에서 Style Sheet 사용하기 3-1. css 사용 3-2. scss 사용 3. Webpack에서 Style Sheet 사용하기 3-1. css 사용 src 디렉터리 밑에 index.css 파일을 작성합니다. .title { color: #2196f3; f.. 2022. 1. 4. CRA 없이 React 시작하기(2) 0. Intro 이번 글부터는 실습을 통해 CRA 없이 React를 시작하는 방법에 대해 공부하고자 합니다. 지난 시간에는 Webpack과 Babel이 무엇인지 알아보면서, 왜 React에 필수적으로 사용되는 것인가에 대해 알아보았습니다. 실습에 앞서 이전 글을 훑어보고 오시면 이해하기 쉽습니다. 목차는 이전 글에 덧붙여 작성하도록 하겠습니다. 목차 CRA 없이 React 시작하기(1) CRA 없이 React 시작하기(1) 0. Intro vscode와 intellij 차이 정도..? 제가 느끼기에 Create React App(이하 CRA) 없이 React를 세팅하는 과정은 vscode와 intellij 차이인 듯 합니다. vscode는 설치하고 나면 아무것도 없지만 필요한 extens.. dbsdud.. 2022. 1. 4. CRA 없이 React 시작하기(1) 0. Intro vscode와 intellij 차이 정도..? 제가 느끼기에 Create React App(이하 CRA) 없이 React를 세팅하는 과정은 vscode와 intellij 차이인 듯 합니다. vscode는 설치하고 나면 아무것도 없지만 필요한 extension을 직접 설치하면서 IDE의 모습을 갖추고, intellij는 이미 개발에 필요한 모든 것을 갖추고 있어 필요한 기능만 적절히 사용하면 되기 때문입니다. React는 CRA 명령어를 통해 매우 쉽게 시작할 수 있습니다. CRA는 프로젝트에 필요한 라이브러리와 플러그인을 자동으로 설정해주기 때문에 개발자는 개발에만 집중할 수 있게 합니다. 하지만 CRA를 통해 생성된 프로젝트는 개발자가 필요로 하지 않는 것들도 포함됩니다. 그렇기 때문에.. 2022. 1. 4. 이전 1 다음 728x90
