부스트코스(웹)7 네이버 예약 서비스 한줄평 등록을 위한 백엔드 개발기 지난 개발까지에서는 한줄평 조회가 있었다면 이번에는 한줄평 등록입니다! 이번 백엔드 프로젝트에서는 파일 업로드와 로그 인터셉트로 크게 두가지 기능을 구현해야 합니다. 파일 업로드 기존에 이미지를 보여줄 때는 컨트롤러를 거치지 않고 webapp폴더 경로 아래의 static한 파일들을 보여주었습니다. 하지만 이는 보안 상의 이유로 좋지 않습니다. 게다가 사용자가 한줄평에 이미지를 넣어 등록하는 경우, 모두가 접근 가능한 webapp폴더에 저장하는 것이 아닌 다른 저장소에 저장한 다음 컨트롤러를 통해서 접근하게 하여야 합니다. 파일 업로드의 경우에 사용자가 올린 파일을 저장하기 위해 해당 파일명을 유일하게 해야하기 때문에, UUID클래스를 사용하여 파일명을 작성하였습니다. 파일은 주로 크기가 크기 때문에 버퍼.. 2020. 5. 21. 네이버 예약 서비스 예약 관련 페이지들을 위한 프론트엔드 개발기 네이버 예약 서비스에서 예약 페이지, 이메일 로그인 페이지, 예매 내역 확인 페이지까지 총 3가지의 예약 기능을 위한 페이지들을 개발하였습니다. 이번에 프런트 자바스크립트에서의 중요한 부분은 정규표현식, UI기능 별로 묶어 modular하게 개발로 총 2가지였습니다. 정규표현식 문자열의 특정 패턴을 찾을 수 있는 문법입니다. 패턴을 찾아서 추출, 삭제, 치환 등의 문자열 조작을 할 수 있습니다. 주로 이메일, 주소, 전화번호 등의 규칙 검사에 사용됩니다. 정규표현식 사용법에 대해서는 다음의 위키 사이트에서 학습하였습니다. https://ko.wikipedia.org/wiki/%EC%A0%95%EA%B7%9C_%ED%91%9C%ED%98%84%EC%8B%9D 이번에 전화번호와 이메일 Input에 규칙검사를.. 2020. 5. 21. 네이버 예약 서비스 예약 관련 페이지들을 위한 백엔드 개발기 부스트 코스 proj5-1를 진행하였습니다. 네이버 예약 서비스의 예약 관련 페이지들을 위한 Controller와 API를 위한 Controller를 개발하였습니다. 예매하기 페이지와 예약자 이메일 입력 페이지, 예약확인 페이지로 총 3개와 더불어 예약정보 조회를 위한 /api/reservations와 예약하기 /api/reservations, 예약취소하기 /api/reservations/{reservationId} 총 3개의 API까지 개발하였습니다. 이번에는 select문 외에 update문과 delete,insert문을 사용한다는 것을 제외하면 기본적인 Controller작성은 proj3-1이나 proj4-1과 비슷하였습니다. Controller작성과 더불어 이번 과제에서는 특별히 session이라.. 2020. 5. 21. 네이버 예약 서비스 상세페이지 프론트엔드 개발기 부스트 코스 proj4-2를 진행하였습니다. 이번에는 네이버 예약 서비스 상세페이지의 프론트엔드를 개발하였습니다. 개발해야하는 파트는 총 3부분으로 display item의 정보를 보여주는 메인 상세페이지와 해당 display item의 모든 한줄평을 볼 수 있는 한줄평 상세페이지 그리고 메인 상세페이지 상단의 타이틀영역 배경이미지 슬라이딩입니다. 메인 상세페이지(detail view)와 한줄평 상세페이지(comment view) 메인 페이지에서 display item을 선택하면 해당 item의 메인 상세페이지로 이동하게 됩니다. 이때 data를 상세페이지에 렌더링합니다. 원래 렌더링을 순수하고 javascript만 사용해서 하였었습니다. 하지만 리뷰어님께서 Spring MVC를 배우는 과정이니 jsp를.. 2020. 5. 21. 이전 1 2 다음
