Class 시작 전 작성 할 Annotation @RestController : 기존 Controller 에서 Rest를 붙여줘서 RestController 임을 알려준다. @CrossOrigin(Origins =" * ") : CrossOrigin 어노테이션은 여러 Properties를 가지고 있다. 그 중, origins는 허용할 도메인을 나타낸다. CrossOrigin 어노테이션에 대한 글이니까 참조! REST API CrossOrigin Annotation 간단 정리 Front와 Back 으로 나눠서 개발을 진행 하는 수업을 하였다. 근데 말입니다? 코드가 틀린 곳이 없는데 자꾸 에러가 뜨는거에요? 자꾸 CORS가 어쩌고 저쩌고, CrossOrigin이 어쩌고 저쩌고 이런 말이 개발 henniee..

Front와 Back 으로 나눠서 개발을 진행 하는 수업을 하였다. 근데 말입니다? 코드가 틀린 곳이 없는데 자꾸 에러가 뜨는거에요? 자꾸 CORS가 어쩌고 저쩌고, CrossOrigin이 어쩌고 저쩌고 이런 말이 개발자 도구에서 사라지지 않아... 암튼 그래서 궁금해서 열심히 찾아 봤다. 일단 CORS(Cross-origin resource sharing) 은 오류나 에러가 아니라 하나의 보안 정책이라고 생각하면 된다. Same-origin policy CORS를 알기전에 우선 반대 개념인 Same-origin policy(동일 출처 정책)를 알아야 한다. 더보기 동일 출처 정책이란 : 프로토컬, 도메인, 포트가 모두 같은 어떤 사이트가 있다면 해당 사이트에서 가져온 리소스와 상호작용을 제한하는 중요한..

REST API 를 사용한다는 것은 완벽하게 BACK 과 FRONT를 나눠서 개발을 하겠다는 의미이다. 따라서 이제는 FRONT 즉 VIEW 페이지를 전혀 신경 신경쓰지 않고 만들어도 된다. 그러면 어떻게 데이터의 CRUD를 확인 할 수 있을까? 바로 Postman을 사용해서~~ 강사님이 더 쉬워졌다면서 갑자기 확장 프로그램을 클릭하라 하셨는데 다들 확장프로그램이 어디있나 못 찾고 우왕좌왕 하는 꼴 제법 웃겨요.... 다들에 나도 포함... 왜 숨겨져 있는건데.... Postman 기초 설정 1. 크롬 우측의 맞춤설정 및 제어에서 확장 프로그램을 클릭한다. 2. 좌측 상단의 삼지창 메뉴를 클릭하고 하단의 웹스토어 열기를 클릭한 3. Postman 을 검색한 후 보라색 postman을 클릭 한 후 설치. ..

REST API 를 알아보기 전에 REST가 무엇인지 먼저 알아보자. REST(Representational State Transfer) 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미한다. URI를 통해 자원을 명시하고, Method (POST, GET, PUT, DELETE, PATHCH..)를 통해 자원에대한 CRUD 연산을 적용하는 것이다. REST API REST의 원리를 따르는 API를 의미한다. 하지만 REST API를 올바르게 설계하기 위해서는 지켜야 하는 몇가지 규칙이 있다. REST API 설계 예시 1. URI는 동사보다는 명사를, 대문자보다는 소문자를 사용한다 ⛔️ : http://localhost:xxxx/MEMOS 👍 : http://localhost:xxx..