omaeng

이번 포스팅에서는 요청에 Cross-Origin-Resource Sharing(CORS) 헤더를 포함하여 응답하는 웹서비스를 배워 보겠습니다! CORS란? https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 교차 출처 리소스 공유 (CORS) 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. 웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행합니다. developer.mozilla.org 교차 출처 리소..

이번 포스팅은 스프링 시큐리티의 보호를 받는 웹 어플리케이션 구축에 대해서 말씀드리겠습니다. 앞으로 우리가 구축하게될 웹 어플리케이션은 Spring MVC인데, 회원 목록에 있는 사용자만 선별하여 로그인 시키도록 하겠습니다. 준비사항 약 15분의 시간 선호하는 애디터나 IDE JDK 1.8 이상 gradle 4이상이나 maven 3.2이상 Spring Initializr https://start.spring.io/ 불러오는 중입니다... 스프링 이니셜라이저로 접속해 프로젝트를 생성 하겠습니다. 프로젝트는 Maven이나 gradle 상광없으니 편하신 것으로 선택 해주세요. Java와 Boot 버전 2.2.6을 선택해주시고(default를 선택해주시면 됩니다. Spring측에서 주장하는 가장 안정적인 버전 ..

Front와 Back을 나눠서 개발하는 경우 데이터의 자료형이 발목을 잡는 경우가 많다. 자주 사용하는 Int와 String은 자료형이 고정적이라 에러가 자주 발생하지 않지만, API를 자세하게 읽어보지 않은 경우 그리고 API가 친절하게 설명되지 않은 경우 에러가 발생한다. React로 웹 어플리케이션을 만들고 Back에 있는 데이터와 상호작용 할때 date format 이슈에 대해 해결한 방법을 공유하고자 한다. 문제상황 HyperText Transfer Protocol (HTTP) 400 Bad Request 응답 상태 코드는 서버가 클라이언트 오류(예: 잘못된 요청 구문, 유효하지 않은 요청 메시지 프레이밍, 또는 변조된 요청 라우팅) 를 감지해 요청을 처리할 수 없거나, 하지 않는다는 것을 의미..

이번에 따라가 볼 가이드는 RESTful 웹 서비스 사용하기! 입니다. 이 가이드는 RESTful 웹 서비스를 사용하는 application 생성 프로세스를 따릅니다. 우리가 만들 application Spring의 RestTeamplate를 사용해 https://gturnquist-quoters.cfapps.io/api/random 위 API에서 무언가를 검색하는 application을 만들겠습니다. 준비 사항 약 15분의 시간 JDK 1.8 이상의 버전 Gradle 4+ 혹은 Maven 3.2+ 가장 선호하는 IDE (우리는 vscode를 사용할게요!) Spring Initializr 이전에 따라한 것과 같이 https://start.spring.io/ 에 접속하여 하단에 의존성을 web만 선택하시고..

이번 가이드는 Spring을 사용하여 "Hello, World"를 출력하는 RESTful 웹 서비스 구축 안내서입니다! 앞으로 구축하게 될 것들 우리는 앞으로 HTTP의 GET 메소드 요청을 수행하는 서비스를 만들 것입니다! http://localhost:8080/greeting 위와 같이 요청이 오게 되면 JSON 형식의 결과물을 응답으로 보낼 것입니다. 바로 {"id":1,"content":"Hello, World!"} 이렇게요! 그리고 요청 URL에 name 매개변수를 넣어 다음과 같이 요청할 수 있습니다. http://localhost:8080/greeting?name=User name 매개변수는 World 로 기본 설정 할 것입니다! 하지만 사용자가 매개변수를 통해 name을 설정한다면 재설정된..