본문 바로가기

전체 글273

자바스크립트로 특정 날짜와 현재 날짜 비교하여 x시간전, x분전, x초전 구현하기 특정 날짜와 현재 날짜를 비교해서 "x시간 전, x분 전, x초 전, 방금 전" 과 같은 문구를 리턴해주는 javascript 구현. 실제 돌아가는 메커니즘은 구글링만 해도 금방 나오는데, 이해하고 내꺼화하며 적용하기가 쉽지 않았다.그래도 구현하니 뿌듯함 ㅠㅠ !!!!! * 구현방법 *1. BODY 내부12cs2. 돌아가도록 선언한 JAVASCRIPT1234567891011//마지막으로 작성된 댓글시간 출력을 함수로 만들고function refreshDate(){ $("#commLastTime").text(transferTime( $("#commLastTime").attr("class") ) );} $(function(){ //마지막으로 작성된 댓글시간 출력을 함수 바로 실행 refreshDate(); .. 2018. 7. 18.
페이스북 공유 API 적용 페이스북에서 제공해주는 공유 API 를 활용해보자. 페이스북 개발자 센터 : https://developers.facebook.com/docs/sharing/reference/share-dialog 짜잔, 이렇게 구현된다. * 사용방법 * 1. html 상단에 페이스북 공유를 위한 CDN 선언 1 2 3 4 5 6 7 8 (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=A.. 2018. 7. 18.
20180718 개발일지 * 게시물 상세보기 *1. 카카오톡공유 기능 구현=> 포스팅 : 2018/07/18 - [Rest API] - 카카오링크v2 사용방법2. 페이스북공유 기능 구현=> 포스팅 : 2018/07/18 - [Rest API] - 페이스북 공유 API 적용3. 인스타그램공유 기능 구현......하려 했으나 개발자센터에 해당 기능이 없었다. 찾아보니 이유가 있었네=> At this time, uploading via the API is not possible. We made a conscious choice not to add this for the following reasons:1.Instagram is about your life on the go – we hope to encourage photos from.. 2018. 7. 18.
카카오 카카오링크v2 API 적용 REST API가 잘 정리되어있는 카카오톡에서 제공하는 카카오링크v2 API를 사용하려고 한다. 카카오개발자사이트 : https://developers.kakao.com/docs/js/kakaotalklink#카카오톡링크 * 사용방법 * 1. html 내 head 에 카카오 CDN 선언 1 2 cs 2. html 내 body 에 카카오톡 이미지 사용한 부분 1 cs 3. html 내 javascript 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Kakao.init('b3eb26586b770154ea49919a7f59f2d2'); //실제 카카오톡 이미지 클릭시 실행되.. 2018. 7. 18.
자바스크립트에서 contains 사용? 자바스크립트에선 contains 사용이 불가능하다.자바문법으로 생각하고 스크립트에 contains 썼다가 contains is not a function 에러가 나서 찾아보니,자바스크립트에서는 indexOf() 를 사용해야한다고 한다. 2018. 7. 17.
Unsupported Media Type (415) 415 Unsupported Media Type 발단 : jsp 에서 post 방식으로 ajax 처리하려고 했는데 해당 오류가 발생했다.원인 : post 방식으로 데이터를 요청할 때 헤더가 있어야 하는데 헤더를 안적었다.해결 : ajax 내 아래구문을 추가하니 해결됨!123456....headers : { "Accept" : "application/json", "Content-Type" : "application/json"},....Colored by Color Scriptercs 2018. 7. 17.
20180717 개발일지 * 게시물 상세보기 *1. 무한스크롤 구현 => 구현하며 append 시키는 동안 JSTL 문법이 안먹어서 자바의 조건문으로 일체 변경, append 후 event 안먹는 문제 재수정, sweetalert 활용..이것만 하루종일 했다 ㅠㅠ 2018. 7. 17.
textarea 선택 영역 파란테두리 없애는 방법 textarea 사용시 textarea 선택영역이 파란색 테두리로 잡히는데, 이게 싫다면 아래 css 를 먹이면 된다.outline: none; 2018. 7. 16.
20180716 개발일지 * 게시물 목록 *1. 게시물의 공개범위에 따른 아이콘 표현, 툴팁적용2. 기본 레이아웃을 getBoard 에서 가져왔는데 listBoard 에서는 for문을 돌리다보니 jquery가 완전 먹통되어 selector 전체 수정3. BoardController 에서 게시물 관련 정보 외 너무 많은 처리 (좋아요개수, 좋아요여부, 댓글개수)가 이루어져 Mapper 를 포함한 sql문 전체 수정4. 댓글입력란 인스타그램처럼 input 이 아닌 textarea 로 처리 2018. 7. 16.

티스토리툴바