티스토리

바바

검색하기

블로그 홈

바바

ococ99.tistory.com/m

pupu91 님의 블로그입니다.

구독자: 7

방명록 방문하기

반응형

주요 글 목록

[ Vue.js ] Provide & Inject 를 사용하여 prop보내기 📌componet1을 자식 컴포넌트로 등록한 App.vue 📌componet1은 componet2를 componet2는 componet3을 자식 컴포넌트로 등록 → 마지막 자식 컴포넌트인 componet3에서 상위 부모컴포넌트인 App.vue의 prop을 받는 방법으로 , App.vue부터componet3.vue 까지 한 단계씩 prop을 전달하는 방법이 있지만, 이 방법은 번거로움으로 provide & inject 을 사용해서 prop을 보낸다. Provide & Inject 를 사용하여 prop 넘겨주기 ✔ provide : 데이터를 넘겨주는 쪽에서 사용(부모컴포넌트) ✔ inject : 데이터를 넘겨 받을 곳에서 사용(자식컴포넌트) 📌 App 컴포넌트에서 provide에 prop으로 보낼 변수명과 .. 공감수 0 댓글수 0 2023. 2. 7.
[ Vue.js ] 커스텀 이벤트 $emit 사용하여 부모, 자식 간 컴포넌트 데이터 전달하고 전달받기 📌 DetailView.vue 컴포넌트에 모달창 만들기 📌 App.vue 에 DetailView등록 후 사용하기 → 상세보기 버튼을 클릭했을 때만 모달 창이 보여지게 설정하기 (1) displayDetail : false 로 변수 선언 (2) 등록한 DeatailView 에 v-if를 사용하여 displayDetail 사용 (3) 상세버튼 클릭 시 displayDetail 값이 true로 변경되게 설정 📌 화면 출력 → 닫기 버튼을 클릭했을 때 모달을 닫기 위해서 displayDetail 값을 false로 만들면 될거 같지만, displayDetail 는 부모 컴포넌트에서 받아온 prop이기 때문에 값을 변경하지 못한다. 받아온 prop은 읽기 전용이기 때문에 값을 변경하고자 한다면 부모 컴포넌트에게 메.. 공감수 0 댓글수 0 2023. 2. 6.
[ Vue.js ] 배열을 props 로 보낸 후 v-for 사용하여 상품 목록 출력하기 배열을 props 로 보낸 후 출력하기 📌 App.vue 에서 product 배열 안에 Object 생성 → 자식 컴포넌트인 ProductList.vue를 components에 등록 해주고 products 배열을 prop으로 보내기 📌 ProductList.vue에서 props로 받아올 product의 type 은 Array로 지정하고, default 값을 반환 할 수 있게 작성 📌 출력 화면 2 . products 아이템들 꺼내서 상품 목록 만들기 📌ProductList.vue에서 ProductItem.vue 등록 → v-for를 사용하여 product를 출력하는 반복문 작성, ProductItem.vue 에 prop 넘기기 📌 ProductList에서 넘어온 props 타입 설정 → 머스타치 문법을 .. 공감수 0 댓글수 0 2023. 2. 6.
[ Vue.js ] Object 를 props로 보내는 방법 Object type을 prop로 보내기 📌부모 컴포넌트에서 Object 만들기 → 부모 컴포넌트인 App.vue에서 info 라는 Object를 만들어 key : value 작성 📌 자식 컴포넌트에 Object prop 넘겨주기 📌 자식 컴포넌트에서 props 등록 → info 에 타입을 Object로 설정한다. 📌 받아온 데이터를 오브젝트의 프로퍼티에 접근하여 출력한다. 📌화면 출력 Object prop의 기본값 설정 방법 📌 Object가 undefinde 일때 에러 발생하지 않게 defuault 값을 설정해준다. 📌자식 컴포넌트에서 default 를 사용하여 기본값을 지정해준다. → default: 화살표 함수를 사용하여 값을 retrun 해주는 형태로 작성하면 된다. → 화살표 함수가 아닌 메소.. 공감수 0 댓글수 0 2023. 2. 6.
[ Vue.js ] Component & props 사용 방법 1 . 컴포넌트 만들기 ✔ components 폴더에 .vue 파일 생성 ✔ template, script 작성하기 → 디버깅할 때 name 속성을 통해 확인할 수 있으므로 name을 정해주는 것이 좋다 2 . 컴포넌트 사용하기 ✔ impor → App.vue 에서 만들어 놓은 HelloUser 컴포넌트를 import 해준다. ✔ 컴포넌트 등록 → 컴포넌트를 사용하기 위해서는 컴포넌트 등록이 필요하기 때문에 components 오브젝트 안에 key: value 형태롤 컴포넌트를 등록해 준다. (key와 value 값이 같은 경우 하나로 생략해서 작성하면 된다.(ES6 문법)) ✔ 컴포넌트 사용 → template 태그 안에 사용할 컴포넌트 태그를 작성한다. ✔ 화면 출력 → HelloUser에 작성한 '.. 공감수 0 댓글수 0 2023. 2. 6.
[ Vue.js ] Vue 기본 문법 (CDN방식, v-html ,v-model, v-if v-else-if, v-on, v-bind,v-show) 1. Vue 인스턴스 만들기 new Vue 블럭안에 el, data, method 등 옵션을 설정할 수 있다. new Vue({ el: "#app", data: { text: 'hellp world' }, }) 2. new Vue()에 사용가능한 옵션(속성) 옵션 설명 el 인스턴스가 그려지는 화면의 시작점 template 화면에 표시할 요소 data 뷰의 반응성 Reactivity 반영 속성 method 화면의 동작과 이벤트 로직 제어 메소드 watch data에 정의한 속성이 변화했을때 추가동작 수행하게 해주는 속성 computed 데이터의 문자열 순서를 역으로 변화해주는 속성 기타 LifeCycle Hook(created, mounted..) 뷰 라이프 사이클과 관련된 속성 3. 데이터 출력 방법 .. 공감수 0 댓글수 0 2023. 1. 25.
[ Vue.js ] Vue 라이프 사이클(lifecycle) Vue 라이프 사이클(lifecycle) - 인스턴스나 컴포넌트가 생성되고 소멸되기까지의 단계 - 각 단계에서 실행되는 함수들을 라이프사이클 훅이라고 한다. - 크게 생성(create), DOM에 부착(mount), 업데이트(update), 소멸(distory) 4가지 과정을 거친다. beforeCreate Vue 인스턴스가 초기화 된 직후에 발생 컴포넌트가 DOM에 추가되기 전이여서 this.$el 사용할 수 없음 데이터와 이벤트가 설정되기 전이여서 data, methods에 접근할 수 없음 created 인스턴스가 부착되기 전이기 때문에 template 속성에 정의된 돔 요소에 접근 불가 data, methods 등이 활성화되어 접근 가능 컴포넌트 초기에 외부에서 받아온 값들로 data를 세팅하거나,.. 공감수 0 댓글수 0 2023. 1. 25.
[제이쿼리] jQuery와 Ajax Ajax (Asynchronous JavaScript and XML) 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. 백그라운드 영역에서 서버와 데이터를 교환하여 웹페이지에 표시해 준다. jQuery와 Ajax - 제이쿼리에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메소드를 제공하고 있다. - 이러한 메소드를 사용하면 HTTP 요청(request)을 손쉽게 보낼 수 있고, 데이터의 종류에 따라 그에 알맞는 메소드를 사용하여 서버에 데이터를 요청할 수도 있다. $.ajax()메소드 - 모든 제이쿼리 Ajax 메소드의 핵심 - HTTP 요청을 직관적으로 구성 ▷ 기본 문법 $.ajax(URL주소[,옵션]) => URL : 클라이언트가 HTTP 요청을 보낼 서.. 공감수 0 댓글수 0 2023. 1. 25.
[제이쿼리] jQuery 기존 요소를 포함하는 요소의 추가(wrap() , wrapAll(), wrapInner()) 기존 요소를 포함하는 새로운 요소를 추가해주는 메소드 메소드 설명 .wrap() 선택한 요소를 포함하는 새로운 요소를 추가함. .wrapAll() 선택한 모든 요소를 포함하는 새로운 요소를 추가함. .wrapInner() 선택한 요소에 포함되는 새로운 요소를 추가함. 1. .wrap() 메소드 '선택한 요소'를 포함하는 새로운 요소를 추가 .wrap() 메소드 첫 번째 컨텐츠에요! 두 번째 컨텐츠에요! div 요소 추가 ▼result 2. .wrapAll() 메소드 '선택한 모든 요소' 를 포함하는 새로운 요소를 추가 .wrapAll() 메소드 첫 번째 컨텐츠에요! 두 번째 컨텐츠에요! div 요소 추가 ▼result 3. .wraplnner() 메소드 '선택한 요소에 포함되는' 새로운 요소를 추가 .w.. 공감수 0 댓글수 0 2023. 1. 25.
[제이쿼리] jQuery 요소의 외부에 추가(.before(), .after(), .insertBefore(), insertAfter()) 기존 요소의 외부에 새로운 요소나 콘텐츠를 추가해주는 메소드 메소드 설명 .before() 선택한 요소의 바로 앞에 새로운 요소나 콘텐츠를 추가함. .after() 선택한 요소의 바로 뒤에 새로운 요소나 콘텐츠를 추가함. .insertBefore() 선택한 요소를 해당 요소의 앞에 삽입함. .insertAfter() 선택한 요소를 해당 요소의 뒤에 삽입함. 1. .before() 메소드 선택한 요소의 '바로 앞에' 새로운 요소나 콘텐츠를 추가 .before() 메소드 햄버거 피자 김치찌개 아이템 추가 ▼ result 2. after() 메소드 선택한 요소의 '바로 뒤에' 새로운 요소나 콘텐츠를 추가 .after() 메소드 햄버거 피자 김치찌개 아이템 추가 ▼ result 3. insertAfuer() 메.. 공감수 0 댓글수 0 2023. 1. 25.
[제이쿼리] jQuery 요소의 내부에 추가 (append, prepend, appendTo, prependTo) 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가해주는 메소드 메소드 설명 .append() 선택한 요소의 마지막에 새로운 요소나 콘텐츠를 추가함. .prepend() 선택한 요소의 처음에 새로운 요소나 콘텐츠를 추가함. .appendTo() 선택한 요소를 해당 요소의 마지막에 삽입함. .prependTo() 선택한 요소를 해당 요소의 처음에 삽입함. .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. 1. .append() 메소드 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가 .append() 메소드 햄버거 피자 김치찌개 아이템 추가 ▼result 2. .prepend() 메소드 선택한 요소의 '처음'에 새로운 요소나 콘.. 공감수 0 댓글수 0 2023. 1. 24.
[제이쿼리] jQuery 메소드 체이닝, getter / setter, width() / height(), .attr() 메소드 getter 메소드 와 setter 메소드 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. .width() 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정함. .height() 선택한 요소 중에서 첫 번째 요소의 높이를 픽셀 단위의 정수로 반환하거나 설정함. .attr() 해당 요소의 명시된 속성의 속성값을 반환하거나 설정함. .position() 선택한 요소 중에서 첫 번째 요소에 대해 특정 위치에 존재하는 객체를 반환함. (getter 메소드) .val() 요소의 값을 반환하거나 설정함. 1 . getter 메소드 & setter 메소드 - getter : 선택된 요소에 접근하여 .. 공감수 0 댓글수 2 2023. 1. 24.
[제이쿼리] jQuery 선택자 (요소저장, 필터링, input선택자) 제이쿼리 선택자 - css 선택자뿐만 아니라 몇몇 비표준 선택자도 사용할 수 있다. - 이러한 비표준 선택자를 사용하면 선택한 요소를 저장하거나, 그 결과에 대해 필터링까지 할 수 있다. 1. 선택한 요소 저장 선택한 요소들을 변수에 저장하여 사용할 수 있다. 변수에 요소 저장하기 아이템 1 아이템 2 아이템 3 아이템 4 아이템 5 ▼ 2 - 1 . 선택한 요소의 필터링 필터링을 사용하면 선택한 요소의 더 세분화된 선택이 가능하다. 선택한 요소의 필터링 첫 번째 아이템이에요! 두 번째 아이템이에요! 세 번째 아이템이에요! 필터링 ▼ 2 - 2 .필터링에서 사용할 수 있는 선택자 선택자 설명 :eq(n) 선택한 요소 중에서 인덱스가 n인 요소를 선택함. :gt(n) 선택한 요소 중에서 인덱스가 n보다 큰.. 공감수 0 댓글수 0 2023. 1. 24.
[제이쿼리] jQuery CSS 선택자를 이용한 HTML 요소 선택 CSS 선택자를 이용한 HTML 요소 선택 적용 방법 - 선택한 요소에 지정한 스타일을 적용 $("CSS선택자").css("스타일 속성명", "값"); - 선택한 요소에 지정한 속성을 적용 $("CSS선택자").attr("속성명", "값"); 선택자 종류 종류 사용법 설명 전체선택자 $(" * ") 모든 요소를 선택 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요소를 선택 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3...") 지정된 요소들을 한번에 선택 종속 선택자 $("요소.클래스명") $("요소#아이디명") 요소들중 클래스 or 아이디.. 공감수 0 댓글수 0 2023. 1. 24.
[제이쿼리] jQuery 적용 및 기본 문법 제이쿼리 적용 - 제이쿼리는 자바스크립트 라이브러리 - 제이쿼리 파일은. js 파일 형태로 존재해야한다. - 따라서 웹 페이지에서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 웹 페이지에 로드해야 한다. 1. 제이쿼리 적용 방법 1) 제이쿼리 파일을 받아 로드하는 방법 - 공식 사이트에서 다운로드 후 제이쿼리 파일을 서버에 저장 후, 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 제이쿼리 기본 문법 $(선택자).동작함수(); => HTML요소 선택하고 동작 함수 정의하여 선택된 요소에 원하는 동작을 설정할 수 있다. 달러($) 기호 : 제이쿼리를 의미하며, 제이쿼리에 접근할 수 있는 식별자이다. $() 함수 : 함수는 선택된 HTML 요소를 제.. 공감수 0 댓글수 0 2023. 1. 23.
프로그래머스 SQL 2단계 : 재구매가 일어난 상품과 회원 리스트 구하기 재구매가 일어난 상품과 회원 리스트 구하기 문제 ONLINE_SALE 테이블에서 동일한 회원이 동일한 상품을 재구매한 데이터를 구하여, 재구매한 회원 ID와 재구매한 상품 ID를 출력하는 SQL문을 작성해주세요. 결과는 회원 ID를 기준으로 오름차순 정렬해주시고 회원 ID가 같다면 상품 ID를 기준으로 내림차순 정렬해주세요. ONLINE_SALE 테이블 ONLINE_SALE_ID, USER_ID, PRODUCT_ID, SALES_AMOUNT, SALES_DATE는 각각 온라인 상품 판매 ID, 회원 ID, 상품 ID, 판매량, 판매일을 나타냅니다. 💡 정답 SELECT USER_ID ,PRODUCT_ID FROM ONLINE_SALE GROUP BY USER_ID,PRODUCT_ID HAVING COUN.. 공감수 0 댓글수 0 2023. 1. 7.
프로그래머스 SQL 2단계 : 성분으로 구분한 아이스크림 총 주문량 성분으로 구분한 아이스크림 총 주문량 문제 상반기 동안 각 아이스크림 성분 타입과 성분 타입에 대한 아이스크림의 총주문량을 총주문량이 작은 순서대로 조회하는 SQL 문을 작성해주세요. 이때 총주문량을 나타내는 컬럼명은 TOTAL_ORDER로 지정해주세요. FIRST_HALF 테이블 - SHIPMENT_ID, FLAVOR, TOTAL_ORDER 는 각각 아이스크림 공장에서 아이스크림 가게까지의 출하 번호, 아이스크림 맛, 상반기 아이스크림 총주문량을 나타냅니다.기본 키는 FLAVOR입니다. ICECREAM_INFO 테이블 - INGREDIENT_TYPE에는 아이스크림의 주 성분이 설탕이면 sugar_based라고 입력되고, 아이스크림의 주 성분이 과일이면 fruit_based라고 입력됩니다. ICECREA.. 공감수 0 댓글수 0 2023. 1. 7.
프로그래머스 SQL 2단계 : 조건에 맞는 도서와 저자 리스트 출력하기 조건에 맞는 도서와 저자 리스트 출력하기 문제 '경제' 카테고리에 속하는 도서들의 도서 ID(BOOK_ID), 저자명(AUTHOR_NAME), 출판일(PUBLISHED_DATE) 리스트를 출력하는 SQL문을 작성해주세요. 결과는 출판일을 기준으로 오름차순 정렬해주세요. BOOK 테이블 & AUTHOR 테이블 예시 및 주의사항 💡 정답 SELECT BOOK_ID ,AUTHOR_NAME ,DATE_FORMAT(PUBLISHED_DATE, '%Y-%m-%d') AS PUBLISHED_DATE FROM BOOK JOIN AUTHOR USING(AUTHOR_ID) WHERE CATEGORY= '경제' ORDER BY PUBLISHED_DATE 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 가장 비싼 상품 구하기 가장 비싼 상품 구하기 문제 PRODUCT 테이블에서 판매 중인 상품 중 가장 높은 판매가를 출력하는 SQL문을 작성해주세요. 이때 컬럼명은 MAX_PRICE로 지정해주세요. PRODUCT 테이블 PRODUCT_ID, PRODUCT_CODE, PRICE는 각각 상품 ID, 상품코드, 판매가를 나타냅니다. 💡 정답 SELECT MAX(PRICE) AS MAX_PRICE FROM PRODUCT 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 12세 이하인 여자 환자 목록 출력하기 12세 이하인 여자 환자 목록 출력하기 문제 PATIENT 테이블에서 12세 이하인 여자환자의 환자이름, 환자번호, 성별코드, 나이, 전화번호를 조회하는 SQL문을 작성해주세요. 이때 전화번호가 없는 경우, 'NONE'으로 출력시켜 주시고 결과는 나이를 기준으로 내림차순 정렬하고, 나이 같다면 환자이름을 기준으로 오름차순 정렬해주세요. PATIENT 테이블 - PT_NO : 환자번호 - PT_NAME : 환자이름 - GEND_CD : 성별코드 - AGE : 나이 -TLNO : 전화번호 💡 정답 방법 1 : IFNULL 사용 ( IFNULL(값1, 값2) : 값이 있으면 값1, 없으면 값2 를 출력) SELECT PT_NAME ,PT_NO ,GEND_CD ,AGE ,IFNULL(TLNO,'NONE') AS.. 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 흉부외과 또는 일반외과 의사 목록 출력하기 흉부외과 또는 일반외과 의사 목록 출력하기 문제 DOCTOR 테이블에서 진료과가 흉부외과(CS)이거나 일반외과(GS)인 의사의 이름, 의사ID, 진료과, 고용일자를 조회하는 SQL문을 작성해 주세요. 이때 결과는 고용일자를 기준으로 내림차순 정렬하고, 고용일자가 같다면 이름을 기준으로 오름차순 정렬해 주세요. DOCTOR 테이블 - DR_NAME : 의사이름 - DR_ID : 의사 ID - LCNS_NO : 면허번호 - HIRE_YMD : 고용일자 - MCDP_CD : 진료과 코드 - TLNO : 전화번호 예시 및 주의사항 💡 정답 - DATE_FORMAT 사용해서 고용일자 형식 바꾸고 별칭 지어주기 - WHERE절에 CS, GS 조건 설정, 이때 AND 사용 시 값 출력 불가 OR을 사용해주어야 함. .. 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 인기있는 아이스크림 인기 있는 아이스크림 문제 상반기에 판매된 아이스크림의 맛을 총주문량을 기준으로 내림차순 정렬하고 총주문량이 같다면 출하 번호를 기준으로 오름차순 정렬하여 조회하는 SQL 문을 작성해 주세요. FIRST_HALF 테이블 - SHIPMENT_ID : 출하 번호 FLAVOR : 아이스크림 맛 TOTAL_ORDER : 상반기 아이스크림 총 주문량 💡 정답 - ORDER BY 기본값은 오름차순(ASC)으로 출하번호는 정렬값 없이 컬럼명만 작성하면 된다. SELECT FLAVOR FROM FIRST_HALF ORDER BY TOTAL_ORDER DESC, SHIPMENT_ID 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 과일로 만든 아이스크림 고르기 과일로 만든 아이스크림 고르기 문제 상반기 아이스크림 총주문량이 3,000보다 높으면서 아이스크림의 주 성분이 과일인 아이스크림의 맛을 총주문량이 큰 순서대로 조회하는 SQL 문을 작성해주세요. FIRST_HALF 테이블 - 기본 키는 FLAVOR ICECREAM_INFO 테이블 - ICECREAM_INFO의 기본 키는 FLAVOR, ICECREAM_INFO테이블의 FLAVOR는 FIRST_HALF 테이블의 FLAVOR의 외래 키 💡 정답 - 조인할 컬럼명이 같아 USING 을 사용했다. (ANSI 표준 구문) SELECT FLAVOR FROM FIRST_HALF JOIN ICECREAM_INFO USING (FLAVOR) WHERE INGREDIENT_TYPE = 'fruit_based' AND TOT.. 공감수 0 댓글수 0 2023. 1. 5.
프로그래머스 SQL 1단계 : 조건에 맞는 도서 리스트 출력하기 조건에 맞는 도서 리스트 출력하기 문제 BOOK 테이블에서 2021년에 출판된 '인문' 카테고리에 속하는 도서 리스트를 찾아서 도서 ID(BOOK_ID), 출판일 (PUBLISHED_DATE)을 출력하는 SQL문을 작성해주세요. 결과는 출판일을 기준으로 오름차순 정렬해주세요. 주의사항 PUBLISHED_DATE의 데이트 포맷이 예시와 동일해야 정답처리 됩니다. BOOK 테이블 예시 💡 정답 SELECT BOOK_ID , DATE_FORMAT(PUBLISHED_DATE, "%Y-%m-%d") AS PUBLISHED_DATE FROM BOOK WHERE CATEGORY = '인문' AND YEAR(PUBLISHED_DATE) = '2021' ORDER BY PUBLISHED_DATE ASC; 공감수 0 댓글수 0 2023. 1. 5.
[Spring boot] RESTAPI _ 05 Swagger Swagger API 문서를 자동으로 만들어주는 라이브러리 단순 문서 뿐 아니라 API를 문서내에서 parameter를 넣어가며 바로 실행 해볼 수 있음 rest api 제작 후 따로 테스트 페이지나 postman으로 실행해보는 대신 swagger 문서 만들어서 실행 가능 복잡하지 않은 시스템이라면 rest api 서버에 swagger를 적용시켜두고, 해당 api를 호출하는 작업자에게 복작하게 설명하고 문서 만들 것 없이 swagger 문서 url만 보내서 알아서 작업하게 할 수 있음 Swagger Test pom.xml 라이브러리 추가 https://mvnrepository.com/artifact/io.springfox/springfox-boot-starter io.springfox springfox-.. 공감수 0 댓글수 0 2022. 11. 3.
[Spring boot] RESTAPI_05 Hateoas Hateoas Rest API를 사용하는 클라이언트가 전적으로 서버와 동적인 상호작용이 가능하도록 하는 것 클라이언트가 서버로 어떠한 요청을 할 때, 요청에 필요한 URL를 응답에 포함시켠 반환하게 한다 HateoasTest pom.xml 에 라이브러리 추가 https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-hateoas org.springframework.boot spring-boot-starter-hateoas UserDTO public class UserDTO { private int no; private String id; private String pwd; private String name; priva.. 공감수 0 댓글수 0 2022. 11. 3.
[Spring boot] RESTAPI _ 04 Exception & validation(데이터 검증) Validation 클라이언트의 데이터는 조작이 쉽고, 모든 데이터가 정상적인 방식으로 들어오지 않을 가능성도 있기 때문에 Client Side뿐만 아니라 Server Side에서도 데이터 유효성 검사를 할 필요가 있다. =>Spring boot starter validation 활용 사용 방법 1. 의존성 추가 2. Controller의 유효성 검사 적용 Request 객체 앞에 @Validated 어노테이션 추가 3. Request를 핸들링 할 객체 정의 시 @Validated 어노테이션을 통해 필요한 유효성 검사 적용 Validation Test pom.xml 에 라이브러리 추가 https://mvnrepository.com/artifact/org.springframework.boot/spring-.. 공감수 0 댓글수 0 2022. 11. 3.
[Springboot] RESTAPI_03 ResponseEntity ResponseEntity 결과 데이터와 HTTP 상태 코드를 직접 제어할 수 있는 클래스 HttpStatus, HttpHeaders, HttpBody를 포함 ResponseEntityTest ResponseMessage package com.greedy.api.section02.responseentity; import java.util.Map; public class ResponseMessage { private int httpStatus; private String message; private Map results; public ResponseMessage(int httpStatus, String message, Map results) { super(); this.httpStatus = httpSt.. 공감수 0 댓글수 0 2022. 11. 3.
[Spring boot] RESTAPI_02 Response @RestController @Controller + @ResponseBody 클래스 레벨에 작성하며 해당 클래스 내 모든 핸들러 메소드에 @ResponseBody 어노테이션을 묵시적으로 적용한다는 의미 ResponseRest 1. 문자열 응답 @RestController @RequestMapping("/response") public class ResponseRestController { @GetMapping("/hello") public String helloworld() { return "hello world"; } } POSTMAN으로 확인 2. 기본 자료형 응답 @RestController @RequestMapping("/response") public class ResponseRestContr.. 공감수 0 댓글수 0 2022. 11. 3.
[Spring boot ] REST API - 01 REST API & POSTMAN REST(Representational Safe Transfer) 데이터를 주고 받는 방식의 아키텍처(디자인 패턴) 1. HTTP URL를 통한 자원의 명시 (1) 쿼리 스트링 방식이 아니라 PathVariable 방식 사용 (2) 대문자 사용 지양 (3) ' _ '대신 ' - ' 사용 (4) URL 마지막에 ' / ' 사용하지 않음 (5) URL에 행위를 포함하지 않음(insert, update, delete) (6) 가급적 명사 사용(동사 사용 지양) 2. HTTP Method로 해당 자원을 제어하는 행위를 표현 (1) GET(Read) : URL/1 (2) POST(Create) : URL (3) PUT(Update) : URL/1 (4) DELETE (Delete) : URL/1 Restful 서.. 공감수 0 댓글수 0 2022. 11. 2.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.