단일 책임 원칙: SRP (Single Responsibility Principle) 개방 폐쇄 원칙: OCP (Open Closed Priciple) 리스코프 치환 원칙: LSP (Listov Substitution Priciple) 인터페이스 분리 원칙: ISP (Interface Segregation Principle) 의존 역전 원칙: DIP (Dependency Inversion Principle)

1. SRP

** - 단일 책임 원칙**

어떤 클래스를 변경해야 하는 이유는 오직 하나뿐이어야 한다.
-로버트 C.마틴

다음 그림과 같은 클래스가 있다고 가정해볼때, 이 남자의 역할과 책임이 많은 것을 확인 할 수 있다. 예를 들어, 어느 날, 여자친구와 헤어졌다면 기념일 챙기기 및 키스하기가 어렵다. 거기에 여자친구 없는 스트레스가 주변 사람에게도 영향을 미치게 될 것이다.

이런 경우 역할 (책임)을 분리하는 것이 필요하다.

메소드가 단일 책임을 지키지 않은 경우

class 강아지 {
    final static Boolean 수컷 = true;
    final static Boolean 암컷 = false;
    Boolean 성별;

    void 소변보다() {
        if (this.성별 == 수컷) {
            // 한쪽 다리를 들고 소변을 보다.
        } else {
            // 뒷다리 두 개를 굽혀 앉은 자세로 소변을 본다.
        }
    }   
}

강아지 클래스 소변보다()가 수컷, 암컷 강아지의 행위를 모두 구현하기 위해 분기 처리를 위한 if문의 사용으로 단일 책임(행위) 원칙을 위배하고 있다.

메소드에 단일 책임 원칙을 적용한 경우

abstract class 강아지 {
    abstract void 소변보다();
}

class 수컷강아지 extends 강아지 {
    void 소변보다() {
        // 한쪽 다리를 들고 소변을 본다.
    }
}

class 암컷강아지 extends 강아지 {
    void 소변보다() {
        // 뒷다리 두 개로 앉은 자세로 소변을 본다.
    }
}

추상 클래스 강아지를 두고 수컷강아지, 암컷강아지 클래스가 각자 자신의 특징에 맞게 소변보다() 메소드를 구현해 단일 책임 원칙을 적용했다.

2. OCP

- 개방 폐쇄 원칙

소프트웨어 엔티티(클래스, 모듈, 함수 등)는 확장에 대해서는 열려 있어야 하지만 변경에 대해서는 닫혀 있어야한다 -로버트 C.마틴

위 문장을 조금 더 의역해보자면?

"자신의 확장에는 열려 있고, 주변의 변화에 대해서는 닫혀 있어야 한다"

위 그림에서 운전자는 기어가 수동 or 자동이냐에 따라 행동이 달라진다. 어떤 변화가 운전자에게 영향을 미치고 있어 개방 폐쇄 원칙에 위배된다는 것이다.

그림과 같이 상위 클래스 또는 인터페이스를 중간에 둠으로써 다양한 자동차가 생긴다 해도 객체 지향 세계의 운전자는 운전 습관에 영향을 받지 않게 된다.

즉,

다양한 자동차가 생긴다는 것은 자동차 입장에서 자신의 확장에는 개방되어 있는 것이고, 운전자 입장에서는 주변의 변화에 폐쇄돼 있는 것이다.

데이터베이스의 개방 폐쇄 원칙의 아주 좋은 예

JDBC는 개방 폐쇄 원칙의 가장 좋은 예이다. 데이터베이스가 MySQL에서 오라클로 바뀌더라도 Connection을 설정하는 부분만 변경해주면 된다.

자바 애플리케이션은 데이터베이스라고 하는 주변의 변화에 닫혀 있는 것이고, 데이터베이스를 교체한다는 것은 데이터베이스가 자신의 확장에는 열려 있다는 것 이다.

3. LSP

- 리스코프 치환 원칙

서브 타입은 언제나 자신의 기반 타입(base type)으로 교체할 수 있어야 한다 -로버트 C.마틴

* 하위 클래스 is a kind of 상위 클래스
>  하위 분류는 상위 분류의 한 종류다. 

* 구현 클래스 is able to 인터페이스
> 구현 분류는 인터페이스할 수 있어야 한다.

위 두개의 문장대로 구현된 프로그램이라면 이미 리스코프 치환 원칙을 잘 지키고 있다.

리스코프 치환 원칙 위반 사례 계층도 / 조직도

딸이 아버지, 할아버지 역할을 하는 것이 논리에 맞지 않는다.

리스코프 치환 원칙 적용 사례

분류도

하위의 것들이 상위 것들의 역할을 하는 데 전혀 문제가 없다.

• 리스코프 치환 원칙은 객체 지향의 상속이라는 특성을 올바르게 활용하면 자연스럽게 얻어지는 것이다.
  
  

ISP

- 인터페이스 분리 원칙

클라이언트는 자신이 사용하지 않는 메서드에 의존 관계를 맺으면 안된다. -로버트 C.마틴

SRP에서는 남자 클래스를 분리해 하나의 역할(책임)만 하는 다수의 클래스로 분할한다.

하지만, ISP에서는 각 역할에 맞게 인터페이스로 분리하여 사용할 수 있다.

(ex 어머니한테는 아들, 여자친구한테는 남자친구)

결론적으로는 단일 책임 원칙(SRP)과 인터페이스 분할 원칙(ISP)은 같은 문제에 대한 두 가지 다른 해결책이라고 볼 수 있다.
하지만 특별한 경우가 아니라면 단일 책임 원칙을 적용하는 것이 더 좋은 해결책이라고 할 수 있다.

인터페이스 최소주의 원칙

인터페이스 내에 메소드는 최소한 일수록 좋다.

DIP

- 의존 역전 원칙

고차원 모듈은 저차원 모듈에 의존하면 안 된다. 이 두 모듈 모두 다른 추상화된 것에 의존해야 한다. 추상화된 것은 구체적인 것에 의존하면 안 된다. 구체적인 것이 추상화된 것에 의존해야 한다.자주 변경되는 구체(Concrete) 클래스에 의존하지 마라 -로버트 C.마틴

의존 역전 원칙 적용 전

자주 변경되는 구체 클래스에 의존하는 경우 자동차가 타이어에 의존하면? 자동차 타이어는 자주 바뀌게 되는 것 중 하나로, 이렇게 자주 바뀌는 것에 의존하면 자동차는 영향을 받게 되어 있다.

의존 역전 원칙 적용 후

자동차가 구체적인 타이어가 아닌 추상화된 타이어 인터페이스에만 의존하게 함으로써 타이어가 변경되어도 자동차가 영향을 받지 않는다.

자신보다 변하기 쉬운 것에 의존하던 것을 추상화된 인터페이스나 상위 클래스를 두어 변하기 쉬운 것의 변화에 영향받지 않게 하는 것이 DIP 의존 역전 원칙이다.

📚 Reference

스프링 입문을 위한 자바 객체지향의 원리와 이해

💻 개발환경

IntelliJ ultimate , SpringBoot , Java 1.8 , Gradle, jar , JPA , H2

👩‍🏫 개발목표

• H2 (DB)를 연동해 생성, 조회, 저장, 삭제 등 RESP API를 개발한다.
• 전송 데이터 타입은 json이다.
• 호출 테스트는 브라우저나 ARC를 이용한다.

