[스파르타코딩클럽] 웹개발의 봄, Spring - 1주차

[수업 목표]

 

1. 웹의 기본적인 구조를 이해하고, 5주 동안 만들 프로젝트를 살펴본다.

 

2. 스프링 부트의 기본 구조를 이해한다.

 

3. Java 기초를 학습한다.

 

01. [1주차] 이번 주 배울 것

 

- 웹서비스?

 

웹서비스를 만든다는 건, 클라이언트와 서버 모두 만들어야 한다는 것을 뜻합니다. 앞으로 우린 이 둘을 모두 직접 만들어 웹서비스를 완성해 나갑니다.

 

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

 

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

 

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

 

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

 

- 자바?

 

컴퓨터에게 명령을 내리기 위한 소통 도구를 "프로그래밍 언어"라고 하는데 그 중의 하나입니다. 위 그림은 < 스택오버플로우(Stack Overflow)> 라는 대표적인 개발자 커뮤니티에서 조사한 기술의 사용률인데요. Javascript, Python과 함께 여전히 최고의 사용률을 보여주고 있습니다

 

- 스프링?

 

위에서 말씀드린 "자바"라는 언어로 서버를 만드는데 필요한 녀석입니다. 훌륭한 개발자들이 미리 필요한 것 들을 만들어두었고, 우리는 필요한 부분들만 쏙쏙 채워나가면 됩니다

 

02. 필수 설치 프로그램

 

- IntelliJ 설치 가이드

(다운로드)Download IntelliJ IDEA: The Capable & Ergonomic Java IDE by JetBrains

Download IntelliJ IDEA: The Capable & Ergonomic Java IDE by JetBrains

1. Ultimate 버전을 다운로드 받은 후 설치까지 마무리 해주세요.

 

2. Java Windows [코드스니펫] Windows Java 8 다운로드

[링크] https://www.azul.com/downloads/zulu-community/?version=java-8-lts&os=windows&architecture=x86-64-bit&package=jdk 

Downloads

1. (다운로드 링크) 접속 후 [.msi] 버튼을 클릭하여 설치 파일을 다운로드 합니다.

2. 설치 파일을 실행하고 Next를 클릭합니다.

3. Next를 클릭합니다.

4. Install을 클릭합니다.

5. Finish를 클릭합니다.

6. 탐색기 > 내 PC 마우스 우클릭 > 속성을 클릭합니다.

7. 좌측 메뉴 최하단의 "고급 시스템 설정"을 클릭합니다. 

8. "환경 변수"를 클릭합니다.

9. 하단 <시스템 변수> 영역의 "새로 만들기"를 클릭합니다.

10. 변수 이름을 JAVA_HOME, 값을 아래와 같이 입력합니다. C:\Program Files\Zulu\zulu-8

11. 마찬가지로 <시스템 변수> 영역의 "Path"를 찾고 "편집"을 클릭합니다. 제일 끝에 아래 내용을 입력합니다. ;C:\Program Files\Zulu\zulu-8\bin

12. '확인'을 누르고 빠져나온 뒤, 윈도우키 + R 을 누르고 cmd 입력 후 엔터를 누릅니다.

13. 아래 내용을 입력했을 때 캡처와 같이 OpenJDK 관련 정보가 표시되면 설치 완료입니다. java -version

 

03. [1주차] 일단 스프링 작동시키기

 

