🏫 Open API_JAVA

    < Open API_JAVA 일차별 진도>

    Open API_JAVA 일차별 진도 HTML [1일차] OT & HTML [2일차] HTML(list/table/colspan/rowspan/form/input) [3일차] Interface, HTML(form/select), 2진수, RGB, CSS [4일차] html 기본값 / 정보통신 일반 CSS [5일차] 통신 프로토콜 / CSS 선택자 / 폰트 / 박스모델 [6일차] UI 화면 설계 / 프로토타입 JavaScript [7일차] 함수와 콘솔 / 논리 연산 / JavaScript / let i = 10; 이해 [8일차] 프로그래밍 / Datatype 자료형 / if-else 문 [9일차] JavaScript Switch / Array [10일차] 반복문 for / while / 제어 break 와..

    [113일차] AWS 인스턴스 생성 / MobaXterm을 이용한 EC2 인스턴스 연결 / putty 다운로드 및 사용방법

    [113일차] AWS 인스턴스 생성 / MobaXterm을 이용한 EC2 인스턴스 연결 / putty 다운로드 및 사용방법

    20230102(월) 목차 - AWS 인스턴스 생성 - MobaXterm을 이용한 EC2 인스턴스 연결 - putty 다운로드 및 사용방법 - 아마존 웹 서비스(영어: Amazon Web Services, 약칭: AWS) : 아마존닷컴의 클라우드 컴퓨팅 사업부 - 서버 기능을 할당받는다. 1. 계정가입 aws https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 컴퓨팅에 대한 새로운 소식 거의 모든 애플리케이션을 어디에서나 지원할 수 있는 AWS 설계 칩, 인스턴스 및 하이브리드 솔루션과 같은 컴퓨팅 혁신에 대해 알아보세요. 발표 내용 살펴보기 aws.amazon.com 2. 로그인 시 결제부분 & 지..

    [103일차] 관리자 주문관리 페이지 (주문상세정보) / 주문자 상품관리 페이지 (상품판매여부)

    [103일차] 관리자 주문관리 페이지 (주문상세정보) / 주문자 상품관리 페이지 (상품판매여부)

    20221219(월) 목차 - 관리자 주문관리 페이지 - 관리자 상품관리 페이지 관리자 주문관리 페이지 AdOrderMapper.java에서 주문상세정보2도 리스트로 묶어주기 서비스, 서비스 임플, 컨트롤러 수정 필요 //주문상세정보1. List getOrderDetailList1(Long odr_code); //주문상세정보2. resultMap 목적으로 주석처리함. List getOrderDetailList2(Long odr_code); AdOrderController.java ex) 실행화면 AdOrder 매퍼 코드추가 orderList.jsp에 삭제기능 추가 주문삭제버튼 클릭 내용 수정하기 AdOrder컨트롤러 주문삭제내용 추가 **JSP자체가 존재하지 않는다..

    [100일차] 관리자 주문관리 페이지 (검색 / 페이징 / 전체 클릭)

    [100일차] 관리자 주문관리 페이지 (검색 / 페이징 / 전체 클릭)

    20221214(수) 목차 - 관리자 - 주문 기간 검색 및 페이징 - 관리자 주문목록 - 페이징번호 기능 - 관리자 주문목록 - 전체 클릭 시 초기화 orderList.jsp 페이지 번호 추가 AdOrder 컨트롤러 클라이언트에서 페이지번호 클릭, 검색 클릭, 주문상태 버튼 클릭하게되면 @GetMapping("/orderList") 3가지를 충족하는 파라미터를 가진다. @GetMapping("/orderList") public void orderList(Criteria cri, @ModelAttribute("odr_status") String odr_status, Model model) { 시작날짜와 종료날짜 파라미터 추가하기 ➡ 다른 코드영향 받음(매퍼 /..

    [99일차] 관리자 주문(상태 변경 / 항목별 카운팅 / 목록 페이징 / 상태별 목록)

    [99일차] 관리자 주문(상태 변경 / 항목별 카운팅 / 목록 페이징 / 상태별 목록)

    20221213(화) 목차 - 관리자 주문 - 선택 상품 주문상태 변경 - 관리자 주문 - 항목별 카운팅 나타내기 - 관리자 주문목록 - 페이징 - 관리자 주문상태별 목록 AdOrder 컨트롤러 admin > orderList.jsp ex) 실행화면 선택 주문상태 변경 후 데이터가 일치하는지 확인 AdOrder 매퍼에 주문 항목 카운팅 코드 추가 AdOrder 서비스에 구현작업 추가 AdOrder 컨트롤러에 진행상태 카운트 코드추가 AdOrder 컨트롤러 model 값에 작업 11개 복사 orderList.jsp에 상태코드 추가 AdOrderMapper.xml - 코드 수정이 ..

    [98일차] 관리자 주문목록 세부수정 / 페이지 번호 기능 활성화

    [98일차] 관리자 주문목록 세부수정 / 페이지 번호 기능 활성화

    20221212(월) 목차 - 역정규화 - 관리자 주문목록 세부수정 - 페이지 번호 기능 활성화 a 테이블과 b 테이블이 있는데 b테이블의 컬럼 하나를 참조해야 할 경우 조인이 필요(하지만 조인은 성능적으로 좋은 것이 아니다!) 컬럼 하나를 a로 집어넣어버려서 조인을 시키지 않는다. (역정규화) - 정규화 : 논리적으론 하나의 테이블인데 테이블을 분리하는 것 - 역정규화 : 조인(한 컬럼 때문에 매번 조인을 하는 것이)은 성능적으로 안좋기 때문에 : 아예 조인하는 컬럼을 추가시켜버린다. 주문일시(날짜 및 시간) 포맷 변경 orderList.jsp에 날짜부분 형식 변경 ex) 실행화면 orderList.jsp 빠져있던 주문상태..

    [97일차] 상품 상세페이지 버튼 추가 / 관리자 주문목록 페이지

    [97일차] 상품 상세페이지 버튼 추가 / 관리자 주문목록 페이지

    20221209(금) 목차 - 상품 상세페이지에 장바구니와 바로가기 버튼 삽입 - 관리자 주문목록 페이지 - 상품 리스트 페이지가 아닌, 상품 하나의 상세페이지에서 장바구니와 바로가기 버튼 삽입하기 - productDetail.jsp 파일 (1) 버튼 추가 (2) productList.jsp와 productDetail.jsp 코드차이 확인하기!(중요) - this쓰고 안쓰고 차이 (3) ajax 코드 변경 ex) 실행화면 ➡ 수량 설정 후 각 버튼을 누르면 바로가기 창 / 장바구니 창으로 연결된다. - 관리자 페이지에서 어떤 상품이 얼마나 주문되었는지 확인할 수 있도록 하는 페이지 1. AdOrderMapper.java..

    [96일차] 무통장 결제

    [96일차] 무통장 결제

    20221208(목) 목차 - 무통장 결제 Order 컨트롤러 무통장 결제 코드추가 // 무통장 결제. /orderSave @PostMapping("/orderSave") public String orderSave(String type, OrderVO o_vo, OrderDetailVO od_vo, PaymentVO p_vo, HttpSession session, Model model) { p_vo.setPay_tot_price(p_vo.getPay_nobank_price()); log.info("주문정보: " + o_vo); log.info("주문상세정보: " + od_vo); log.info("결제정보: " + p_vo); String mem_id = ((MemberVO)sessi..

    [95일차] 코틀린 배열 / 코틀린 컬렉션 / 후기 댓글 수정하기

    [95일차] 코틀린 배열 / 코틀린 컬렉션 / 후기 댓글 수정하기

    20221207(수) 목차 - 코틀린 배열 - 코틀린 컬렉션 - 후기 댓글 수정하기 Test2-array.kt package com.example.androidlab.lab3.test2 // 배열 : Array 클래스를 사용. fun main() { val arr1: Array = Array(3, {0}) arr1[0] = 10 arr1[1] = 20 arr1.set(2, 30) println("${arr1.size}, ${arr1[0]}, ${arr1.get(2)}") // 타입유추 val arr2 = arrayOf(10, 20, 30) // 기초데이타타입에 해당하는 배열클래스 val arr3: LongArray = LongArray(3, {0L}) } ✔ 컬렉..

    [94일차] 코틀린(변수와 함수 / 기초 데이타 타입) / 상품후기댓글 수정/삭제 버튼

    [94일차] 코틀린(변수와 함수 / 기초 데이타 타입) / 상품후기댓글 수정/삭제 버튼

    20221206(화) 목차 - 코틀린 - 변수와 함수 - 코틀린 - 기초 데이타 타입 - 상품후기댓글 수정/삭제 버튼 변수선언 - 키워드 val ( = Java의 final과 동일, 값 변경 불가능), var (값 변경가능) - 변수선언 기본 ➡ val(혹은 var) 변수명: 타입 = 값 타입유추 : 할당하고자 하는 값의 타입을 보고, 변수의 타입을 지정하는 기능. 변수선언시 초기값 할당해야 한다. Test1-variable.kt package com.example.androidlab.lab3.test2.sub1 val data1: Int = 10 // val data1 = 10 읽기만 가능. (값 변경불가능) 자바 final 동일 var data2 = 10 // 읽기, 쓰..

    [93일차] 안드로이드 코틀린 / 상품 후기 등록, 댓글 리스트 및 페이징

    [93일차] 안드로이드 코틀린 / 상품 후기 등록, 댓글 리스트 및 페이징

    20221205(월) 목차 - 안드로이드 with 코틀린 - 코틀린 - 코틀린 문법 - 상품 후기 등록 - 상품 후기 댓글 리스트 및 페이징 (p.77 참고) 코틀린 소스 .kt(코틀린 컴파일러 이용) ➡ 자바 바이트 코드(*.class) ➡ JVM 환경 실행 자바소스 .java(자바 컴파일러) ➡ 자바 바이트 코드(*.class) ➡ JVM 환경 실행 ** 큰 틀은 코틀린 컴파일러로 만들게 되면 우리가 알고있는 바이트 코드가 만들어진다. 코틀린의 이점 - 표현력과 간결함 / 안전한 코드 / 상호 운용성 / 구조화 동시성 안드로이드 with 자바도 가능하고 안드로이드 with 코틀린도 가능하다. (2017 구글 공식채택) 안드로이드 프로젝트 - 기본언어 : 코틀린(자바 ..

    [92일차] 주문하기 코드모음 / 상품 상세페이지 / 상품 후기 작성

    [92일차] 주문하기 코드모음 / 상품 상세페이지 / 상품 후기 작성

    20221202(금) 목차 - 주문하기 코드모음(Order ~) - 상품 상세페이지 - 상품 후기 작성 sql 추가필요 package com.docmall.mapper; import java.util.List; import org.apache.ibatis.annotations.Param; import com.docmall.domain.CartVO; import com.docmall.domain.CartVOList; import com.docmall.domain.OrderDetailProductVO; import com.docmall.domain.OrderDetailVO; i..

    [91일차] 카카오페이 연결 / 상품 목록에서 바로구매 진행하기

    [91일차] 카카오페이 연결 / 상품 목록에서 바로구매 진행하기

    20221201(목) 목차 - 카카오페이 연결 - 상품 목록에서 바로구매 진행하기 1. kakao developers ➡ 앱설정 ➡ 플랫폼 ➡ Web에 사이트 도메인 주소 추가하기 2. 실행 화면 결제 창에서 카카오페이 선택 후 카카오 pay 이미지 클릭하면 3. alert 창과 함께 QR 코드창이 뜬다. 1. 바로구매 버튼 name 'btnDirectOrder' 확인 2. productList.jsp에 [바로구매] 버튼기능 추가 ex) 실행화면 3. 바로주문을 눌렀을 때와 장바구니에서 주문작성하기 를 눌렀을 때 같은 페이지가 나오도록 동작시켜주기 ✨ 여기서 잠깐!! 왜 int 대신 Integer를 사용했나요? 하나의 코드에서 같은 결과 페이..

    [90일차] 카카오페이 결제시스템 적용 / 카카오페이 클릭 후 작업 / 결제승인요청 / 주문하기 기능 안에서 일어나는 작업

    [90일차] 카카오페이 결제시스템 적용 / 카카오페이 클릭 후 작업 / 결제승인요청 / 주문하기 기능 안에서 일어나는 작업

    20221130(수) 목차 - 카카오페이 결제시스템 적용 - 카카오페이 클릭 후 작업 - 결제승인 요청 - 주문하기 기능 안에서 일어나는 작업 API : 요청과 응답의 기능을 제공하는 프로그램. : 요청 주소 : 파라미터 제공 ↔ 응답(결과) 신규 프로젝트 - 주요 기능 (1) 라이브러리 (부품) : 프로젝트에 포함 라이브러리는 부품의 개념이다. (프로그램 안에 포함되어있다.) (2) API 이용 : 프로젝트 외부에 서버를 두고 기능을 제공. API는 원격의 개념이다. (외부에 서버를 두고 기능을 끌어다 쓴다.) 결제시스템 - PG사 : 전자지급결제대행 서비스 / 우리가 선택하는 개념이 아니다 - 전자지급결제대행 서비스(Payment Gateway) : 온라인 상점에서 ..

    [89일차] 주문하기 / 주문자 정보 & 배송지 정보 폼 / 카카오페이 결제

    [89일차] 주문하기 / 주문자 정보 & 배송지 정보 폼 / 카카오페이 결제

    20221129(화) 목차 - 주문하기 - 주문자 정보 & 배송지 정보 폼 추가 - 위 정보와 같음 체크 시 - 카카오페이 결제 ** 먼저 장바구니 목록에서 주문하기 클릭 시 이어지도록 연결 0. sql -- 6 - 1. 주문 테이블 CREATE TABLE ORDER_TBL( ODR_CODE NUMBER CONSTRAINT PK_ORDER_CODE PRIMARY KEY, MEM_ID VARCHAR2(15) NOT NULL, ODR_NAME VARCHAR2(30) NOT NULL, ODR_ZIPCODE CHAR(5) NOT NULL, ODR_ADDR VARCHAR2(50) NOT NULL, ODR_ADDR_D VARCHAR2(50) NOT NULL, ODR_PHONE VARCHAR2(20)..

    [87일차] 장바구니 담기 / 장바구니 목록

    [87일차] 장바구니 담기 / 장바구니 목록

    20221125(금) 목차 - 장바구니 담기 - 장바구니 목록 0. 장바구니 테이블 및 시퀀스 생성 CREATE TABLE CART_TBL( CART_CODE NUMBER PRIMARY KEY, PDT_NUM NUMBER NOT NULL, MEM_ID VARCHAR2(15) NOT NULL, CART_AMOUNT NUMBER NOT NULL ); -- 장바구니 시퀀스 CREATE SEQUENCE SEQ_CART_CODE; 1. CartVO 클래스 2. Cart 컨트롤러 3. Cart 매퍼 ✔ MERGE INTO? ➡ 이미 장바구니에 담겨있는 상품이라면 amount만 변경, 아니라면 새로 추가 https://gent.tistory.com/406 [Oracle] 오라클 MERGE INT..

    [86일차 - 2] 삭제 이벤트 처리 / nav에 링크연결 / admin 계정 생성 / 상품 메인페이지 만들기 / 카테고리 목록 만들기

    [86일차 - 2] 삭제 이벤트 처리 / nav에 링크연결 / admin 계정 생성 / 상품 메인페이지 만들기 / 카테고리 목록 만들기

    20221124(목) 목차 - 삭제 이벤트 처리 - nav에 링크연결 - admin 계정 생성 - 상품 메인페이지 만들기 - 카테고리 목록 만들기 - (USER)에게 보여지는 1. productList.jsp 에 삭제버튼 클릭 이벤트 처리 2. AdProduct 컨트롤러 (1) @ModelAttribute("cri") 어노테이션 삭제 파라미터(cri)에 들어온 정보를 jsp에서 사용하기 위해 쓰는건데 삭제기능은 jsp로 갈 필요가 없으니 삭제해도 된다. 3. AdProduct 매퍼 & 서비스 4. AdProduct 컨트롤러에 서비스 호출 코드 추가 - 리스트가 필요한 곳마다 cri.getListLink(); 추가해주기 - 수정하기와 삭제하기 링크에 cri.getListLink()..

    [86일차 - 1] 관리자_상품 수정 (페이지, 정보 읽어오기, 수정하기)

    [86일차 - 1] 관리자_상품 수정 (페이지, 정보 읽어오기, 수정하기)

    20221124(목) 목차 - 상품 수정 페이지 - 상품 수정 정보 읽어오기 - 상품 수정하기 처음부터 카테고리를 잘못등록해서 바꿔줘야 할 경우 이미지를 바꿔줘야 할 경우 등 상품 관련 정보를 수정해야 할 경우 1. AdProduct 컨트롤러 상품수정 페이지 코드추가 2. productList.jsp 코드추가 3. 매퍼는 이미 작업이 되어있으니 생략하고 컨트롤러에 코드 추가 4. productInsert.jsp 파일 복사 후 productModify.jsp 파일 생성 - docmall에서 코드추가 - 컨트롤러에 설정한 변수명과 일치여부 확인하기 productModfy.jsp 추가코드 - 카테고리 선택코드 설정 productModfy.jsp 추가코드 - 페이지 및 검색정보 & 버튼..

    [85일차 - 2] 썸네일 크기조절 / 상품 목록 이미지 보여주기 / 특수문자 서버 전달 시 에러 / 검색 기능 추가

    [85일차 - 2] 썸네일 크기조절 / 상품 목록 이미지 보여주기 / 특수문자 서버 전달 시 에러 / 검색 기능 추가

    20221123(수) 목차 - 썸네일 크기조절 - 상품 목록 이미지 보여주기 - 특수문자 서버 전달 시 에러 - 검색 기능 추가 조정 전 조정 후 조정코드 1. AdProduct 컨트롤러 형식추가 2. FileUtils 코드추가 - uploadPath : 날짜까지 들어온다. (ex. C:\doccomsa\upload\goods\2022\11\23) 3. AdProduct 컨트롤러 코드추가 및 연결되는 구조 이해하기 - 클라이언트는 \ 를 사용하고 서버는 ₩ * 이미지태그가 아래와 같이 만들어진다.

    [85일차 - 1] 썸네일 이미지 / 상품 정보 저장 / 상품 이미지 미리보기 / 상품 목록보기

    [85일차 - 1] 썸네일 이미지 / 상품 정보 저장 / 상품 이미지 미리보기 / 상품 목록보기

    20221123(수) 목차 - 썸네일 이미지 - 상품 정보 저장 - 상품 이미지 미리보기 - 상품 목록보기 Thumnail 작업? ➡ 원본이미지를 대상으로 사본이미지를 해상도의 손실을 줄이고, 크기를 작게 만드는 것 1. docmall의 pom.xml에서 썸네일 이미지 라이브러리 추가 2. FileUtils.java 코드추가 출력스트림은 객체만 생성이 되어도, 실제 경로에 파일이 생성되어 있다. 3. ProductVO.java와 ProductInsert.jsp 파일의 변수명 일치여부 확인하기 폼 태그 안에 태그가 들어갔다면, 반드시 form태그의 요청방식은 post여야 하고 인코딩타입은 "multipart/form-data"이어야 한다!!!!!!!! 4. 상품등록 이미지 저장시, 날..

    [84일차 - 2] CKEditor 내 이미지 업로드 작업 / 상품 이미지 등록 세팅

    [84일차 - 2] CKEditor 내 이미지 업로드 작업 / 상품 이미지 등록 세팅

    20221122(화) 목차 - CKEditor 내 이미지 업로드 작업 - 상품 이미지 등록 세팅 요청방식 post 확인 / name : upload 확인 서버로 전송 버튼 클릭했을 때 아래 빨간박스 주소로 전송되도록 만들어 놨다. 1. AdProduct 컨트롤러 코드추가 //CKEditor에서 사용하는 파일업로드. @PostMapping("/imageUpload") public void imageUpload(HttpServletRequest req, HttpServletResponse res, MultipartFile upload) { OutputStream out = null; PrintWriter printWriter = null; res.setChara..

    [84일차 - 1] CKEditor / 카테고리 목록 선택

    [84일차 - 1] CKEditor / 카테고리 목록 선택

    20221122(화) 목차 - 웹에디터 CKEditor - 1차 카테고리 목록 - 2차 카테고리 목록 CKEditor란? 콘텐츠를 웹 페이지나 온라인 애플리케이션에 직접 작성할 수 있게 하는 위지위그 리치 텍스트 에디터 CKEditor는 오픈 소스와 상용 라이선스로 이용가능 위지위그 리치 텍스트 에디터? - 온라인 서식 있는 텍스트 편집기 는 웹 브라우저 내에서 서식 있는 텍스트를 편집하기 위한 인터페이스 - 사용자에게 " WYSIWYG(what-you-see-is-what-you-get), 보는 대로 얻는다” 편집 영역 제공 - 목표 : 형식을 유효한 HTML 마크업 으로 직접 표현하려는 사용자의 노력을 줄이는 것 textarea태그에 적용된다. name부분을(pdt_d..

    [83일차] 메일링 폴더 생성 / 구역별 JSP 나누기 / 관리자 (로그인)

    [83일차] 메일링 폴더 생성 / 구역별 JSP 나누기 / 관리자 (로그인)

    20221121(월) 목차 - 메일링 폴더 생성 - 구역별 JSP 나누기 - 관리자 (로그인) email.properties 파일 생성해서 따로 빼놓기, email-config.xml 파일 생성 1. email.properties 파일에 계정과 앱 비밀번호 옮겨놓기 2. root-context.xml 에서 메일기능 관련 설정 코드 복사 (추후 삭제) true true 3. email-config.xml에 코드 붙여넣기 코드 추가 ${email.account}, ${email.password}로 연결해주기 4. web.xml에 방금 만든 파일의 경로를 잡아준다.(email-config.xml) **email 폴더 안에 위치했다면 /WEB-INF/spring/email/email-c..

    [82일차-2] 아이디 & 비번찾기 / 비번찾기 : 임시비밀번호 발급

    [82일차-2] 아이디 & 비번찾기 / 비번찾기 : 임시비밀번호 발급

    20221118(금) (2) 목차 - 아이디 & 비번찾기 - 비번찾기 : 임시비밀번호 발급 폼 먼저 생성하기 (1) Member 컨트롤러 (2) lostpass.jsp 복사해서 lostpass.jsp 생성후 docmall의 container코드 복사하기 login.jsp에서 우편번호 , 인증메일 코드 다 없애기..(아래부분 다) lostpass.jsp도 동일하게 아래 불필요한 코드(우편번호, 인증메일코드 다 날리기) ID/PW Search 클릭해서 /lostpass주소를 요청하기 (3) login.jsp에 제이쿼리부터 작업하기 ex) 실행 화면 1. Member 컨트롤러 & Member 매퍼 파라미터 2개면 파람!!!!쓴다. 기억! 파랑색으..

    [82일차 - 1] 회원정보 저장 / 비밀번호 암호화 / 로그인 / 로그아웃

    [82일차 - 1] 회원정보 저장 / 비밀번호 암호화 / 로그인 / 로그아웃

    20221118(금) 목차 - 회원정보 저장 - 비밀번호 암호화 - 로그인 - 로그아웃 1. MemberMapper.java & MmeberMapper.xml 2. MemberService.java & MemberServiceImpl.java 3. MemberController.java에 회원정보 저장 코드추가 스프링 시큐리티 : 스프링 보안 프레임워크 1. pom.xml에 스프링시큐리티 라이브러리 코드 추가 이 라이브러리에서 제공되는 클래스들을 bean으로 설정한다. (root-context.xml에서) org.springframework.security spring-security-web 4.1.0.RELEASE org.springframework.secu..

    [81일차] 회원가입 페이지 폼 / 추가 작업 / daum 우편번호 api 삽입 / ID 중복체크 / 이메일 인증

    [81일차] 회원가입 페이지 폼 / 추가 작업 / daum 우편번호 api 삽입 / ID 중복체크 / 이메일 인증

    20221117(목) 목차 - 회원가입 페이지 폼 만들기 - 추가 작업 - daum 우편번호 api 삽입 - ID 중복체크 - 이메일 인증 1. Member SQL 테이블 생성 -- 1. 회원가입 테이블 CREATE TABLE MEMBER_TBL( MEM_ID VARCHAR2(15) CONSTRAINT PK_MEMBER_ID PRIMARY KEY, MEM_NAME VARCHAR2(30) NOT NULL, MEM_PW CHAR(60) NOT NULL, MEM_EMAIL VARCHAR2(50) NOT NULL, MEM_ZIPCODE CHAR(5) NOT NULL, MEM_ADDR VARCHAR2(100) NOT NULL, MEM_ADDR_D VARCHAR2(100) NOT ..

    [80일차] 게시판 댓글 수정 및 삭제 구현

    [80일차] 게시판 댓글 수정 및 삭제 구현

    20221116(수) 목차 - 댓글 처리 방식 - REST API - 댓글 페이지 번호 및 버튼 추가 - 댓글 수정하기 - 댓글 삭제하기 - 부트스트랩 CSS 적용하기 - index.jsp로 footer, header.jsp 만들기 우리 눈에는 한번에 보이지만 실제로는 두번의 작업이 일어난다. (1) 게시물 내용과 댓글 목록 데이타 생성을 한번에 할 수도 있지만, (2) 게시물 내용과 댓글목록 데이타 요청코드를 따로 할 수 있다. // getPage를 재사용하기 위해서 REST API 강조 다양한 전송방식과 URI 설계 REST 방식의 데이터 교환에서 가장 특이한 점은 기존의 GET/POST 외에 다양한 방식으로 데이터를 전달한다는 점 작업 상태 전송 방식 Cr..

    [79일차] 게시판 댓글 목록 / 페이징 / 모달창 구현 / jQuery 눈도장

    [79일차] 게시판 댓글 목록 / 페이징 / 모달창 구현 / jQuery 눈도장

    20221115(화) 목차 - 댓글 등록 - 날짜 데이터 수정 - 댓글 목록과 페이징 출력 - jQuery 눈도장 찍어두기 - 댓글 모달창 구현 Postman에 뜨는 날짜형식 수정 get.jsp에 자바스크립트 코드 사용 get.jsp 코드추가 // 익명함수를 변수로 선언 // replyList : json로 반환된 댓글데이타 // target : 댓글목록이 출력될 위치. // templateObject : 핸들바 템플릿 참조변수. let printReplyData = function(replyList, target, templateObject) { // let template = Handlebars.compile(templateObj..

    [78일차] REST 방식 / gson 라이브러리 추가 / 게시판에 댓글 기능 구현 (ex04)

    [78일차] REST 방식 / gson 라이브러리 추가 / 게시판에 댓글 기능 구현 (ex04)

    20221114(월) 목차 - REST 방식 - gson 라이브러리 추가 - 게시판에 댓글 기능 구현 Representational State Transfer 하나의 URI는 하나의 고유한 리소스(Resource)를 대표하도록 설계된다는 개념 전송방식을 결합해서 원하는 작업을 지정 데이타베이스 기반에 의한 자원(Resource) 자원 : 클라이언트와 서버간의 통신환경에서 보내고 받는 개념속에서 실질적인 대상 CRUD 작업 상태 전송 방식 Create SQL insert POST Read SQL select GET Update SQL update PUT Delete SQL delete DELTE get, post 방식으로 CRUD 작업을 다 처리했다. ➡ 정확한 표현이 아니다.. ㅠ ..

    [77일차] 게시판에 페이징 기능 / 검색 기능 (ex03)

    [77일차] 게시판에 페이징 기능 / 검색 기능 (ex03)

    20221111(금) 목차 - 게시판에 페이징 기능 - 게시판에 검색 기능 cf) 페이징 버튼 만들기 https://java119.tistory.com/85 ❤ 코딩을 하기 전에 가볍게 분석하기!!!! 전체 흐름이 어떻게 되는지 동작도 돌려보고~ 호출이 어떻게 되는지 돌려보기~ ❤ 구성 분석 및 작업 플로우(흐름) - 각 기능별 작업분석 1) 글쓰기 폼 / 글쓰기 저장 2) 목록 3) 조회 4) 수정폼 / 수정하기 5) 삭제 1. BoardVO.java package com.demo.domain; import java.util.Date; import lombok.Getter; import lombok.Setter; import lombok.ToString; // 테이블명 : TBL_BOARD /* CRE..