들어가기에 앞서

이번 포스팅은 미리 프로젝트를 생성하고, 다음 의존성을 추가한 상태에서 시작합니다.

• Lombok
• Spring Web
• Spring Data Jpa
• H2 Database
• MySQL Driver

📝 수정 API (Update)

BoardController

@PutMapping

수정할 데이터가 가지고 있는 id값과 수정할 데이터를 받아서 파라미터로 전달 파라미터 값을 Service의 update메소드로 싣어 보냄 결과값을 responseDto에 담아 클라이언트 쪽에 반환

    @PutMapping("/api/board/{id}")
    public BoardResponseDto update(@PathVariable Long id, @RequestBody BoardRequestDto requestDto){
        return boardService.update(id, requestDto);
    }

BoardService

BoardRepository에서 해당 id값과 일치하는 데이터를 찾아 board에 저장

못찾을 경우 : 에러 찾는 경우 : Board Entity의 update메소드에 입력받은 데이터를 파라미터로 전달

새로 정의된 board를 responseDto로 생성

    @Transactional
    public BoardResponseDto update(Long id, BoardRequestDto requestDto){
        Board board = boardRepository.findById(id).orElseThrow(
                () -> new IllegalArgumentException("아이디값이 없습니다")
        );

        board.update(requestDto);
        return new BoardResponseDto(board);
} 

📝 삭제 API (Delete)

@DeleteMapping

삭제할 데이터가 가지고 있는 id값을 url로 받아서 전달 id 값을 Service의 delete메소드에 싣어 보냄 결과값을 responseDto에 담아 클라이언트 쪽에 반환

  @DeleteMapping("/api/board/{id}")
    public BoardResponseDto delete(@PathVariable Long id){
        return boardService.delete(id);
    }
}

BoardService

BoardRepository에서 해당 id값과 일치하는 데이터를 찾아 삭제

responseDto를 생성 해주어 리턴

    public BoardResponseDto delete(Long id){
        boardRepository.deleteById(id);
        return new BoardResponseDto();
    }

💻 개발환경

IntelliJ ultimate , SpringBoot , Java 1.8 , Gradle, jar , JPA , H2

👩‍🏫 개발목표

• H2 (DB)를 연동해 등록, 조회, 저장, 삭제 등 RESP API를 개발한다.
• 전송 데이터 타입은 json이다.
• 호출 테스트는 브라우저나 ARC를 이용한다.

들어가기에 앞서

이번 포스팅은 미리 프로젝트를 생성하고, 다음 의존성을 추가한 상태에서 시작합니다.

• Lombok
• Spring Web
• Spring Data Jpa
• H2 Database
• MySQL Driver

Board.java

@NoArgsConstructor
@Getter
@Entity
public class Board extends Timestamped {

    @JsonIgnore
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private Long id;

    @Column(length = 50, nullable = false)
    private String title;

    @Column(length = 200, nullable = false)
    private String content;

    @Column(length = 100, nullable = false)
    private String username;

    @JsonIgnore
    @Column(nullable = false)
    private String password;

    public Board(BoardRequestDto requestDto) {
        this.title = requestDto.getTitle();
        this.username = requestDto.getUsername();
        this.content = requestDto.getContent();
        this.password = requestDto.getPassword();
    }

    public void update(BoardRequestDto requestDto) {
        this.title = requestDto.getTitle();
        this.username = requestDto.getUsername();
        this.content = requestDto.getContent();
        this.password = requestDto.getPassword();

    }
}

BoardRepository

저장된 Board들을 찾을 수 있는 공간 역할 !

public interface BoardRepository extends JpaRepository<Board, Long> {

    List<Board> findAllByOrderByCreatedAtDesc();

}

BoardRequestDto

Board에 추가할 데이터를 입력할 때, 담을 그릇 역할 !

@Getter
public class BoardRequestDto {
    private String password;
    private String title;
    private String username;
    private String content;
    private LocalDateTime createdAt;
}

BoardResponseDto

Board에서 값을 가져올 때, 담을 그릇 역할 ! password같은 정보는 노출시키지 않기위해 필드로 넣지 않았다.

@Getter
@NoArgsConstructor
public class BoardResponseDto {

    private String title;
    private String username;
    private String content;
    private LocalDateTime createdAt;
    private LocalDateTime modifiedAt;


    public BoardResponseDto(Board board){
        this.title = board.getTitle();
        this.content = board.getContent();
        this.username = board.getUsername();
        this.createdAt = board.getCreatedAt();
        this.modifiedAt = board.getModifiedAt();
    }
}

📝 등록 API (Create)

BoardController

@PostMapping

생성할 데이터에 대한 정보를 requestDto에 담아 파라미터로 전달 파라미터값을 Service의 save메소드로 싣어 보냄 결과값을 responseDto에 담아 클라이언트 쪽에 반환

@RequiredArgsConstructor
@RestController
public class BoardController {
    private final BoardService boardService;

    @PostMapping("/api/board")
    public BoardResponseDto createlist(@RequestBody BoardRequestDto requestDto){
        return boardService.save(requestDto);
 }

BoardService

Board 객체 *생성. save를 사용하여 *BoardRepository에 객체를 저장

@RequiredArgsConstructor
@Service
public class BoardService {

    private final BoardRepository boardRepository;


    public BoardResponseDto save(BoardRequestDto requestDto){
        Board board= new Board(requestDto);
        boardRepository.save(board);
        return new BoardResponseDto(board);
}

📝 조회 API (Read)

하나의 데이터만 조회하는 방법

BoardController

@GetMapping

조회할 데이터가 가지고 있는 id값을 받아 @pathVariable사용하여 전달 id 값을 Service의 getDetail메소드로 싣어 보냄 결과값을 responseDto에 담아 클라이언트 쪽에 반환

    @GetMapping("/api/board/{id}")
    public BoardResponseDto getDetail(@PathVariable Long id){
        return boardService.getDetail(id);
    }
 }

BoardService

BoardRepository에서 해당 id값과 일치하는 데이터를 찾아 board에 저장.

못찾을 경우: 에러 찾는 경우: BoardResponseDto에 board 를 담아 리턴

