Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 팝업창 선택 데이터 부모 창 전달 저번 포스팅에선 팝업창을 띄우는 것을 구현하였습니다. 이번 포스팅에선 팝업창에서 작가를 검색하고 선택할 수 있도록 인터페이스를 구현하고, 최종적으로 선택한 데이터가 부모 창(goodsEnroll.jsp)에 전달하는 것을 목표로 합니다. 순서 1. 작가 목록 구현(팝업창) 2. 부모 창 데이터 전달 3. 테스트 1. 작가 목록 구현(팝업창) 1.1 Controller 작업 상품 관리 페이지에서 하였던 작가 리스트를 출력하고 검색 기능을 팝업창에서 구현할 것입니다. 이번 작업은..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 작가 선택 팝업창 구현 authorId 태그에 데이터를 넣기 위해 '작가'를 선택할 수 있도록 '팝업 창'을 띄우고, 원하는 '작가'를 선택을 하게 되면 팝업창은 닫히고 태그에 해당 작가의 id값이 입력되도록 하는 것이 목표입니다. 이번포스팅에선 팝업창을 띄우기 위한 버튼을 추가하고, 해당 버튼을 눌렀을 때 팝업창이 뜨도록 하는 것이 목표입니다. 순서 1. 작가 선택 버튼 추가 및 css 설정 2. 버튼 작동 구현 3. 테스트 1. 작가 선택 버튼 추가 및 css 설정 기존의 작가 입력(authorId) 태..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 달력 위젯(datepicker) 적용 달력 입력란에는 "yyyy-MM-dd"의 형식으로 반드시 입력이 되어야 합니다. 왜냐하면 DB에 '출판일(publeYear)' 컬럼의 데이터 타입이 DATE이기 때문입니다. 문제는 사용자가 개발자가 의도한대로 입력하지 않을 수 있다는 점입니다. 이러한 문제점을 보완하기 위해 경고글을 통해 입력 형식을 소개한다던지, Javascript코드를 통해 입력 형식 유효성 체크를 하는 방법 등 다양한 방법이 있습니다. 저는 사용자가 달력 인터페이스를 통해 날짜를 선택하여 'yyyy..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 '책 소개', '책 목차' 입력란 위지윅 에디터 적용 위지윅(WYSYWYG) 에디터란 쉽게 말해 일반적인 사용자가 코드를 몰라도 눈에 보이는 대로 작성할 수 있도록, 문서 작성 방법을 GUI로 구현한 도구(Tool)입니다. 우리는 흔히 위지윅을 많이 사용하고 있습니다. 예를 들어 '한글'프로그램에 문서를 작성한다던지, 웹카페나 블로그에 글을 쓸 때 사용되는 것이 모두 '위지윅 에디터'를 사용하는 것입니다. 위지윅을 사용하지 않게 된다면 아래그림에 작성된 문서를 작성하기 위해서 사용자는 아래와 같이 코드를 직..