- 인텔리제이(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 중 하나라도 다르면 정상적으로 실행이 되지 않습니다. 꼭 정상입력 확인해주세 요!

5. 검색창을 클릭하고, 다음을 차례대로 검색한 뒤 엔터를 눌러주세요. 검색이 끝난 뒤 아래 캡처의 우측과 같이 5개의 요소 가 포함되어있으면 완료된 것입니다.

- Lombok

- Spring Web

- Spring Data JPA

- H2 Database

- MySQL Driver 

6. Finish를 클릭합니다.

7. 잠시 기다리면, 아래 화면이 완성될 것입니다. 축하합니다! 스프링 개발을 시작할 준비가 되었습니다.

 

- 스프링 작동시키기 

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: 체크

 

04. [1주차] 웹의 기본 개념

 

- API

은행 창구와 같은, 하나의 "약속" 입니다. 정해진대로 요구를 하면, 정해진 결과물을 돌려주는 창구이죠.

 

- 웹의 동작 개념 (HTML을 받는 경우)

우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것입니다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일 뿐이죠. 

근데, 1)은 어디에 요청을 보내냐구요? 좋은 질문입니다. 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속 대로 요청을 보내는 것이랍니다.

예) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것!

- 웹의 동작 개념 (데이터만 받는 경우)

앗, 그럼 항상 이렇게 HTML만 내려주냐구요? 아뇨! 데이터만 내려 줄 때가 더~ 많아요. 사실 HTML도 줄글로 쓰면 이게 다 '데이터'아닌가요?

자, 공연 티켓을 예매하고 있는 상황을 상상해봅시다! 좌석이 차고 꺼질때마다 보던 페이지가 리프레시 되면 난감하겠죠ㅠ? 이럴 때! 데이터만 받아서 받아 끼우게 된답니다. 

 

데이터만 내려올 경우는, 이렇게 생겼어요! (소곤소곤) 이런 생김새를 JSON 형식이라고 한답니다.

 

- 스프링은 어디를 담당하는 걸까?

스프링은 "서버"를 담당합니다. 요청에 따라 눈에 보이는 것들 또는 데이터를 제공해주는 것이지요. 그리고 스프링은 자바 언어 바탕으로 만드는 것이구요. ⇒ 스프링으로 서버 만들어보기 가 이번 강의의 핵심이군요! 

 

05. [1주차] 자바 기초 문법 - 1

 

- 화면에 나타내보기 - System.out.println();

화면에 인쇄하고 싶을 때, System.out.println(); 을 이용하시면 된답니다  바로 같이 해볼까요?

1. src > main > java > com.sparta.week01 를 우클릭하고 New > Package를 선택합니다.

2. prac 이라고 입력한 뒤 엔터를 누릅니다.

3. prac 패키지를 우클릭하고 New > Java Class 를 클릭합니다.

4. Prac 이라고 입력하고 엔터를 누릅니다.

5. main 함수를 작성합니다. 앞으로 직접 실행시킬 코드는 main 함수 안에 작성합니다

 

[코드스니펫] 메인 함수

public static void main(String[] args) {

    System.out.println("안녕, 스파르타!");

}

 

6. main 함수를 실행시키면, "안녕, 스파르타!"가 인쇄된 걸 보실 수 있습니다! 

앞으로 화면에 인쇄하고 싶을 때는, System.out.println(); 을 이용하시면 된답니다.참 쉽죠?

 

- 변수 & 기초 문법

- 변수는 "값을 담는 상자"입니다.

- 변수를 선언할 때는 (자료의 종류) (변수명) = (값) 의 순서를 따릅니다.

- 변수명은 일반적으로 1)영어, 2)소문자 시작, 3)구분은 대문자로 합니다.

- 자바는 항상 코드를 작성하고 제일 마지막에 세미콜론(;)을 넣습니다.

 

String myName = "내이름";

 

- 숫자 - int, float, Long

숫자를 나타내는 자료형은 int, float 가 있습니다.

int - 정수(-1, 0, 1, 2, 3, 4 ...)

float - 소수점 포함(1.0, 2.4, -3.78, ...)

Long - 정수 범위가 훨씬 넓은 녀석, 그것 빼고는 int와 같음

 

int a = 1;

float b = 1.2f;

System.out.println("a: " + a);

System.out.println("b: " + b);

 

1 + 1.2의 결과는 소수니까 float 로 지정해주면 됩니다.

 

float c = a + b;

System.out.println("c: " + c);

 

int = int + float 는 오류!

 