 public BoardResponseDto getDetail(Long id){
        Board board = boardRepository.findById(id).orElseThrow(
                () -> new IllegalArgumentException("아이디값이 없습니다")
        );
        return new BoardResponseDto(board);
}

📋 이번 주 항해 과정!

1. 알고리즘 챌린지 10문제 풀이 및 시험
2. 주특기 Spring 시나리오 과제
3. Spring 입문 자료 학습 및 환경
4. 언어 스터디 방향성 및 주특기 세션

👩‍🏫 배운 것

1. Java의 다양한 클래스 사용법과 헷갈렸던 개념들 (예시, Set, Integer vs int)
2. 상속을 통한 클래스 구현 방법과 접근 제어자
3. 자바의 T 메모리 구조
4. Spring의 시작 방법

📝 이번 주 키워드

** 객체지향 프로그래밍이란?** object-oriented-programming (OOP)
프로그래밍에서 필요한 데이터를 추상화시켜 상태와** 기능을 가진 **객체를 생성하여 그 객체간 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법을 일컫는다.
객체지향 프로그래밍의 장점

1. 코드 재사용성이 높다.
2. 코드의 관리가 용이하다. ( = 유지보수가 쉽다)
3. 신뢰성이 높은 프로그래밍을 가능하게 한다.
4. 대형 프로젝트에 적합하다. ( = 클래스 단위로 모듈화시켜서 개발할 수 있기 때문에 대형 프로젝트 처럼 여러명, 여러 회사에서 프로젝트를 개발할 때 업무 분담하기에 용이하다.)

한 주를 마치며💦

알고리즘 마라톤을 다 풀고 챌린지를 푸는데 문제가 많이 어려워졌다. 겨우 푼 문제인데 테스트 케이스를 통과하지 못하고 실패가 뜨는 사례가 생기니까 괜히 힘이 빠지는 기분이었다. 그래도 꿋꿋하게 풀려고 노력은 했는데 아직은 자바 실력이 많이 부족한 거 같아서 기본 개념을 다시 돌려보고 있다.

생전 스프링을 만져본 적도 없어서 입문 자료를 보며 따라해보기 시작했다.스프링 부트 프로젝트를 처음 구동해보면서, 어떤 흐름으로 작동하는건지 이해하려고 최대한 노력하고 있다. 학습 자료에 H2, JPA 등 모르는 개념들이 너무 많이나오는데 속도가 늦더라도 이 부분도 최대한 정리해가면서 공부하고 있는데 확실히 개념을 잡고 넘어가니까 빠르게 체득 하는 기분(?)이 든다.

주특기 입문 첫째날이 되었다. 난생 처음 스프링을 접해보는데, 정말 내가 이걸 '할 수 있을까?' 싶었던 하루였다. DI에 IoC...등 읽어도 읽어도 이해안가는 개념이 많아서 어지러운 감정이랄까... 그래도 오전에 주특기 Spring세션으로 JVM T 메모리 구조를 배울 수 있는 시간이 있었는데, 설명이 너무 좋았고 내용이 자바를 이해하는데 꽤 도움이 되었던 것 같다. 그래서 오늘은 이 내용을 다시 복습하는 차원에서 나만의 언어와 그림으로 정리해보려고 한다.

투데이 토픽

JVM T 메모리구조

👉 T 메모리 구조

데이터 저장 영역을 스태틱(메소드), 스택, 힙 영역으로 분리하여 T 메모리 구조라고 지칭한다.

main() 실행 전!

메인 메소드가 중요한 이유 = '진입점'

1. JRE는 메인 메소드를 찾는다.
2. 메인 메소드의 존재를 확인한 후에만 JVM을 구동시킨다.
3. 구동된 JVM은 메인 메소드를 실행하기 이전, 전처리 과정을 한다.
4. JVM은 메인 메소드를 실행한다.

✔ JVM 전처리 과정?
가장 먼저 모든 자바 프로그램이 반드시 포함하는 java.lang 패키지, import 된 패키지, 프로그램상의 모든 클래스를 스태틱(메소드) 영역에 배치하는 과정을 의미한다.

main() 실행!

메인 메소드가 실행되면 스택 프레임이 스택 영역에 할당된다. 그리고 스택 프레임 내부에는 메인 메소드에 선언된 변수에 대한 공간을 할당해준다. 가장 기본적인 메인 메소드라면, 메인 메소드의 인자 - args를 저장할 변수 공간을 스택 프레임의 가장 밑에 확보된다.

메인 메소드의 모든 코드가 실행이 되었다면, 스택 프레임은 소멸된다. 메인 메소드가 끝나게 되면 JRE는 JVM을 종료하고 JRE자체도 운영체제 상의 메모리에서 사라진다.

1. 스태틱 영역

java.lang, import된 패키지, 사용하는 클래스가 배치되는 영역이다.

2. 스택 영역

스택 프레임이 생성되는 영역이다.

✔ 스택 프레임
스택 프레임은 여는 중괄호로 생성되며 닫는 중괄호로 소멸된다.

3. 힙 영역

객체가 배치되는 공간이다.(힙은 대용량 자료를 저장할 수 있도록 메모리를 사용하는 자료구조이다.)

코멘트

정말 어제까지만 해도 스프링의 스자도 모르던 내가 스프링을 하려니 너무 막막한 감정이 든다. 뭐부터 해야할지도 모르겠고, 일단 서블릿이나 그리들처럼 몰랐던 개념을 하나 하나 공부하고 있는데 이게 맞는 방향인지 싶은 기분도 든다. 시간은 없으니 조금 조급한 기분이 드는데, 그래도 차분한 마음을 갖자. 그리고 하나씩 단계를 밟아가며 성장하는 내가 되자. 이번주는 자바를 좀 더 완벽히 해보자. 스프링은 탄탄한 자바가 중요하다!!!

int != Integer

int란?

primitive 자료형으로 변수의 타입 중 하나이다.

** 원시형 (primitive) 변수** : double , float , long ...등

특징

• 산술 연산이 가능하다.
• null로 초기화가 되지 않는다.

Integer

wrapper 클래스이다.

Java는 기본형 타입(primitive 자료형)과 객체 참조(클래스)같은 두 가지 타입의 관리 데이터를 가지고 있다. 경우에 따라 기본형 타입을 객체로 사용하는 경우가 있다. 이 때, Wrapper 클래스를 사용한다.

** wrapper class** : 기본형을 객체로 다루기 위해 사용하는 클래스

아래와 같은 경우 기본형을 객체로 다루기 위해 래퍼 클래스를 사용한다.

1. 매개변수로 객체를 필요로 할 때
2. 기본형 값이 아닌 객체로 저장해야 할 때
3. 객체 간 비교가 필요할 때

👉 Integer은 int의 래퍼 클래스 이다.

특징

• Unboxing 하지 않을 시에 산술 연산이 불가능하다.

** ✔ boxing ? ** primitive type 을 wrapper class로 변환시키는 것

** ✔ unboxing?** Wrapper class를 primitive type으로 변환시키는 것

• null 값 처리가 가능하다.

int와 Integer의 형변환

int와 Integer은 아래의 방식으로 서로 변환이 가능하다.

// Integer i ->  int i  (unboxing)
int i = integer.intValue();

// int i -> Integer i ( boxing)
Integer integer = new Integer(i); 

Auto boxing / unboxing

자바에서는 모든 경우는 아니지만 대부분의 경우 자동으로 boxing & unboxing 처리를 해준다

int i = 1;

//int -> Integer(Auto boxing)
Integer integer = i; 

//Integer -> int(Auto unboxing)
int i = integer; 

📚 Reference

Java 데이터 타입 Integer와 int의 차이 ( tistory | hochoon )

Set 인터페이스 구현 클래스

1. 객체를 중복해서 저장할 수 없으며, 하나의 null 값만 저장할 수 있다.

2. 중복을 자동으로 제거해준다.

<출처 : 자바 HashSet 사용법 & 예제 총정리 >

Set은 비선형 구조이기 때문에 '순서'의 개념과 '인덱스'가 존재하지 않는다. 때문에 값을 추가 / 삭제 하는 경우 Set 내부에 해당 값을 검색하여 해당 기능을 수행해야 한다. 이로 인해 처리 속도가 List구조에 느리다는 것이 단점이다.

HashSet이란?

HashSet은 Set 인터페이스에서 지원하는 구현 클래스이다. 때문에 Set의 성질을 그대로 상속받는 다는 것이 특징이다.

HashSet의 성질

1. HashSet은 중복된 값을 허용하지 않습니다.

