CODING

스프링 게시판 이전 글 , 다음 글 구현하기 0. 이슈 발생 게시판에서 이전 글과 다음 글을 보여주는 기능 구현해보기 1. JSP (document_detail.jsp) 이전 ${listLevel.PREV_TITLE} 이전글이 없습니다. 다음 ${listLevel.NEXT_TITLE} 다음글이 없습니다. - 데이터가 없을 경우(empty) 없습니다 표시해주기 #nextBoard{ border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width: 1180px; margin-left: 20%; } #nextBoard tr{ height: 60px; } #nextBoard td:nth-child(1){ width: 120px; font-size: ..

Visual SVN Server 설치 및 환경설정, SVN 사용방법 현재 사용하고 있는 형상관리 툴인 SVN. 설치부터 사용방법까지 정리해 보기 1. Visual SVN Server 다운로드 https://www.visualsvn.com/server/download/ Download | VisualSVN Server Download VisualSVN Server Includes Apache Subversion 1.14.2 www.visualsvn.com 다운로드 후 실행시키기 맨 위와 체크박스 선택해 주기 SVN 설치 경로지정 설치한 SVN 실행 2. Repository 생성 좌측 Repositories 선택 후 우클릭 new Repository 클릭 레파지토리 이름 생성 Empty repository ..

자바스크립트 TOP 버튼 만들기 🩸이슈 발생 어디서나 볼 수 있는 자동 스크롤 업 기능(TOP) 버튼 5초 만에 만들어보기 🩹이슈 해결 1. HTML ▲ TOP 2. CSS #top-btn { display: none; position: fixed; bottom: 40px; right: 40px; z-index: 999; background-color: white; border: 2px solid #dbdbdb; outline: none; cursor: pointer; padding: 10px; border-radius: 50%; width: 90px; height: 90px; font-size: 20px; font-weight: 500; color: #333333; } 3. JavaScript $(do..

자바스크립트 마감 카운트다운 타이머 만들기 🩸이슈 발생 오늘 기준으로 남은 시간 타이머 만들어보기 (마감 타이머) See the Pen Untitled by Give J (@Give-J) on CodePen. 🩹이슈 해결 1. HTML 오늘 마감 : : : 2. CSS .db_title { display: flex; padding-left: 35%; padding-top: 21.5px; } span { color: red; font-size: 22px; line-height: 100% ; font-weight: 600; position: relative; } .timer-wrap span { letter-spacing: 6.72px; font-size: 32px; } 3. JavaScript // 10 ..

AJAX 정복하기 🩸이슈 발생 정말 모든 파일에 다 들어가있는 AJAX.. AJAX 정복이 시급했다. 🩹이슈 해결 1. AJAX 개념 - 비동기 방식으로 클라이언트-서버 간에 데이터 교환하는 기능 * 비동기 방식: 페이지 새로고침, 화면 이동 없이 작업하는 것. ex) 댓글쓰기 - 자바스크립트 + 제이쿼리 기반 2. 기본형식 $.ajax({ type:"post",//요청 메소드 방식 url : "/AjaxTest/ex01.do",//요청url data:{ //보낼 데이터 }, dataType: "text", //서버가 요청url을 통해서 응답하는 내용의 타입 //데이터 전달받을때 어떤 타입으로 줄건지 success: function(result){ //서버의 응답 데이터가 클라이언트에게 도착하면 자동실행..

티스토리에 코드펜 적용하기 🩸이슈 발생 코드펜에 작성한 코드를 티스토리에 올리려면? 🩹이슈 해결 1. 작성한 코드 저장(Saved) 하기 2. 우측 하단 Embed 눌러주기 3. 우측하단 HTML (Recommended) 에 떠있는 코드 복사 4. 티스토리 글 작성시 HTML 모드 선택 5. 코드펜에서 복사한 코드를 HTML 모드에서 붙여 넣어주기(원하는 부분에) 6. 게시글 저장하면 끝! See the Pen Untitled by Give J (@Give-J) on CodePen.

코드펜에서 제이쿼리 사용하기 🩸이슈 발생 코드펜에서 제이쿼리가 안돼서 자꾸 에러가 나는거다. 🩹이슈 해결 1. 상단바에 Settings 클릭 2. JS 선택 3. jquery 입력 후 선택해주기 4. 선택하면 자동으로 링크 뜨는거 확인 후 저장 (Save & Close) 5. 제이쿼리 사용 가능!

자바스크립트 카테고리 기능 만들기 🩸이슈 발생 페이지 추가 안하고 한 페이지 내에서 카테고리 만들어보기. 🩹이슈 해결 See the Pen Untitled by Give J (@Give-J) on CodePen.

소스, 코드 미적용되는 프리징현상 해결하기 0. 이슈 발생 JSP 코드 작성 후 확인하려고 새로고침을 계속 눌렀지만 코드가 반영되지 않았고, 서버를 재시작해도 소용없었다 1. 프로젝트 파일 위치 들어가기 D:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\_\org\apache\jsp 2. 컴파일된 파일 삭제 (.class, .java) 3. 재실행 재실행 시 컴파일된 파일이 다시 자동으로 생성된다. 현재 시간으로 되어있으면 코드가 반영되었다! 프리징현상 해결 완료 💡유의사항 JSP 파일 삭제할 경우 참사가 일어날 수 있다. 반드시 컴파일 된 파일 (.class, .java) 삭제하기.

아파치 서버 재시작하기 🩸이슈 발생기능적용을 위해 평소처럼 서버 재시작을 하려고 작업표시줄을 봤는데 사라져버린 Apache..당장 재시작 해야하는데 ..  🩹이슈 해결1. 윈도우 검색창에 '서비스' 검색하기 2.목록에서 Apache 2.4 찾고 서비스 중지클릭 후 다시시작 클릭하기 3. 서버 재시작 완료! 💡유의사항서버에 문제가 있거나 파일 및 코드가 에러가 있는 경우에는 다시시작 버튼이 아예 없었다!다시시작 버튼이 없다면 지나온 코드를 다시 돌아보자.