Spring33 [Spring] 나만의 셀렉샵 프로젝트 - 클라이언트(HTML, Javascript, jQuery, CSS) 프로젝트 설계하기필요 기능키워드로 상품 검색하고 그 결과를 목록으로 보여주기관심 상품 등록하기관심 상품 조회하기관심 상품에 원하는 가격 등록하고, 그 가격보다 낮은 경우 표시하기 HTML, 이미지 파일 준비파일 분리✔️ HTML 파일이 CSS 와 Javascpript 때문에 지나치게 길어지는 것을 방지하고 가독성을 높이기 위함✔️ .css 와 .js 로 끝나는 파일 생성 후 link 와 script 태그로 각 파일을 불러오면 index.html 파일에 모두 작성한 것과 동일하게 작동src > main > resources > static 에 파일 생성index.html Select Shop 모아보기 탐색하기 .. 2024. 7. 30. [Spring] 나만의 셀렉샵 프로젝트 - 서버(API, Spring MVC, JPA) 프로젝트 설계하기필요 기능키워드로 상품 검색하고 그 결과를 목록으로 보여주기관심 상품 등록하기관심 상품 조회하기관심 상품에 원하는 가격 등록하고, 그 가격보다 낮은 경우 표시하기 API 설계기능MethodURL반환키워드로 상품 검색하고 그 결과를 목록으로 보여주기GET/api/search?query=검색어List관심 상품 등록하기POST/api/productsProduct관심 상품 조회하기GET/api/productsList관심 상품에 원하는 가격 등록하고, 그 가격보다 낮은 경우 표시하기PUT/api/products/{id}id 3계층 설계ControllerProductRestController: 관심 상품 관련 컨트롤러SearchRequestController: 검색 관련 컨트롤러ServicePro.. 2024. 7. 29. [Spring] 나만의 셀렉샵 프로젝트 - 네이버 쇼핑 API 이용(API, Spring MVC, JPA) 프로젝트 설계하기필요 기능키워드로 상품 검색하고 그 결과를 목록으로 보여주기관심 상품 등록하기관심 상품 조회하기관심 상품에 원하는 가격 등록하고, 그 가격보다 낮은 경우 표시하기 API 이용 신청하기네이버 API: 네이버 서비스를 코드로 이용할 수 있는 서비스https://developers.naver.com/docs/serviceapi/search/shopping/shopping.md 이동"오픈 API 이용 신청" 버튼 클릭 후 네이버 로그인 진행애플리케이션 이름 - springboot / 비로그인 오픈 API 서비스 환경 - WEB 선택 후 http://localhost 입력Client ID, Client Secret 생성된 것 확인 API 사용해보기(ARC 이용)네이버 쇼핑 API 설명 문서: h.. 2024. 7. 29. [Spring] 타임라인 서비스 프로젝트 - 클라이언트(HTML, Javascript, jQuery) 클라이언트 설계하기필요 기능메모 조회- GET API 사용해서 메모 목록 불러오기- 메모마다 HTML 만들고 붙이기메모 생성 - 사용자가 입력한 메모 내용 확인- POST API 사용해서 메모 신규 생성- 화면 새로고침하여 업데이트 된 메모 목록 확인메모 변경- 사용자가 클릭한 메모가 어떤 것인지 확인- 변경한 메모 내용 확인- PUT API 사용해서 메모 내용 변경- 화면 새로고침하여 업데이트 된 메모 목록 확인메모 삭제- 사용자가 클릭한 메모가 어떤 것인지 확인- DELETE API 사용해서 메모 삭제- 화면 새로고침하여 업데이트 된 메모 목록 확인 함수 작성하기메모 조회 - getMessages, addHTML, makeMessage 함수// 메모를 불러와서 보여줌function getMessage.. 2024. 7. 24. [Spring] 타임라인 서비스 프로젝트 - 서버(API 설계/ Spring MVC/ JPA) 타임라인 API 설계기능MethodURLReturn메모 생성POST/api/memosMemo메모 조회GET/api/memosList메모 변경PUT/api/memos/{id}Long메모 삭제DELETE/api/memos/{id}Long 프로젝트 생성➡️ 메모는 1) 익명의 작성자 이름(username), 2) 메모 내용(contents)로 구성 domain (src > main > java > com.sparta.week03 에 패키지 생성)Memo.java@NoArgsConstructor // 기본 생성자 생성@Getter@Entity // 테이블과 연계됨을 스프링에게 알림public class Memo extends Timestamped { @GeneratedValue(strategy = Gene.. 2024. 7. 23. [Spring] API API: 클라이언트 - 서버 간의 약속클라이언트가 정한대로 서버에게 요청(Request)을 보내면, 서버가 요구사항을 처리하여 응답(Response)을 반환 REST: 주소에 명사, 요청 박식에 동사(CRUD)를 사용함으로써 의도를 명확히 드러냄을 의미➡️ 즉, 생성(POST)/조회(GET)/수정(PUT)/삭제(DELETE) 요청✔️예시⚠️ 주소에 들어가는 명사들은 복수형을 사용하고, 동사는 가급적 사용하지 않음GET /courses -> 강의 전체 목록 조회 요청GET /courses/1 -> ID가 1번인 녀석 조회 요청POST /coures -> 강의 생성 요청PUT /courses/3 -> ID가 3번인 녀석 수정 요청DELETE /courses/2 -> ID가 2번인 녀석 삭제 요청 API 생성.. 2024. 7. 18. 이전 1 2 3 4 5 6 다음