   값의 존재 유무를 파악할 때 사용할 수 있다.

2. List 등과는 다르게 저장한 순서가 보장되지 않습니다.

   저장 순서를 유지해야 한다면 JDK 1.4부터 제공되는 클래스 
   LinkedHashSet을 사용해야 한다.

3. null을 값으로 허용합니다.

HashSet의 구현

HashSet 내부 코드를 보면 HashMap을 사용하여 구현되어 있는 것을 볼 수 있다.

1. HashSet 생성

아래 코드와 같이 사용하여 다양한 방법으로 Hash를 생성할 수 있다.

// 타입을 지정 가능
HashSet<String> animals1 = new HashSet<String>();

// 타입을 생략하여 사용 가능 -> 빈 HashSet생성 시 사용
HashSet<String> animals2 = new HashSet<>();  

// 초기 용량(Capacity) 설정
HashSet<String> animals3 = new HashSet<>(10); 

 // animal의 모든 값을 가진 HashSet 생성 
HashSet<String> animals4 = new HashSet<>(animals1);

//초기값 지정 가능
HashSet<String> animals5 = new HashSet<>(Arrays.asList("tiger", "lion", "fox")); 

2. HashSet 요소 값 추가

생성된 Hash에 add() 메소드를 호출하여 값을 추가 가능하다.

HashSet<String> animals = new HashSet<>()
    animals.add("tiger");
    animals.add("lion");
    animals.add("fox");

HashSet은 저장 순서가 보장되지 않기에 특정 위치에 값을 추가하거나 할 수는 없다는 것을 명심 !

만약 입력되는 값이

• HashSet 내부에 존재하지 않는다면 그 값을 HashSet에 추가하고 true 를 반환한다.
• HashSet 내부에 존재한다면 false를 반환한다.

3. HashSet 크기 구하기

size() 메소드를 사용하여 Hash의 크기를 구할 수 있다.

HashSet<Integer> set = new HashSet<Integer>(Arrays.asList(1,2,3));

//set 크기 : 3
System.out.println(set.size());

4. HashSet 요소 값 삭제

remove(value) 와 clear() 메소드를 사용하여 Hash값을 제거할 수 있다.

HashSet<Integer> set = new HashSet<Integer>(Arrays.asList(1,2,3));

//값 1 제거
set.remove(2);

//모든 값을 제거
set.clear();

만약 삭제하려는 값이

• HashSet 내부에 존재한다면 그 값을 삭제하고 true를 반환한다.
• HashSet 내부에 존재하지 않는 다면, false를 반환한다.

5. HashSet 요소 값 검색

원하는 값에 대해 contains(value) 메소드를 통해 Hash 내부에 존재하는 지 확인이 가능하다.

HashSet<Integer> set = new HashSet<Integer>(Arrays.asList(1,2,3));

////set내부에 값 1이 있다면 true 출력, 없다면 false 출력
System.out.println(set.contains(1)); 

6. HashSet 요소 값 출력

Set 컬렉션을 그냥 'print' 처리 할 경우 대괄호( '[ ]' )로 묶여 Set의 전체값이 출력된다. 때문에, 전체 객체를 대상으로 한번씩 반복해서 가져오는 반복자 (Iterator)를 사용해 출력해야 한다.

HashSet<Integer> set = new HashSet<Integer>(Arrays.asList(1,2,3));

//출력결과 :  [1,2,3]
System.out.println(set); 


Iterator iter = set.iterator();    

//hasNext() : 가져올 객체가 있다면 true 리턴, 없다면 false 리턴
// next() : Iterator에서 하나의 객체를 가져올 수 있는 메소드
while(iter.hasNext()) {
    System.out.println(iter.next());
}

📚 Reference

HashSet이란? (tistory | crazykim2) ** 자바 HashSet 사용 방법 (tistory | psychoria ) **

📋 이번 주 항해 과정!

1. 웹 개발 플러스 강의 시청
2. 미니 프로젝트 기획, 구현, 발표
3. 알고리즘 문제 풀이 28문제

👩‍🏫 배운 것

1. 로그인 페이지와 로그아웃의 구현 방식
2. 웹페이지에서의 CRUD 구현 방식

📝 이번 주 키워드

JWT 란? JWT는 JSON Web Token의 약자로 유저를 인증하고 식별하기 위한 토큰기반 인증이다. 토큰은 세션과 달리 서버가 아닌 클라이언트에 저장되기 때문에 메모리나 스토리지 등을 통해 세션을 관리했던 서버의 부담을 덜 수 있다.
자세한 내용은 [JSON]_JWT를 이해하기 쉽게 정리해보자에 정리해 놓았다.
** API 란?** Application Programming Interface (응용 프로그램 프로그래밍 인터페이스) API 는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. -위키백과-
API는 애플리케이션을 서로 연결하여 서로 통신할 수 있다는 것는 매개체이다!

한 주를 마치며💦

하루 하루 느낀게 많은 한 주였다. 태어나서 이렇게 오랜 시간 책상 앞에 앉아 어떤 것을 해본 게 처음이었다. 처음엔 주 100시간이 정말 넘을 수 없는 벽같이 느껴지기만 했는데, 달려오다보니 어느새 내가 그 벽을 넘고있는 모습을 보니 감회가 새로웠다.

미니 프로젝트를 구현하는 과정에서도 온전히 다른 사람들과 호흡 맞춰가며 했다는 점에서도 정말 좋은 경험을 했다고 느꼈다. 당황스럽고 어려운 점도 많이 생겼는데, 조원들에게 묻고 같이 해결해나가는 과정을 거치면서 함께 성장하는 기분도 받았던 것 같다.

알고리즘 문제 풀이 부분에서는 문제를 풀다보니 자바의 모르는 개념이나 함수들이 너무 많았다. 대표적으로 리스트가 어떤 식으로 사용해야하는지 어떤 부분에서 유용한지 몰랐는데 계속 문제를 풀어가면서 적용해보니 조금씩 감이 잡히기 시작했다. 마라톤 문제 끝까지 생각보다 빨리 풀 수 있어서 좋았고, 다음 주엔 챌린지 문제에 도전해 볼 생각이다.

알고리즘 문제 풀이 둘째 날이다. 프로그래머스 로 문제를 푸는데, 몇 문제가 꽤나 어렵게 풀리는 느낌이 들었다. 쉽고 간결한 코드를 작성하고 싶은데 그게 안되고, 내 코드는 저~ 멀리 돌아가는 느낌이랄까? 아무튼 그 중에서 정수 제곱근 판별 문제에 아주 골머리를 앓았다. 처음엔 반복문과 조건문을 사용해 접근하는 방식으로 풀었는데, 테스트 2번과 4번을 시간 초과로 통과하지 못했다. 질문하기 창에서 검색도 해보고, 몇 시간 동안 이리 저리 코드도 뜯어봤지만 모르겠더라... 결국엔 구글링해서 Math.sqrt()를 사용하는 방법으로 풀었는데, 처음 보는 용어인지라 한번 짚고 넘어가는 차원에서 오늘의 트러블 이슈는 이것으로 정했다.!

트러블 이슈

🖊 문제 설명

임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요.

✔ Math.sqrt() ?

java.lang.Math 클래스의 메소드로 특정값의 제곱근(루트)를 구할 때 사용한다.

Math.sqrt(n)    -->  결과값 : √n

코멘트

목표치였던 '마라톤' 완주를 4문제 남겨뒀다. 최대한 푼다고 풀었는데 오늘 다 하지 못한게 조금 아쉬운 하루였다. 문제 풀이도 조금 간결하고 예쁜 코드를 짜고 싶은데 맘처럼 안되는게 속이 상하지만 그래도 계속 연습하고 풀다보면 언젠간 자바의 '신'이 되어있지 않을까.! 절대 지치지 말기로 하자.

📚 Reference

https://coding-factory.tistory.com/532

오늘은 프로그래밍 기초 주차가 시작된 날이다. Java 기초 문법에 대해 몇가지 찾아보면서 알고리즘 문제를 풀었다. 그 중에 Java 행렬의 개념이 조금 이해하기 어려워 문제를 푸는데 어려움이 있었다.

트러블 이슈

🖊 문제 설명

행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요.

처음에 Java에서의 행렬 자체의 개념과 행, 열에 각각 접근하는 방식을 쉽게 이해하지 못했다. 하지만 다차원 배열의 개념으로 접근해 이해하니 쉽게 이해할 수, 각 행과 열에 접근하는 방식 또한 구글링하여 문제를 풀 수 있었다.

✔ 다차원 배열 이란? 2차원 이상의 배열을 의미하며, 배열의 요소로 또 다른 배열을 가지는 배열을 의미한다.

출처 : tcpschool

1) 문법

