Spring 기초

 웹서비스?

웹서비스를 만든다는 건, 클라언트와 서버 모두 만들어야 한다는 것을 뜻합니다.

 

클라이언트는 사용자가 보는 화면입니다. 웹사이트로 따지면 크롬 브라우저나 사파리, 익스플로러가 해당되겠고 앱으로 따지면 여러분들 휴대폰에 많이 존재하는 어플, 즉 앱 자체가 해당됩니다.

 

서버는 여러분들이 원하는 데이터가 있는 곳이고, 원하는 데이터를 요청하면 이에 응답해주는 곳이기도 합니다.

 

웹서비스의 기본 구조는, 클라이언트에서 원하는 데이터가 있을 때마다 서버에 요청하고, 응답 데이터를 받아 사용자에게 보여줍니다.

 

그렇다면 우린 사용자들이 보는 웹 화면을 만들고 필요한 데이터를 요청할 수 있는 서버를 만들면 되겠네요? 간단합니다!

일단 스프링 작동시키기

• 인텔리제이(IntelliJ)란?
  • MS Word 가 문서 작업하는데 특화된 메모장인 것처럼, 자바로 코드를 작성하는데 특화된 메모장입니다.
• 스프링 프로젝트 준비하기
  1. 인텔리제이를 실행합니다.
  2. New Project를 클릭합니다.
  3. 왼쪽 메뉴에서 "Spring Initializr"를 클릭하고 "Next"를 클릭합니다.
  4. 🚒**[중요] 꼭 다음 사항을 확인해주세요.**
     • Group: com.sparta
     • Artifact: week01
     • Type: Gradle
     • Language: Java
     • Java Version: 8
     특히 Type, Language, Java version 중 하나라도 다르면 정상적으로 실행이 되지 않습니다. 꼭 정상 입력 확인해주세요!
     
     • Lombok
     • Spring Web
     • Spring Data JPA
     • H2 Database
     • MySQL Driver검색창을 클릭하고, 다음을 차례대로 검색한 뒤 엔터를 눌러주세요. 검색이 끝난 뒤 아래 캡처의 우측과 같이 5개의 요소가 포함되어있으면 완료된 것입니다.
  5. Finish를 클릭합니다.
  6. 잠시 기다리면, 아래 화면이 완성될 것입니다. 축하합니다! 스프링 개발을 시작할 준비가 되었습니다. 🎉
• 팁) 이미지를 더블클릭하시면 크게 보실 수 있어요 😎
• 스프링 작동시키기
  1. main > java > com.sparta.week01 > Week01Application.java 파일을 더블 클릭합니다.
  2. main 함수 제일 왼쪽의 run 버튼을 클릭하고, Run "Week01Application" 버튼을 클릭합니다.
  3. 잠시 기다리면 아래와 같은 화면이 나옵니다. 크롬 브라우저를 켜고 http://localhost:8080 주소로 접속합니다.
  4. 와우! 스프링 작동에 성공하였습니다 
• 팁) 이미지를 더블클릭하시면 크게 보실 수 있어요 😎
• 인텔리제이 세팅하기
  • Auto import
    1. 환경설정에 들어갑니다.
       • Windows: Ctrl + Alt + S
       • macOS: command + ,
    2. 검색창에 "auto import" 입력
    3. 옵션을 다음처럼 체크하고 OK 클릭하여 종료
       • Insert imports on paste: Always
       • Add unambiguous imports on the fly: 체크
  • Plugins
    1. 아름다운 코딩화면
    2. 단축키 익히기
    두 가지가, IDE의 꽃이 아닐까 싶습니다 😎
    • Theme
      1. Shift 두 번 입력
      2. Actions 탭에서 plugins 입력 후 제일 위 옵션 선택
      3. 검색창에 "monokai" 입력하고 Monokai Pro Install 버튼 클릭
      4. 환경설정 들어가기
         • Windows: Ctrl + Alt + S
         • macOS: command + ,
      5. Appearance 입력 후 선택한 뒤 Monokai Pro (Filter Machine) 선택하고 OK 클릭하여 종료
    • Shortcuts
      1. Shift 두 번 입력
      2. Actions 탭에서 plugins 입력 후 제일 위 옵션 선택
      3. Key Promoter X 검색 후 Install 클릭. 설치가 완료되면 Restart IDE 클릭!
      4. Restart 클릭
      5. 앞으로 단축키를 자동으로 알려준답니다.