int d = a + b;

 

- 문자 - String

문자열은 대문자 S 로 시작합니다. 반드시 쌍따옴표(")를 써주서야 해요!

String 선언

 

String e = "자바 스프링, 5주 안에 끝낸다!";

 

06. [1주차] 자바 기초 문법 - 2

 

- 참거짓 - boolean 

참거짓 타입은 boolean 으로 표시합니다.

boolean 선언

 

int age = 20;

boolean isAdult = age > 19;

boolean isKid = age <= 19;

 

// 같은지는 == 으로 확인, 다른지는 != 으로 확인

boolean isEq = 20 == 20;

boolean isDiff = 20 != 20;

 

- 배열 - List

정보를 묶을 때 List 라는 녀석을 사용합니다. 세 가지를 기억하시면 돼요.

1. 순서가 중요한 녀석이에요!

2. 같은 자료형만 넣을 수 있어요

3. 넣을 때는 add, 조회할 때는 get, 제거할 때는 remove를 사용합니다.

 

List newList = new ArrayList<>();

newList.add("웹개발의 봄 Spring");

newList.add("프론트엔드의 꽃 React");

System.out.println(newList); System.out.println(newList.get(0));

System.out.println(newList.get(1));

newList.remove(0);

System.out.println(newList);

 

- 임포트

 

- List 처럼, 미리 작성된 코드를 불러오는 것을 "임포트(import)" 라고 합니다.

 

- 자바는 기본적인 임포트 파일들이 있는데, 임포트 단축키는 다음과 같습니다.

윈도우: Alt + Enter

맥: Option + Enter

 

- 주석, 정렬 단축키

 

- 주석은, "나만 볼 수 있고 컴퓨터는 알아듣지 못하는 메모" 입니다. 개발자들끼리 소통하거나, 내가 개발하다가 메모를 남 기고 싶을 때 주석을 사용합니다.

윈도우: Ctrl + /

맥: Cmd + /

 

- 코드를 작성하거나 복사/붙여넣기를 할 때, 정렬을 해주지 않으면 가독성이 무척 떨어집니다. 코드스니펫을 복사/붙여넣 기 하신 다음에는 꼭 코드 정렬을 해주세요

윈도우: Ctrl + Alt + L

맥: Option + Cmd + L

 

- 연습 퀴즈

course1 이라는 이름의 변수에 값을 "웹개발 종합반", course2 라는 이름의 변수에 값을 "앱개발 종합반", 넣고, course1 과 course2 를 courseList 라는 배열에 순서대로 넣으려면 어떻게 해야 할까요?

 

- 정답

 

// 선언

String course1 = "웹개발 종합반";

String course2 = "앱개발 종합반";

List courseList = new ArrayList<>();

 

// 삽입

courseList.add(course1);

courseList.add(course2);

 

// 확인

System.out.println(courseList);

 

07. [1주차] 자바 기초 문법 - 3

 

- 메소드

 

- 반복적인 행동을 줄여서 어디든 갖다쓸 수 있는 명령 모음입니다.

 

- [코드스니펫] 강의 정보 인쇄하기 - 메소드가 없을때

 

String title = "웹개발의 봄 Spring";

String tutor = "남병관";

int weeks = 5;

float ratings = 5.0f;

System.out.println("제목: " + title);

System.out.println("튜터: " + tutor);

System.out.println("주차: " + weeks);

System.out.println("별점: " + ratings);

 

- [코드스니펫] 강의 정보 인쇄하기 - 메소드가 있다면

 

// public, static void 에 대해서는 곧 배웁니다! 우선은 넘어갈게요.

public static void printInfo() {

    String title = "웹개발의 봄 Spring";

    String tutor = "남병관";

    int weeks = 5;

    float ratings = 5.0f;

    System.out.println("제목: " + title);

    System.out.println("튜터: " + tutor);

    System.out.println("주차: " + weeks);

    System.out.println("별점: " + ratings);

}

 

- 실행하는 방법

메소드명() ← 처럼 작성해줍니다!

- 메소드의 구조

public (반환타입) 메소드명(파라미터) {

    // 명령 내용

    return (반환값)

} 

 

메소드명은 변수명과 규칙(영어사용, 소문자시작, 공백없음, 대문자구분)이 같습니다.

 

- 컴퓨터에게 명령을 하려면 세 가지 요소를 주어야 합니다.

1. 재료 = 파라미터 (없을 수도 있음)

2. 명령 = 실행코드

3. 결과 = 반환값 (없을 수도 있음)

 

- 파라미터와 반환값이 없을 수도 있다구요?

 

- [코드스니펫] 파라미터, 반환값의 다양한 경우

 

// 파라미터 X, 반환값 X

public void simplePrint() {

    System.out.println("파라미터도 없고, 반환값도 없어요!");

}

 

// 파라미터 O, 반환값 X

public void simpleSum(int num1, int num2) {

    System.out.println("num1 :" + num1 + ", num2: " + num2);

}

 

// 파라미터 X, 반환값 O

public int simpleReturn() {

    return 3;

}

 

// 파라미터 O, 반환값 O

public int sum(int num1, int num2) {

     return num1 + num2;

}

 

- 연습퀴즈 - 메소드 

두 정수를 받아서, 뺀 값을 반환하는 메소드를 만들고, 그 값을 인쇄해보세요! (메소드명은 자유롭게 지으세요)

 

- 정답

public static int sub(int num1, int num2) {

    return num1 - num2;

}

 

public static void main(String[] args) {

    int result = sub(1, 2); System.out.println(result);

}

 

08. [1주차] 자바 기초 문법 - 4

 

- 반복문 

컴퓨터에게 일일이 명령문을 치고 있다면, 누가 봐도 효율적으로 일하는 모습은 아니죠? 업무에서 반복되는 부분을 줄여주는 문법의 꽃, 반복문을 배워보겠습니다.

 

- [코드스니펫] 과일 목록 준비하기

 

List fruits = new ArrayList<>();

fruits.add("감");

fruits.add("배");

fruits.add("감");

fruits.add("딸기");

fruits.add("수박");

fruits.add("메론");

fruits.add("수박");

fruits.add("딸기");

fruits.add("메론");

fruits.add("수박");

fruits.add("메론");

fruits.add("수박");

fruits.add("감");

System.out.println(fruits);

 

- [코드스니펫] 과일 목록 차례대로 인쇄하기 - 반복문 없이

System.out.println(fruits.get(0));

System.out.println(fruits.get(1));

System.out.println(fruits.get(2));

System.out.println(fruits.get(3));

System.out.println(fruits.get(4));

System.out.println(fruits.get(5));

System.out.println(fruits.get(6));

System.out.println(fruits.get(7));

System.out.println(fruits.get(8));

System.out.println(fruits.get(9));

System.out.println(fruits.get(10));

System.out.println(fruits.get(11));

System.out.println(fruits.get(12));

 

- [코드스니펫] 과일 목록 차례대로 인쇄하기 - 반복문과 함께

 

for (int i=0; i<13; i++) {

    String fruit = fruits.get(i);

    System.out.println(fruit);

}

// 매번 13개, 14개, 12개.. 개수 세어줘야 할까요?

 

- 반복문의 구조

for (시작조건; 계속하는조건; 더하기) {

    명령

}

 

[코드스니펫] 과일 목록 차례대로 인쇄하기 - 반복문 완성버전

 

for (int i=0; i<fruits.size(); i++ {

    String fruit = fruits.get(i);

    System.out.println(fruit);

}

 

- 연습퀴즈(반복문)

 

주어진 연예인 목록을 차례대로 하나씩 인쇄하는 반복문을 작성해보세요.

 

- [코드스니펫] 연습퀴즈 반복문

 

List celebs = new ArrayList<>();

celebs.add("아이유");

celebs.add("린다G");

celebs.add("은비");

celebs.add("금비");

celebs.add("비");

celebs.add("차은우");

celebs.add("남주혁");

celebs.add("수지");

celebs.add("정우성");

celebs.add("제니");

celebs.add("정국");

 

- 정답 

 

for (int i=0; i<celebs.size(); i++ {

    String celeb = celebs.get(i);

    System.out.println(celeb);

}

 

- 조건문

 boolean 타입을 활용하여 특정 경우일 때 명령을 내리는 문법입니다.

 

- [코드스니펫] 미성년자 여부 판별하기

 

int age = 20;

if (age > 19) {

    System.out.println("성인입니다.");

} else {

    System.out.println("미성년자입니다.");

}

 

- [코드스니펫] "감" 개수 세는 반복문 만들기

 

int count = 0;

for (int i=0; i<fruits.size(); i++) {

    String fruit = fruits.get(i);

    if (fruit == "감") {

       count += 1;

    }

}

System.out.println(count);

 

- 연습퀴즈 - 조건문 + 반복문

주어진 과일의 개수를 세고 그 수를 반환하는 메소드를 만들어보세요.

 

-[코드스니펫] 퀴즈) 과일 목록 준비하기

 

public static int countFruit(String fruit) {

    List fruits = new ArrayList<>();

    fruits.add("감");

    fruits.add("배");

    fruits.add("감");

    fruits.add("딸기");

    fruits.add("수박");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("딸기");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("감");

}

 

- 정답

public static int countFruit(String given) {

    List fruits = new ArrayList<>();

    fruits.add("감");

    fruits.add("배");

    fruits.add("감");

    fruits.add("딸기");

    fruits.add("수박");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("딸기");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("메론");

    fruits.add("수박");

    fruits.add("감");

    int count = 0; for (int i=0; i<fruits.size(); i++ {

        String fruit = fruits.get(i);

        if (given == fruit) {

            count += 1;

        }

    }

    return count;

}

 

 

09. [1주차] 자바 클래스 클래스란?

 

클래스는 정보를 묶는 것입니다!

 

- 객체지향 프로그래밍

 

- 조건문, 반복문, 메소드만으로 무질서한 코드에 규칙이 생겼던 것, 기억하시죠?

- 조금 더 프로그래밍을 현실 세계에 빗대어 체계적으로 해보자는 발상이, 객체지향 프로그래밍의 핵심입니다.

 

- 클래스

- 현실과 비슷한 개념(객체)을 나타내기 위한 자바의 도구를 클래스라고 부릅니다.

- 클래스 내 정보를 멤버 변수 라고 합니다.

 

- [코드스니펫] 클래스 바로 연습해보기 Course.java

 

public class Course {

    // title, tutor, days 가 Course 라는 맥락 아래에서 의도가 분명히 드러나죠!

    public String title;

    public String tutor;

    public int days;

}

 

- [코드스니펫] 클래스 바로 연습해보기 Prac.java

 

Course course = new Course();

course.title = "웹개발의 봄, Spring";

System.out.println(course.title);

System.out.println(course.tutor);

 

- 변수 course 는 실제 빵, Course 클래스는 빵틀

 

- 생성자(Constructor)

 

course.tutor 를 인쇄해보면 null (아무 값도 없음) 이 보입니다.

여기에 값을 부여하려면 어떻게 해야 할까요?

 

- [코드스니펫] Course 생성자

 

public class Course {

    public String title;

    public String tutor;

    public int days;

 

// 이렇게 아무런 파라미터가 없는 생성자를 기본생성자 라고 부릅니다.

public Course() {

}

 

public Course(String title, String tutor, int days) {

    // this 는 "이것" 이죠? 클래스 변수를 가리킵니다.

    this.title = title;

    this.tutor = tutor;

    this.days = days;

    }

}

 

위와 같이 "클래스명과 똑같은 이름을 가진 메소드를 "생성자"라고 부릅니다.

클래스 변수를 새롭게 만들 때 사용되는 녀석인데요, 아래와 같이 사용할 수 있습니다.

 

this?

 

아까 말씀드린, 빵틀(Course)과 빵(course)의 관계 기억나시나요?

우리가 바꾸고 싶은 건 빵틀의 값이 아니라 실제 빵의 값입니다.

this 라고 표시함으로써, 빵틀 전체의 값을 바꾸는게 아니라 빵 하나의 값만 바꾸는 것이죠!

 

- [코드스니펫] 생성자 사용해보기

 

Course course = new Course();

System.out.println(course.title);

System.out.println(course.tutor);

System.out.println(course.days);

 

Course course2 = new Course("웹개발의 봄 스프링", "남병관", 35);

System.out.println(course2.title);

System.out.println(course2.tutor);

System.out.println(course2.days);

 

10. [1주차] Getter, Setter

 

- private, public

 

클래스의 모든 정보를 손쉽게 바꿀 수 있으면 안되겠죠~!

왜냐하면 클래스는 고객의 비밀번호/결제정보와 같이 민감한 정보들도 담고 있기 때문입니다.

 

그래서 자바의 클래스는, 밖에 드러내도 되는 것들을 public, 함부로 바꾸면 안되는 것들을 private 으로 구분해서 나타낸답니다. 

 

- private 일 경우 발생하는 오류

 

- public 이면? 아무런 오류도 발생하지 않습니다.

 

- Getter / Setter

 

정보를 가져오는 메소드를 Getter,

정보를 바꾸는 메소드를 Setter 라고 부른답니다.

 

- [코드스니펫] Getter, Setter 만들기

 

// Getter

public String getTitle() {

    return this.title;

}

// Getter

public String getTutor() {

    return this.tutor;

}

// Getter

public int getDays() {

    return this.days;

}

// Setter

public void setTitle(String title) {

    this.title = title;

} // Setter

public void setTutor(String tutor) {

    this.tutor = tutor;

}

// Setter

public void setDays(int days) {

    this.days = days;

}

 

- [코드스니펫] Getter, Setter 사용하기

 

Course course = new Course();

 

System.out.println(course.getTitle());

System.out.println(course.getTutor());

System.out.println(course.getDays());

 

course.setTitle("웹개발의 봄 스프링");

course.setTutor("남병관");

course.setDays(35);

 

System.out.println(course.getTitle());

System.out.println(course.getTutor());

System.out.println(course.getDays());

 

- 연습퀴즈 - 클래스 & 메소드 

1) Tutor 클래스를 만들고, 이름(name)과, 경력(bio) 멤버 변수를 추가하세요.

2) 그리고 각 변수를 private 으로 선언하고, Getter와 Setter 를 만들어보세요.

3) 마지막으로, 기본 생성자와, name/bio 입력받는 생성자 두 개를 만들어보세요.

 