1. int[][] arr;
2. int arr[][];
3. int[] arr[];

2) 행과 열의 길이

int arr.length => '행'의 길이
int arr[0].length => '열'의 길이(첫번째 행)

그래서 완성된 코드 !!!

int[][] answer = new int[arr1.length][arr1[0].length];

for (int i = 0; i < arr1.length; i++) {
    for (int j = 0; j < arr1[0].length; j++) {

           answer[i][j] = arr1[i][j] +arr2[i][j]; 
    }
}    

코멘트

📚 Reference

tcpschool (tcpschool)

해시함수란?

알고리즘의 한 종류로서 임의의 길이를 갖는 데이터를 입력 받아서 항상 고정된 길이의 해시값으로 변환하여 출력해주는 함수를 말한다. -Wikipedia

해시함수의 특징

1. 어떤 입력 값에도 항상 고정된 길이의 해시값을 출력한다.

• 회원가입에 사용할 해시함수 SHA256은 어떤 길이의 입력값을 넣어도 항상 256바이트의 결과값이 나온다!

2. 눈사태 효과: 입력 값이 일부만 변경되어도 전혀 다른 값을 출력한다.

3. 출력된 결과 값을 통해서 입력값을 알아내기에 불가능하다.

• 어떠한 규칙성도 발견할 수 없다.

해시함수의 예시

아래 예시는 SHA1를 통해 비슷한 문자열을 암호화한 결과값이다.

"주영재" -> DDB0ED48A84B6C328E50B3BFB3D15364C669C3A6
"주영째" -> 1C2FC56A4172A9B6D5C3C20309A46C01896D3194
"주형재" -> 1DA926EEF1EF8533F57A45124871F8550A278EA9

해시함수의 활용

해시함수는 그리 복잡하지 않은 알고리즘으로 구현되기 때문에, 상대적으로 CPU , 메모리 같은 시스템 자원을 덜 소모한다. 뿐만 아니라, 다양한 목적에 맞게 설계된 해시 함수가 존재하기 때문에 다양한 분야에서 활용하기 유용하다.

📚 Reference

위키백과 해시함수 (위키백과) 해시함수에 대한 개념 정리하기 ( velog | Bityoungjae )

JWT(JSON Web Token)은 인증에 필요한 정보들을 암호화시킨 JSON 토큰을 의미한다. 토큰(Access Token) 은 세션과는 달리 서버가 아닌 클라이언트에 저장되기 때문에, 메모리나 스토리지 등을 통해 세션을 관리했던 서버의 부담을 덜 수 있다는 장점이 있다.

JWT는 토큰 자체에 사용자의 권한 정보 혹은 서비스를 사용하기 위한 정보를 포함시키기 때문에, 데이터가 많아지면 토큰이 커진다는 특성이 있다.

또한 토큰이 한번 발급되었다면, 사용자의 정보를 바꾸더라도 토큰을 재발급하지 않는 이상 반영되지 않는다.

그렇다면, JWT 기반 인증이란?

즉, JWT 토큰을 HTTP 헤더에 실어 서버가 클라이언트를 식별하는 방법이다.

2. JWT의 구조

JWT는 .을 구분자로 Header, Payload, Signature 로 구성된다.

Header

JWT에서 사용할 타입과 해시 알고리즘의 종류가 담겨있다

Payload

서버에서 첨부한 사용자 권한 정보와 데이터가 담겨있다.

Signature

Header, Payload 를 Base64 URL-safe Encode 를 한 이후 Header 에 명시된 해시함수를 적용하고, 개인키(Private Key)로 서명한 전자서명이 담겨있다.

전자서명에는 비대칭 암호화 알고리즘을 사용하므로 암호화를 위한 키와 복호화를 위한 키가 다르다. 암호화(전자서명)에는 개인키를, 복호화(검증)에는 공개키를 사용한다.

3. JWT를 이용한 인증 과정

1. 사용자가 ID, PW를 입력하여 서버에 로그인 인증을 요청한다.
   
2. 서버가 클라이언트로부터 인증 요청을 받으면 Header, Payload, Signature를 정의한다. (Hedaer, PayLoad, Signature를 각각 Base64로 한 번 더 암호화하여 JWT를 생성하고 이를 쿠키에 담아 클라이언트에게 발급한다.)
   
3. 클라이언트는 서버로부터 받은 JWT를 로컬 스토리지에 저장한다. (쿠키나 다른 곳에 저장할 수도 있다.) (API를 서버에 요청할때** Authorization header에 Access Token을 담아서 보낸다**.)
   
4. 서버가 할 일은 클라이언트가 Header에 담아서 보낸 JWT가 내 서버에서 발행한 토큰인지 일치 여부를 확인하여 일치한다면 인증을 통과시켜주고 아니라면 통과시키지 않으면 된다. (인증이 통과되었으므로 페이로드에 들어있는 유저의 정보들을 select해서 클라이언트에 돌려준다.)
   
5. 클라이언트가 서버에 요청을 했는데, 만일 액세스 토큰의 시간이 만료되면 클라이언트는 리프래시 토큰을 이용해서 서버로부터 새로운 엑세스 토큰을 발급 받는다.

4. Cookie & Session / JWT

Cookie & Session

*장점 *

1. Cookie만 사용하는 방식보다 보안이 향상된다.
2. 서버 쪽에서 Session 통제 가능하다.
3. 네트워크 부하 가능성이 낮다.

*단점 *

1. 세션 저장소 사용으로 서버가 부하된다.

JWT

장점

1. 인증을 위한 별도의 저장소가 필요가 없다.
2. 별도의 I/O 작업이 없는 빠른 인증 처리가 가능하다.
3. 확장성이 우수하다.
4. Header와 Payload를 가지고 Signature를 생성하기 때문에 데이터의 위변조를 막을 수 있다.
5. 토큰 기반으로 다른 로그인 시스템에 접근 및 권한 공유가 가능하다.
6. 모바일 어플리케이션 환경에서도 잘 작동한다.

단점

