코드 기어 Code Gear - 개발 강좌

이 포스트의 동영상 강의 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 설치가 완료되었습니다.^^

이 포스트의 동영상 URL

https://youtu.be/Cjz2oGis3Nc

스프링부트로 개발을 하기 위해서는 우선 Java를 설치해야 합니다.

OpenJDK 설치

• JDK 다운로드
  아래 사이트에서 openjdk를 다운로드합니다.
  OpenJDK는 java를 무료로 사용할 수 있는 오픈소스입니다.

https://openjdk.java.net/install/

• 압축풀기
  설치를 원하는 JDK버전을 다운받은 후 압축을 풀면 "jdk-버전" 형태의 폴더가 나옵니다.
• java 폴더 생성
  "C:\Program Files" 폴더에서 java 폴더를 생성합니다.
• "jdk-버전" 폴더 이동
  "jdk-버전" 폴더를 C:\Program Files\java\ 아래로 이동합니다.
  (예 : C:\Program Files\java\jdk-16.0.1)

JAVA_HOME 설정

• 윈도우 탐색기를 실행 후 내PC에서 마우스 오른쪽버튼을 클릭한 후 속성을 선택합니다.

• 고급 시스템 설정을 선택합니다.

• 환경 변수를 선택합니다.

• 새로 만들기를 선택합니다.

• JAVA_HOME을 설정합니다.
  변수 이름 : JAVA_HOME
  변수 값 : C:\Program Files\java\jdk-16.0.1

Path 설정

• java를 모든 폴더에서 실행할 수 있도록 path를 설정합니다.
  시스템 변수의 Path를 선택 후 편집 버튼을 클릭

• Path에 "%JAVA_HOME%\bin"을 추가 한 후 확인을 클릭합니다.

Java 설치 확인

• 윈도우 검색창에 "cmd" 입력 후 "명령 프롬프트"를 선택합니다. 

• 명령 프롬프트에서 "java -version"을 입력합니다.
  아래 처럼 결과가 나오면 정상적으로 설치가 완료된 것입니다.

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