전체 글 50

[인프런/김영한/모든 개발자를 위한 HTTP웹 기본 지식]HTTP 헤더2 -캐시와 조건부 요청

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런 www.inflearn.com * 김영한 선생님의 모든 개발자를 위한 HTTP 웹 기본 지식을 수강하고 간략히 정리해보자. 캐시의 기본 동작 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다. 인터넷 네트워크는 매우 느리고 비싸다. 브라우저의 로딩 속도가 느리다. 느린 사용자 경험 캐시 적용 . 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다. 비싼 네트워크 사용량을 줄일 수 있다. 브라우저 로딩 속도가 매우 빠르다. 빠른 사용자 경험을 만들어준다. 웹 브라우저 이용시 ..

WORK/HTTP 2023.11.09

[인프런/김영한/모든 개발자를 위한 HTTP웹 기본 지식]HTTP 헤더1 - 일반 헤더

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런 www.inflearn.com * 김영한 선생님의 모든 개발자를 위한 HTTP 웹 기본 지식을 수강하고 간략히 정리해보자. HTTP 헤더 개요 HTTP 헤더 header-field = field-name ":" OWS field-values OWS (OWS = 띄어쓰기 허용) HTTP 전송에 필요한 모든 부가정보 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보.. * 필요시 임의의 헤더 추가가 가능하다. ex) helloworld: hiyo HTTP 헤더 - RFC2616(과..

WORK/HTTP 2023.11.09

[인프런/김영한/모든 개발자를 위한 HTTP웹 기본 지식]HTTP 상태코드

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런 www.inflearn.com * 김영한 선생님의 모든 개발자를 위한 HTTP 웹 기본 지식을 수강하고 간략히 정리해보자. HTTP 상태코드 소개 상태코드 - 클라이언트가 보낸 요청의 처리 상태를 응답해서 알려주는 기능 1xx (Informational) : 요청이 수신되어 처리중(거의 사용이 되지 않음) 2xx (Successful) : 요청 정상 처리 3xx (Redirection) : 요청을 완료하려면 추가 행동이 필요 4xx (Client Error) : 클라이언트 오류, 잘못된 문법등으로 서버가 요청을 수행할 수 없음 5..

WORK/HTTP 2023.11.08

[인프런/김영한/모든 개발자를 위한 HTTP웹 기본 지식]HTTP 메서드 활용

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런 www.inflearn.com * 김영한 선생님의 모든 개발자를 위한 HTTP 웹 기본 지식을 수강하고 간략히 정리해보자. 클라이언트에서 서버로 데이터 전송 1.쿼리 파라미터를 통한 데이터 전송 GET 방식으로 많이 사용하고 검색어로 검색할 때, 게시판 리스트에 정렬 조건을 넣을 때 쿼리 파라미터를 이용해서 많이 사용한다. 2.메시지 바디를 통한 데이터 전송 HTTP 메시지 바디를 통해서 데이터를 전송한다. POST, PUT, PATCH 방식으로 주로 사용한다. 회원가입, 상품주문, 리소스 등록, 리소스 변경 클라이언트에서 서버로..

WORK/HTTP 2023.11.08

[Spring Security] 테스트에 시큐리티 적용하기

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 이전에는 테스트 코드를 작성하고 API를 바로 호출하는 형태였다. 하지만 시큐리티가 활성화되면서 인증된 사용자가 아니면 API를 호출할 수 없기 때문에 테스트 코드에 인증한 사용자가 호출한 것처럼 작동하도록 수정을 해야한다. ※Test에 application.propertise가 없으면 main 설정을 그대로 가져온다. (application.propertise만 가져오고..

WORK/STUDY 2023.10.28

[Spring & OAuth2] 네이버 로그인 연동

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 아래로 접속하여 Open Api를 신청한다. 네이버 로그인 - INTRO 환영합니다 네이버 로그인의 올바른 적용방법을 알아볼까요? 네이버 로그인을 통해 신규 회원을 늘리고, 기존 회원은 간편하게 로그인하게 하려면 제대로 적용하는 것이 중요합니다! 이에 올바 developers.naver.com 등록을 완료하면 Client ID, Client Secret이 나온다 . 구글 ..

WORK/STUDY 2023.10.27

[Spring & OAuth2] 구글 로그인 연동

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 Spring Security - 막강한 인증, 인가 기능을 가진 프레임워크 -스프링 기반 애플리케이션 보안 표준 OAuth : 인터넷 사용자들이 비밀번호 제공하지 않고 다른 웹 사이트 상의 자신들의 정보에 대해 웹 사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단. - ex: 네이버 아이디로 로그인, 구글 아이디로 로그인, ... OAuth 사용 이유 이 ..

WORK/STUDY 2023.10.27

[Spring & Mustache] 게시글 조회 화면

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 UI 변경 index.mustache에 게시글 목록을 나타낼 테이블 코드를 추가 {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 글 등록 게시글 번호 제목 작성자 최종 수정일 {{#posts}} {{id}} {{title}} {{author}} {{modifiedDate}} {{/posts}} {{>layout/footer}} Repostiory 수정 ..

WORK/STUDY 2023.10.26

[Mustache] 게시글 등록 화면

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 공통 코드 게시글 등록 화면에 앞서 부트스트랩과 제이쿼리 라이브러리를 추가하자. 이 라이브러리들은 mustache 화면 어디서나 들어가는 공통 코드들이니 별도로 레이아웃 파일을 추가한다. 본 프로젝트는 간단한 규모이니 외부 CDN을 사용한다. 하지만 실무에서는 이 방법을 사용하면 CDN 서비스하는 곳에 문제 생기면 CDN을 사용한 화면에서도 덩달아 문제가 생겨버리니 잘 쓰..

WORK/STUDY 2023.10.26

[Mustache] 화면 역할에 충실한 템플릿 엔진

스프링 부트와 AWS로 혼자 구현하는 웹 서비스 - 예스24 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다. 경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 www.yes24.com *위의 책을 따라 학습한 것을 정리한 내용입니다 Mustache란? 머스테치는 다양한 언어를 지원하는 심플한 템플릿 엔진이다. (템플릿 엔진: 지정된 템플릿 양식과 데이터가 합쳐져 html 문서를 출력하는 소프트웨어.) java에서 이용할 때는 서버 템플릿 엔진, javascript에서 이용할 때는 클라이언트 템플릿 엔진으로 모두 사용 가능하다. 서버 템플릿 엔진의 종류 - JSP, Velocity: 스프링 부트에서 권..

WORK/STUDY 2023.10.26