1. 토큰의 길이가 늘어날수록 네트워크가 부하된다.
2. 특정 토큰을 강제로 만료시키기가 어렵다.

📚 Reference

JWT의 개념부터 구현까지 알아보기 JWT이해와 활용 JWT 토큰 인증 이란?

< 출처 동적페이지와 정적페이지 >

1. 정적 페이지

정적 웹페이지(static web page)란 서버에 저장되어있는 HTML+CSS 파일을 그대로 보여주는 것을 말한다.

즉, 모든 사용자에게 똑같은 페이지를 제공하는 것이다.

통신과 계산이 필요없기에 속도가 빠르며, 서버 부담이 적다는 것이 특징이지만, 수정/삭제/추가 등 내용 변경에 있어서 HTML자체를 수정해야하는 번거로움이 존재한다.

2. 동적페이지

동적 웹페이지(dynamic web page)는 상황에 따라 서버에 저장되어있는 HTML에 데이터를 추가하고 가공하여 반환해 보여주는 방법이다.

즉 사용자 마다 다른 페이지를 제공한다. 요즘 대부분의 사이트는 동적페이지로 구성되어있다.

페이지를 상황/시간/사용자의 요청에 따라 다른 모습을 보여줄 수 있다. 하지만 이러한 점 때문에 검색 엔진 최적화가 어렵고, 사용자가 입력을 할 수 있다는 공간이 있어 보안이 취약하다는 단점이 있다.

동적 웹 페이지의 종류

1.CSR

Client-side-rendering

< 출처 The Benefits of Server Side Rendering Over Client Side Rendering >

자바스크립트에 데이터를 포함해 태워보낸 후, *클라이언트 *쪽에서 HTML을 완성하는 방법

복잡해지고 있는 웹페이지를 구현하는데 기존 방식(SSR)보다 많이 사용되고 있다.

동작하는 과정 : HTML 다운로드 - JS 다운로드 - JS 실행 - DATA 서버로부터 받기 - Content 확인가능

*장점 *

1) 사용자의 행동에 따라 필요한 부분만 다시 읽어들이기 때문에 빠른 interaction이 가능하다. 2) 전체가 아닌 필요한 페이지 필요한 부분만 변경하기 때문에 모바일 네트워크에서도 빠른 속도로 랜더링이 가능하다. 3) 일관성 있는 코드 작성이 가능하다. 4) lazy loading을 지원한다. ❓lazy loading이란 ? 페이지 로딩 시 중요하지 않은 리소스의 로딩을 늦추는 기술 (Ex. 스크롤 내려야만 해당 이미지 보이게 하는 것)

단점

1) Searchconsle, Googlebot에 검색 노출이 되지않는다. (브라우저가 없기때문에, html만 가져와서 생기는 문제) 2) 페이지와 자바스크립트를 읽은 후 화면에 보여주는 것까지 마쳐야 콘텐츠가 사용자에게 비춰지기 때문에 초기구동 속도가 느리다. 3) 쿠키 말고는 사용자의 정보를 담을 수 없다.

2.SSR

Server-side-rendering

< 출처 The Benefits of Server Side Rendering Over Client Side Rendering > 서버쪽에서 템플릿 HTML에 데이터를 끼워넣어 완성된 형태의 HTML을 보내주는 방법

전통적입 웹 어플리케이션 렌더링 방식이다.

장점

1) 사용자가 컨텐츠를 볼 수 있는 시점을 앞당길 수 있다. 2) 검색엔진 최적화에 용이하다.

단점

1) 모든 요청에 대해 필요 부분에 대해서가 아닌 완전 새페이지를 로딩해 렌더해준다. (즉, 새로고침) 2) 전체를 로딩하다 보니 CSR보다 느리고, bandwitdh를 많이 쓰고, 사용자 경험 좋지 않다. (화면에는 html요소들이 모두 나오나 js파일 모두가 다운로드 되지않아서 버튼이 클릭되지않는 등의 현상이 있을 수 있다.)

3.복합적인 방법

클라이언트 쪽에서 Ajax 요청을 보내서 서버에서 데이터를 받아와 HTML을 완성하는 방법

📚 Reference

The Benefits of Server Side Rendering Over Client Side Rendering (Blog | Alex Grigoryan)

마크다운이란?

Markdown은 일반 텍스트문서의 양식을 편집하는 문법이다. 현재 세계에서 가장 있기 있는 마크업 언어 중 하나로 Markdown 형식의 파일을 만들 때 텍스트에 Maekdown 구문을 추가하여 다르게 보일 단어와 구문을 표현할 수 있다.

** 마크다운 가이드** https://www.markdownguide.org/

마크다운을 작성하는 방법🖊

1. Headings

h1 부터 h6까지 표현 가능하며, # 을 앞에 작성합니다.

✍ 작성법

# h1
## h2
### h3
#### h4

💻 결과

h1

h2

h3

h4

2. 문단 간격

문단의 간격은 줄 바꿈으로 나타내며, 여러 번 줄 바꿈 시 <br/>을 사용하면 가능합니다

✍ 작성법

This is the first line.<br/><br/>
This is the second line.

💻 결과

This is the first line.

This is the second line.

3.인용

인용문은 > 을 통해 작성합니다.

✍ 작성법

> 인용문 작성법    


> 인용문 작성법
>> `>`을 사용하여 작성
>>> 중첩이 가능

💻 결과

인용문 작성법

인용문 작성법

>을 사용하여 작성

중첩이 가능

4. 목록

순서를 표기하는 목록/ 순서를 표기하지 않는 목록 두가지를 작성할 수 있습니다.

1) 순서를 표기하는 목록

숫자 와 . 을 이용해 작성합니다.

✍ 작성법

1. 첫 번째 작성법
2. 두 번째 작성법
3. 세 번째 작성법

💻 결과

1. 첫 번째 작성법
2. 두 번째 작성법
3. 세 번째 작성법

   2) 순서를 표기하지 않는 목록

   -,*,+을 사용하여 작성합니다. (작성 결과는 같습니다.)

✍ 작성법

- 순서 없는 목록 1
    - 목록 1.1
        - 목록 1.2
- 순서 없는 목록 2

        Tab 두번 하면 코드 블럭을 만들 수 있어요.

* 순서 없는 목록 3
+ 순서 없는 목록 4　

💻 결과

• 순서 없는 목록 1

  • 목록 1.1
    • 목록 1.2

• 순서 없는 목록 2

    Tab 두번 하면 코드 블럭을 만들 수 있어요.

• 순서 없는 목록 3

• 순서 없는 목록 4　

5. 폰트 스타일

기본적인 스타일을 작성 가능합니다.

✍ 작성법

__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~~취소선~~

💻 결과 굵게 굵게 기울여 쓰기 기울여 쓰기 취소선

6. 코드블럭