- 정답

public class Tutor {

    // 멤버 변수

    private String name;

    private String bio;

 

    // 기본생성자

    public Tutor() {

    }

 

    // 생성자

    public Tutor(String name, String bio) {

        this.name = name;

        this.bio = bio;

    }

 

    // Getter

     public String getName() {

        return this.name;

    } 

 

    public String getBio() {

        return this.bio;

    }

    // Setter

    public void setName(String name) {

        this.name = name;

    }

 

    public void setBio(String bio) {

        this.bio = bio;

    }

}

 

11. [1주차] 브라우저에 바로 나타내보기

 

- 인트로

 

- [코드스니펫] 예시화면 http://spartacodingclub.shop/order 위와 같이 데이터를 서버에서 전달받는 형식을 JSON 이라고 부른다고 했던 것, 기억하시죠?

이번 시간에는 스프링 서버를 띄워서 클래스 정보를 JSON 으로 브라우저에 나타내보겠습니다.

 

[코드스니펫] JSONView 설치하기 https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en

JSONVue

 

- 화면에 클래스 정보 띄워보기

데이터로 응답하려면, RestController 를 사용해야 합니다.

 

- Rest ?

- 서버의 응답이 JSON 형식임을 나타냅니다.

- HTML, CSS 등을 주고받을 때는 Rest 를 붙이지 않습니다.

 

