Code Gear - AI 개발 유튜브 강의

이 포스트의 동영상 강의 URL

https://youtu.be/rX_c3DXvG2g

React 개발을 위한 IDE(Integrated Development Environment, 통합개발환경)로 Visual Studio Code를 많이 사용합니다. 

Visual Studio Code는 Microsoft에서 개발한 오픈소스이고, 무료로 사용 가능합니다.

VSCode 설치

https://code.visualstudio.com/

Visual Studio Code 사이트에서 Download 하여 설치하면 됩니다.

프로젝트 폴더 열기

• 메뉴-파일-폴더열기를 선택합니다.
  지난시간에 만든 C:\workspace\my-first-react-app 폴더를 선택 후

프로그램 실행

• 메뉴-터미널-새터미널

• npm start

• 아래와 같이 브라우저가 실행됩니다.

이 포스트의 동영상 강의 URL

https://youtu.be/iUWwG8RhcMY

다음 작업을 위해서는 nodejs가 설치 되어 있어야 합니다(nodejs 설치)

1. 작업을 위한 폴더를 생성합니다.
   저는 c:\workspace로 만들었습니다.
2. cmd 또는 powershell을 실행하고 위의 폴더로 이동합니다.
3. npx create-react-app my-first-react을 입력한후 실행합니다.
   

   

4. 스크립트가 실행되고 프로젝트가 생성됩니다.
   

   

5. 다음 명령어를 이용해 프로젝트 실행합니다.
   cd my-first-react
   npm start
   
   
6. 브라우저가 실행되고 아래와 같은 화면이 나오면 성공입니다!!!
   

   

이 포스트의 동영상 강의 URL

https://youtu.be/dz4wdxZGycs

NodeJS란?

• Nodejs는 브라우저에서만 실행되던 Javascript를 브라우저 없이 단독으로 실행할 수 있게 해 주었습니다.
• 이로인해 Javascript로 클라이언트 프로그래밍 뿐만 아니라 서버 프로그래밍이 가능해졌습니다.
• Nodejs와 함께 설치되는 NPM - Node Package Manager를 이용하면 각종 Javascript 라이브러리를 손쉽게 설치할 수 있습니다.

NodeJS 설치

• https://nodejs.org/

• nodejs 사이트를 방문후 LTS 버전을 설치합니다.
  LTS 버전은 안정화 버전입니다.
• nodejs 설치 확인
  cmd 창에서 node -v를 실행합니다.

Eclipse에서 Springboot 개발을 하기 위해서는 STS(Spring Tools)를 설치해 주어야 합니다.

• Eclipse Marketplace 실행
  Eclipse 상단 메뉴에서 Help - Eclipse Marketplace를 선택합니다.

Eclipse에서 Springboot 개발을 하기 위해서는 STS(Spring Tools)를 설치해 주어야 합니다.

• Eclipse Marketplace 실행
  Eclipse 상단 메뉴에서 Help - Eclipse Marketplace를 선택합니다.

• Spring Tools 4 검색
  Marketplace에서 Find 옆에 spring을 입력한 후 엔터키를 칩니다.
  Spring Tools 4 항목 우측 하단의 Install 버튼을 클릭합니다.

• 설치 확인
  설치 확인 창에서 모두 선택된 상태로 Confirm 버튼을 클릭합니다.

• 라이선스 확인
  라이선스 확인 창에서 accept를 선택한 후 Finish 버튼을 클릭합니다.

• Eclipse 재시작
  설치가 완료된 후 다음 창에서 Restart Now를 클릭합니다.

• Spring Starter Project
  Eclipse 상단 메뉴에서 File - New - Project..을 선택합니다.
  그리고 다음 창에서 Spring Boot - Spring Starter Project를 선택합니다.

• Spring Start Project 선택창
  아래와 같이 Springboot 프로젝트를 설정하는 창이 나타납니다.

여기 까지 오셨으면 스프링부트 개발 관련 준비가 다 끝난 것입니다.

수고하셨습니다.^^

스프링부트 개발 IDE인 이클립스를 설치하는 방법입니다.

• Eclipse 다운로드 사이트로 이동
  https://www.eclipse.org/downloads/

• Eclipse 다운로드

• Eclipse Installer에서 설치 버전 선택
  ->Eclipse IDE for Java Developers를 선택합니다.

• 설치 폴더 지정
  C:\eclipse\java-2021-06 폴더 지정 후 INSTALL 버튼을 클릭합니다.

• Eclipse 실행
  설치 완료 페이지에서 LAUNCH 버튼을 클릭합니다.

• Workspace 선택
  C:\eclipse\workspace를 지정하고,
  Use this as the default and do not ask again에 체크한 후 Launch 버튼을 클릭합니다.
  이것은 다음 실행시 이 창이 나오지 않고 이 폴더를 default workspace로 사용하게 됩니다.

• Eclipse Java 환경설정
  상단 메뉴에서 Window - Preferences를 선택합니다.

• JRE 지정
  Java - Installed JREs를 선택합니다.
  아래 이미지와 같이 기본적으로 설치된 폴더가 자동으로 지정됩니다.
  만약 없을 경우 우측의 Add 버튼을 클릭 하여 설치된 JDK 폴더를 지정해주시면 됩니다.

Eclipse 설치가 완료되었습니다.^^