백틱(')을 사용하여 작성가능합니다. 여러줄의 코드블럭은 백틱을 세개 사용하여 작성합니다.

✍ 작성법

`인라인 코드 작성법`

```
여러줄 코드블럭 작성법
```

💻 결과

인라인 코드 작성법

여러줄 코드블럭 작성법

❗코드 하이라이트 기능 백틱 3개뒤에 언어명과 코드를 입력합니다.

✍ 작성법

```python
print("hello world")
```

💻 결과

print("hello world")

7. 수평선

* , -, _ 등 3개 이상 입력하여 작성합니다.(띄어쓰기를 중간에 삽입해도 됩니다.)

✍ 작성법

***
-----
_______
__ __ __ 

💻 결과

8. 링크

인라인 링크와 url링크로 나타낼 수 있습니다.

✍ 작성법

-인라인 링크 방식
[velog](https://velog.io/)

-url 링크 방식
<https://velog.io/>

💻 결과

velog

https://velog.io/

9. 이모지

다양한 이모지를 사용할 수 있습니다. 아래의 주소에서 복사, 붙여넣기 해서 사용하면 됩니다.

https://kr.piliapp.com/facebook-symbols/

Git으로 관리되는 파일은 일종의 '상태 (status)'를 가진다 상태는 크게 두가지로 나눠진다.

1. Untracked

추적되지 않고 있다는 뜻으로, Git에 의해 파일 변동사항이 전혀 추적되고 있지 않는 상태를 말한다. 예를 들어, 파일을 새로 생성하고 그 파일을 한 번도 git add 해주지 않았다면 이 상태로 존재한다.

2. Tracked

파일이 Git에 의해서 변동사항이 추적되고 있는 상태이다. 이 상태는 다시 그 특성에 따라 3가지 상태로 나눌 수 있다.

** 1) Staged 상태**

파일의 내용이 수정된 후에, staging area에 올라와있는 상태를 말한다.

새로 생성한 파일이나 한번이라도 커밋에 포함됐었던 파일을 수정하고 git add를 했을 경우 이 상태에 놓여있다.

** 2) Unmodified 상태**

최신 커밋의 모습과 비교했을 때 현재 파일 내용 상 바뀐 게 없다면 Unmodified(수정되지 않은, 변한 게 없는) 상태인 파일이다.

커밋을 하고 난 직후에는 working directory 안의 모든 파일들이 이 상태가 된다.

** 3) Modified 상태**

최신 커밋의 모습과 비교해보았을 때, 바뀐 내용이 있다면 Modified(수정된) 상태이다.

Add the file 
: Untracked 상태의 파일을 처음으로 git add 해주면 Staged 상태가 됌

Edit the file 
: 최신 커밋과 비교했을 때 차이가 없는 Unmodified 상태의 파일의 내용을 수정했을 경우 Modified 상태가 됌.

Stage Modified file 
: Modified 상태의 파일을 git add 해주면 Staged 상태가 됌.

Remove the file 
: 파일을 삭제하면 당연히 Git에서 더이상 인식이 되지 않음

Commit 
: 커밋을 하면 staging area에 있던 파일들이 커밋에 반영되고, 이제 모든 파일들은 최신 커밋과 차이가 없게 되어 Unmodified 상태가 될 것. 

1. 프로젝트 주제

프로젝트명

소소한 설레임이 만개하는 화사한 공간

책의 장르 중 '소설'과 '만화'의 베스트셀러를 실시간으로 '크롤링' 해와서 보여주는 웹 사이트를 제작해보는 것을 주제로 삼았다. (추가적으로 날씨 정보 API도 받아와 실시간 보여줄 수 있도록 넣어놨다!)

메인페이지 메인페이지에서 각 버튼 클릭 시 상세 페이지로 이동

2. 프로젝트에서 나의 역할

1) 와이어프레임

모바일과 pc버전의 프레임을 각각 만들어보고 싶다는 조원들의 의견을 반영해 반응형 웹으로 구상했다!

2) HTML 전체

3) 파일병합 & 페이지 간 연결

우리 조원들은 모두 '깃'을 사용할 줄 몰랐다. 프로젝트를 하며 '깃'을 사용하려고 노력해봤는데, 그게 잘 안되서 결국 하나하나 수작업으로💦 합치게 되었다. (내손내일...) py, html file이 각 3개씩이었는데, 지금까지 내가 만들어본 페이지는 하나의 py와 html 파일이 있었던 것이었기에 뭘 어떤식으로 합쳐야할까 처음에 너무 막막했다.

그래도 비교적 Html은 쉽게 연결할 수 있었는데...! 페이지 간 이동은 javascript로 페이지 리다이렉트를 구현하였는데, 나의 경우 버튼에 onclick()을 사용해 아래 코드와 함께 쉽게 연결에 성공했다.

window.location.href ='/location'

연결 후 메인페이지와 연결 된 파이썬 파일을 실행시키면 날씨 API는 잘되었는데, 문제는 버튼을 통해 상세 페이지로 이동하면 다른 파이썬 파일이 작동이 안해, 크롤링 된 리스트들이 뜨지 않는다는 것이었다... 나니? 왜...?

정말 몇시간을 구글링해도 파이썬파일을 여러개 실행시키는 법을 모르겠었다. ㅠ 그러다 문득 파일을 하나로 합쳐본다면? 하는 생각이 들었다. 아래는 코드를 합친 과정 중 일부다!!

파일을 합친 방식

• 메인 페이지를 app.py에서 app.route('/')으로 삼아줬다. 상세 페이지를 /뒤에 'keyword'를 붙여주는 식으로 연결

• 파일명에 맞게 장식자 @app.route('/') 로 변경

  @novel.route("/novel/monthly", methods=["GET"])
  def web_novel_monthly_get():
    monthly_list = list(db.novelMonthly.find({}, {'_id': False}))
    return jsonify({'best_sellers2': monthly_list})

  ⬇

  @app.route("/novel/monthly", methods=["GET"])
  def web_novel_monthly_get():
    monthly_list = list(db.novelMonthly.find({}, {'_id': False}))
    return jsonify({'best_sellers2': monthly_list})

합치는 도중에 이곳 저곳 생겨난 에러에 당황하기를 오만번...!! 드디어 하나로 합쳐서 실행시킬 수 있었고, Flask가 어떤 식으로 실행되는건지 조금은 이해가기 시작했다.

4) 서버 배포

👉 5주차_서버배포를 보고 다시 복습하는 느낌으로 했다.

3. 마치며

특히나 단순히 강의를 따라만든 웹이 아니라, 우리가 기획하고 코드를 짜며 만들어 본 첫 프로젝트라 더욱 기억에 남을 것 같고 조원들도 모두 좋고 적극적이었어서 힘들지않았다.

아직 기능 부분에서 부족한 점이 많았지만, 시간이 조금 지나면 더 공부해서 이번보다 잘 해낼거라고 생각하기에 후회하지는 않는다. 내가 만들고 싶은 기능을 만들 수 있을 때까지 실력이 얼른 늘었으면 좋겠다.

• commit [커밋] 프로젝트(working) 디렉토리의 특정 모습을 하나의 버전으로 남기는 행위 & 결과물

• repository [저장소] 커밋이 저장되는 곳 : 프로젝트 디렉토리의 각 버전이 담기는 저장소

2. repository 생성

git은 내부적으로 3가지 종류의 작업 영역이 존재한다.

working directory 프로젝트 디렉토리

staging area git add한 파일들이 존재하는 영역으로 이곳에 있는 파일들만 커밋에 반영된다

repository working directory에 변경 이력들이 저장되어 있는 영역

working directory에서 뭔가 작업을 하고,
작업한 파일들을 git add 해주고,
커밋을 하면 staging area에 있던 파일들의 모습이 마치 영화의 한 
장면, 스냅샷(snapshot)처럼 이 repository에 저장되는 것.

1) 프로젝트 디렉토리 생성

mkdir MathTool  -> directory 만들기