- Conroller ?

자동 응답기! 누군가 말을 걸면 응답하는 녀석이에요.

 

- 클라이언트의 요청(Request)을 전달받는 코드를 Controller 라고 부릅니다.

→ JSON 만을 돌려주는 것은 RestController 라고 부릅니다.

- 우리는 이런 역할을 하는 빵틀을 새롭게 만들면 되는 것이군요!

 

- RestConroller 만들기

1. src > main > com.sparta.week01 에 controller 패키지를 만듭니다.

2. CourseController.java 파일을 만듭니다.

3. [코드스니펫] CourseController.java 를 복사/붙여넣기 합니다.

 

@RestController

public class CourseController {

 

    @GetMapping("/courses")

    public Course getCourses() {

        Course course = new Course();

        course.setTitle("웹개발의 봄 스프링");

        course.setDays(35);

        course.setTutor("남병관");

        return course;

    }

}

 

- CourseController.java 이해하기

 

- @GetMapping

브라우저에서 주소를 치는 행위를 GET 방식으로 정보를 요청한다고 합니다. 스프링 주소(http://localhost:8080) 뒤 의 주소가 /courses 일 경우, getCourse 메소드를 실행함을 나타냅니다.

 

12. [1주차] 그레이들(Gradle)이란?

 

- [코드스니펫] 개발자들은 얼마나 남의 코드에 의존할까?

http://www.bloter.net/archives/253447

11줄의 코드, 인터넷을 패닉에 빠뜨리다

- 다른 사람들이 만들어둔 도구 내려받기

 

- Javascript - NPM

- Python - pip

- Java - mavenCentral, jcenter

⇒ 다운로드받고 적용하는 과정을 보다 편하게!

 

- 추가해보기

1. Maven Repository 에서 원하는 라이브러리 를 찾는다.

2. build.gradle 에 원하는 프로젝트 파일을 넣는다.

3. dependencies 옆 Run 버튼을 누른다.

4. 우측 Gradle 탭의 새로고침 버튼을 누른다.

5. 대상 프로젝트가 추가된 것을 확인한다.

 

13. [1주차] 끝 & 숙제설명

 

- 잠깐 복습

아래 내용을 빠르게 훑어보고 바로 숙제하러 가볼까요? 교재를 다시 보는 것보다, 바로 숙제하길 추천드려요. 손 으로 자꾸 만들고 오류내고 해봐야 실력이 빠르게 성장한답니다 

 

- 웹의 기본 개념에 대해 배웠습니다. 서버, 클라이언트를 익혔습니다.

- 인텔리제이를 사용해 스프링 프로젝트를 만들어 보았습니다.

- 스프링, 그레이들을 익혔습니다.

- 자바 언어의 기초 문법에 대해 배웠습니다. int, float, String, List를 익혔습니다.

- 클래스를 만들어 보았습니다. 클래스, 메소드, 멤버를 익혔습니다.

- 클래스 정보를 브라우저에 나타내보았습니다. JSON, 컨트롤러를 익혔습니다.

 

=================================================================================

출처 : [스파르타코딩클럽] 웹개발의 봄, Spring(강의자료)

=================================================================================

개발일지에대한 개념이 없어서 'SpartaCodingClub'에서 준 tip 대로 진행해보았다.

그대로 복사 붙혀넣기가 맘에 안들어서 편집을 조금하다보니 시간이 생각보다 많이 투자되었다.

투자된 시간만큼 복습한 것이니, 1주차를 잘 마무리한거 같아 뿌듯하다.

1주차는 기초내용이다보니 크게 어려움은 없는거 같다.

2~5주차 순항을 기대하며 열심히 달려보겠다.