본문 바로가기

전체 글273

JSP에서 c:forTokens 활용하여 게시물에 이미지를 개수만큼 뿌려주는 방법 해당 방법을 구현하기 위해서,1. View 단에서 태그를 이용하여 For 문으로 구현2. Controller 에서 split 후 Model 에 ArrayList로 담아서 View 에서 c:set / c:forEach 문으로 구현해보았지만 ... 제대로 작동하지 않아서 더 검색해본 결과 방법을 찾았다. JSTL 에서 제공해주는 c:forTokens 문으로 쉽게 구현가능!!123 Colored by Color Scriptercs 2018. 7. 12.
20180711 개발일지 * 게시물 상세보기 *1. 슬라이더를 외부 플러그인로 찾아 적용=> 인스타그램처럼 좌우넘기는게 마우스오버시 나타나고, 아래 네비게이터는 사진 밖에 있게 하고싶었는데 딱 찾았다!근데 이 플러그인을 분석해서 이해하고 커스텀하는게 생각보다 오래걸렸다 ㅠㅠ (출처 : http://www.woothemes.com/flexslider/) * GitHub 초기화 *1. 형상관리로 GitHub를 쓰는데 Fetch하고 Merge해보니까 히스토리 그림이 완전 이상하더라..나중에 언젠가 백퍼 꼬일 것 같아서 기본 뼈대를 다시 만들고 Repository도 새로 구성함!=> 말이 쉽지 직접 해보니 3시간 정도 잡아먹은듯 ㅠㅠ.. 2018. 7. 12.
20180710 개발일지 * localStorage 를 활용한 임시저장 기능 구현 *1. JSP에서 현재 시스템 날짜와 시간 원하는 포맷으로 알맞게 데이터 가져오기2. 게시물내용을 현재 시스템 날짜로 localStorage에 저장3. 현재 시스템 날짜를 임시저장 횟수로 localStorage에 저장4. 임시저장된 목록 최신순으로 소팅5. 각 임시저장된 항목 클릭시 게시물내용에 덮어씌우기6. 각 임시저장된 항목 삭제 구현=> 이게 생각보다 따져야 할 조건들이 많아서 오래걸렸다ㅠ=> 삭제하니 작성중인 내용도 삭제돼서 다른 function까지 추가함..7. 부하방지&관리를 위해 임시저장 횟수 최대 6회까지만 허용 * 이미지 업로드 *1. 업로드 개수 최대 5개로 제한2. 업로드시 이미지 미리보기 구현=> 여기도 개수 제한걸기=> 참고.. 2018. 7. 10.
[jQuery] 동적으로 추가한 요소에 이벤트 걸기 (event binding) jQuery 동적 메소드를 통해서 DOM 객체에 추가했는데, 그 추가한 요소에 클릭이벤트를 걸으려니 계속 안됐다. .after() .html() .append() .prepend() 등.. 처음엔 jQuery Selector 를 잘못잡은건가 싶었지만 찾아보니 그게 아니었고, 동적으로 추가한 요소는 마우스 액션이 등록되어있지 않기 때문에 마우스 이벤트를 걸어도 아무 반응이 없었던거였다.. 그래서 찾은 해결방법. 당황하지 말고 아래의 'to-be' 로 적용하면 된다 :) // as-is $("#boardContent").on("click", function() { console.log( $(this).attr("id"); ); //-> not working }); // to-be $(document).on(.. 2018. 7. 10.
현재시스템 날짜와 시간 구하는 자바스크립트 컨트롤단을 타지 않고 뷰단에서 현재 시스템날짜와 시간을 javascript로 구해야해서 만들었다.아래 function 참고하여 원하는대로 커스텀하면 좋을듯! 12345678910111213141516171819//현재 시스템 날짜+시간 가져오고 포맷을 바꾼 자바스크립트function formatDate(today) { var month = (today.getMonth() + 1); var day = today.getDate(); var hours = today.getHours()+''; //''을 안넣으면 문자취급이 안되어 아래 조건문 성립불가 var min = today.getMinutes()+''; var sec = today.getSeconds()+''; if (month.length 2018. 7. 10.
form 안에 button 클릭시 새로고침, 자동 submit 되는 현상 해결방법 form 태그 안에 button 태그를 클릭하니까 자동으로 submit 이 되어버려서 페이지가 새로고침되고주소값 뒤에도 ?~~ 하면서 쓰레기값이 계속 붙어서 원하는 기능이 제대로 안나왔다. 해결방법 : 2018. 7. 9.
[jQuery] bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery 원인 : 부트스트랩이 자바스크립트 기반이라 CDN 선언시 jQuery를 먼저 선언해줘야 하는데, Bootstrap CDN을 먼저 선언해서 에러발생.해결 : CDN 순서를 jQuery->Bootstrap 순으로 하면 된다 ~~~ 2018. 7. 9.
한 프로젝트를 GitHub로 다같이 형상관리하는 방법 * 0. 프로젝트 생성과 Commit/Push *이클립스에서 다함께 공유할 프로젝트를 생성하고,GitHub 에서 New Repogitory 하여 고유페이지 생성하고,다시 이클립스에서 프로젝트 우클릭-Team-Share Project 에서 Local에 저장할 주소를 등록하여Commit 후 Git Perspective 에서 공유할 사람마다 Branch 를 생성하고,프로젝트 우클릭-Create Remote 에서 프로젝트 고유 GitHub 주소를 등록한다. (등록시 ALL Branch 꼭 체크!) * 1. Git에 올린 프로젝트를 다같이 공유 *GitHub 에서 해당 프로젝트 페이지로 들어간 뒤, settings-Collaborators 메뉴에서 함께 공유할 대상들을 초대한다.( * 초대받은 상대방은 메일에 온.. 2018. 7. 7.
some characters cannot be mapped using "ISO-8859-1" character encoding some characters cannot be mapped using "ISO-8859-1" character encoding.Either change the encoding or remove the characters which are not supportedby the "ISO-8859-1" character encoding. 개요 : 다른페이지의 소스를 가져와서 이클립스에 붙여넣기를 했는데 해당 오류 발생. 원인 : 이클립스에서 사용하는 기본 문자셋이 ISO-8859-1 이기 때문에 발생. 해결 : 작업하던 파일은 JSP 파일이라 최상단에 아래 태그를 설정하니 문제 해결1cs 2018. 7. 6.

티스토리툴바