2) 프로젝트 디렉토리 버전관리를 위한 설정

git init  -> git으로 프로젝트 디렉토리의 버전관리를 위한 설정

" Initialized empty Git repository in /Users/kimjiae/MathTool/.git/" -> 비어있는 레포지토리를 생성했다.

.git 디렉토리 (= repository)가 생성된 것을 확인할 수 있다

commit 해보기

1) commit할 파일 directory에 저장

MathTool에 bucketapp.py(파이썬 파일) 저장

2) git config 설정 -commit에 필요한 것 * 이름 * 이메일 커밋 메세지(커밋에 관한 정보)

git에게 commit한 사람에 대한 정보 제공하기

git config user.name "______"

git config user.email "______"

3) commit할 파일 지정하기

git add 파일명

4. commit

git commit -m " 커밋 메세지 "

"root-commit = 첫 번째 커밋" "insertions = 커밋된 파일 줄 갯수"

: '내 컴퓨터에서 서버를 만들고, 내가 혼자 접속해보는 것'

1. Flask기초

Flask란?

Flask 프레임워크 : 서버를 구동시켜주는 편한 코드 모음 "프레임워크"를 사용하지 않는다면 태양초를 빻아서 고추장을 만드는 격 ( 프레임워크 = 3분 요리)

Flask 사용하기

1) python package에서 flask설치!! (+ db사용시 : dnspython, pymongo, certifi, 크롤링 사용시 : requests, bs4 추가설치)

2) import

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
return 'This is Home!'

if __name__ == '__main__':
app.run('0.0.0.0',port=5000,debug=True)

_ URL 나누기 방법 _

@app.route('/')
def home():
return 'This is Home!'

@app.route('/mypage')
def home():
return 'This is mypage!'

기본 폴더구조

Flask 서버 생성시. 항상

프로젝트 폴더 내, L static 폴더(img, css 파일) L templates 폴더(html 파일) L app.py

html-py 연결하기

from flask import Flask -> 뒤 ', render_template'작성

@app.route('/')
def home():
return -> 뒤 'render_template('html파일명')'

2. API 만들기

API  =  은행창구
: 클라이언트가 요청할 시에도 "방식"이 존재한다.
클라이언트는 HTTP request method(요청 메소드)를 통해, 
어떤 요청 종류인지 응답하는 서버 쪽에 정보를 알려주는 것이다.

1)** GET** : 통상적으로 데이터 요청시에 > 데이터 전달 : url 뒤에 ?를 붙여 key=value로 전달 ex. google.com?q=북극곰

2) POST : 통상적으로 데이터 생성, 변경, 삭제 요청시에 > 데이터 전달 : 보이지않는 html body에 key:value형태로 전달

코드 버전 관리와 동시 협업을 가능하게 해주는 Tool

버전관리란 파일의 변화를 시간에 따라 기록했다가, 이후 특정시점의 버전을 다시 꺼내올 수 있는 시스템을 말하는데 지난 과정을 확인 하거나, 이전 버전으로 돌아갈 수 있다는 장점을 갖고 있어 개발자들이 코드를 작성할 때 유용하게 사용된다. git은 매번 작성하는 코드의 모습을 하나의 버전으로 저장할 수 있게 해주며, 여러 개발자들이 협업할 수 있는 기능도 갖추고 있다.

'깃허브'란?

깃으로 관리하는 프로젝트를 올려둘 수 있는 원격저장소의 기능을 제공해주는 서비스이다.

설치하기

1. brew 설치

https://brew.sh/ Install Homebrew 아래의 커맨드 복사 -> terminal -> enter -> 맥 사용자 비밀번호 + enter

2. brew로 git설치 (터미널 창 아래 코드 작성)

brew install git

Python

동적 타이핑 범용 프로그래밍 언어로, 플랫폼 "독립적"으로 다양한 플랫폼을 사용 가능하며, 라이브러리(모듈)가 풍부하다.

파이썬의 특징

1. 프로젝트 생성시 venv폴더 자동 생성: 안보이는 것으로 간주
2. 매우 직관적인 언어로 중괄호, 세미콜론 등이 사용되지 않는다.
3. 변수 정의 시 자료형을 따로 정해주지 않아도 된다.
4. 줄 맞춰 작성하는 것이 아주 중요하다.

ex)    a = 2
       b = 3

       print(a+b)   

파이썬 지식

• 자료형

1) 숫자, 문자형
2) 리스트형: 배열(자바스크립트와 동일)
3) Dictionary형(자바스크립트와 동일)
    -> 리스트와 조합으로도 사용가능 

• 함수

  def로 시작

• 조건문

  if :
  else:
  
  ________________________
  or if is not ____:

• 반복문

  리스트와 함께 쓰이도록 고안되어 있다.
  => for fruit in fruits:

Python 내장함수

1. 리스트에 목록 추가

           - append()

2. 스크래핑 & 크롤링

스크래핑과 크롤링

웹 서버에 저장된 데이터를 가져오는 행위를 웹 크롤링 혹은 웹 스크래핑이라 한다. "웹 스크래핑"은 웹사이트로부터 특정한 데이터만 가져오는 행위를 의미하며, "웹 크롤링"은 구글, 네이버, 다음과 같은 포털 사이트들이 인터넷에 있는 다수의 정보를 가져가는 행위를 말한다.

크롤링 준비

크롤링을 하기 위해서는 외부라이브러리(= 파이썬 패키지)를 사용해야한다!!! L 프로젝트 별로 라이브러리를 모아둘 수 있게 설계되었음 ('가상환경 = venv')

** 라이브러리**

1) requests 일종의 ajax역할을 하는 것

import requests 
r = requests.get('url')
rjson = r.json()

2) bs4(beautifulsoup) 크롤링 시 찾고자 하는 내용(ex.제목 등)을 쉽게 찾도록 돕는 라이브러리

import requests
from bs4 import BeautifulSoup
headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data =    requests.get('url',headers=headers)
soup = BeautifulSoup(data.text, 'html.parser'

3. mongoDB

DB란?

데이터를 잘 뽑아쓰기 위해 정리해놓는 것으로 "프로그램" 중 하나 일 뿐이다 요즘은 cloud형태로 제공받아 사용하는 경우가 많다

DB의 종류

1) SQL 정형화 되어 데이터를 쌓는 것 -mysql

2) NOSQL 비정형화 되어 유연하게 쌓는 것 - mongodb

mongoDB

-> 트래픽 대응에 편리하다는 장점이 있음 -> mongoDB Atlas : 클라우드 환경에서 제공하는 db프로그램

mongoDB 사용방법

package 설치 : dnspython, pymongo , certifi

from pymongo import MongoClient
import certifi

ca = certifi.where()
client = MongoClient('mongodb+srv://username:<password>@cluster0.hvkrheo.mongodb.net/?retryWrites=true&w=majority', tlsCAFile=ca)
db = client.dbsparta

# 저장 - 예시
doc = {'name':'bobby','age':21}
db.users.insert_one(doc)

# 한 개 찾기 - 예시
user = db.users.find_one({'name':'bobby'})

#여러개 찾기 - 예시 ( _id 값은 제외하고 출력)
all_users = list(db.users.find({},{'_id':False}))

# 바꾸기 - 예시
db.users.update_one({'name':'bobby'},{'$set':{'age':19}})

 # 지우기 - 예시
db.users.delete_one({'name':'bobby'})