본문 바로가기

분류 전체보기273

20180720 개발일지 * 게시물 *1. 툴바작업한거랑 합치니까 기존에 먹던 스크롤 이벤트가 작동하지 않거나 충돌나서 수정, 보완2. 드디어 세션과 합쳐서 하드코딩으로 유저아이디 넣던 것들 세션으로 모두 수정, 보완3. 댓글입력시 @ 특수문자와 오토컴플릿 이용하여 친구리스트 불러오기=> 포스팅 : 2018/07/20 - [JAVA/JAVA Script] - caret.js 와 atwho.js 이용하여 게시물에서 @로 친구리스트 불러오기 (autocomplete 활용) 2018. 7. 20.
20180719 개발일지 * 게시물 목록 / 게시물 상세보기 *1. 댓글추가 기능 보완2. 현재 시간과 마지막 댓글이 달린 시간 비교하여 "x분 전"으로 표시하는 로직 보완3. 전반적인 기능 보완 .. 오늘은 내일 발표를 위해 Git 으로 Merge 하는 과정에서 또는, Merge 후 예기치 못한 오류를 손보는 데에 시간을 많이 할애했다ㅠㅠ 이번주까지는 댓글기능 구현하려했으니 좀만 더 힘내서 해야지 ! 2018. 7. 19.
마지막에 추가한 데이터의 index 가져오는 방법 마지막 insert 한 row의 index 가져오는 방법메인프로젝트를 진행하면서 방금 추가한 댓글의 고유넘버를 가져와야 할 때 되게 간편하고 효과적이었다.* MyBatis 의 버전이 2.x 버전에서 3.x 버전으로 변경되면서 사용하는 방법이 다르니 참고* MySQL 과 MyBatis 사용 참고 1. 2.x 버전 => 태그와 keyProperty 활용123456789 SELECT LAST_INSERT_ID() INSERT INTO COMMENT (user_id, board_no, comm_time, comm_content) VALUES ( #{user.userId}, #{boardNo}, NOW(), #{commentContent} )Colored by Color Scriptercs3. 3.x 버전 => .. 2018. 7. 19.
자바스크립트로 특정 날짜와 현재 날짜 비교하여 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.

티스토리툴바