별별코딩

✔ ORDER BY SELECT로 데이터를 조회할 때, ORDER BY를 추가하여 정렬 기준으로 삼고자하는 컬럼명을 제시해서 정렬할 수 있다. ✔ ORDER SIBLINGS BY 일반적인 정렬이 아닌, 계층 내에서 정렬 할 수 있다. 오라클 계층형 쿼리문 ( connet by ) SELECT 조회하고자 하는 테이블의 컬럼 FROM REPLY WHERE 게시글의 유형구분 = 2 AND 해당 게시글의 글번호 = #{게시글번호} -- 추가적인 조건들 START WITH 참조하는댓글번호 = 0 -- 부모의 시작 조건 CONNECT BY PRIOR reply_no = 참조하는댓글번호 -- 자신값과 부모값을 비교 ORDER SIBLINGS BY 작성일 DESC; -- 계층내에서 정렬: ORDER SIBLINGS B..

자바스크립트, 제이쿼리와 Awesomefont로 별점 선택하는 기능을 구현했습니다. See the Pen StarRating by daeun lee (@daeuun) on CodePen. ✔ Awesomefont CDN코드 더보기 1. 가장 기본적인 단계 : script에 작성된 그대로 별점을 css로 표시하기 (사용자 선택 X) html Awesomefont로 아이콘을 가져와서 css와 javacript로 색을 입히는 과정을 진행할 예정이다. 여기서 이것이 별모양 아이콘이다. 별점 표시하기 css 아이콘에 기본 색상을 지정한다. i{color:#dedede;} script $(function(){ /*.rating마다 할 일*/ var rating = $('.review .rating'); /*each..

summernote는 bootstrap4버전과 css를 수정하기 편한 라이트 버전이 있다. 부트스트랩을 사용하지 않는 lite버전으로 summernote를 사용해보자. 어려울까봐 걱정했는데 생각보다 사용법이 쉬워서 금방 적용할 수 있었다! 1. 다운로드 Download compiled 버튼을 눌러서 다운로드 받는다. 2. 프로젝트에 파일 배치하기 다운로드 받은 dist의 압축 풀면 다음과 같은 파일 구조가 나온다. 사용할 프로젝트의 resources폴더에 폴더 이름을 summernote로 지정하고, font폴더 lang폴더의 KR파일 summernote-lite.css summernote-lite.js 네종류의 파일을 붙여넣는다. 적용결과 3-1. 헤더에 라이브러리 추가하기 3-2. html Hello ..

See the Pen tab menu by daeun lee (@daeuun) on CodePen. html 탭_1 탭_1 탭_2 탭 내용 1번입니다. 탭 내용 2번입니다. 탭 내용 2번입니다. css .container{ width:500px; margin: 0 auto; } ul.tabs{ margin: 0px; padding: 0px; list-style: none; } ul.tabs li{ display: inline-block; background: none; color: #222; padding: 10px 15px; cursor: pointer; } ul.tabs li.current{ background: #ededed; color: #222; } .tab-content{ display: no..

프로젝트 기간 2021/06/22 ~ 2021/08/20 프로젝트 이름 Book For You 개발환경 Language : Java (OpenJDK 8) DBMS : Oracle Prontend : HTML5, CSS3, JavaScript, jQuery, Bootstrap Server : Apache Tomca (8.5) Server Programming : JSP/Servlet, AJAX Framework : Spring, MyBatis 프로젝트 관리도구 : Mavern IDE : Eclipse STS3, sqldeveloper, VS Code Modeling Tool : StarUML, erdcloud, 카카오오븐 형상 관리 : Github 사용 API : i'mport, summernote, 💡기..

프로젝트 기간 2021/04/23 ~ 2021/06/10 프로젝트 이름 🧳 냉장고에 뭐있지 개발환경 Language : Java DBMS : Oracle Prontend : HTML, CSS, javascript, servlet Library : Jquery, ojdbc Server : Apache Tomca 8.5 IDE : Eclipse, MySQL, VS Code 💡기능구현 리스트 1. 메인페이지 1-1. 메인 페이지 : 메인배너, 추천 사용자 슬라이드 1-2. 헤더 : 검색, 메뉴카테고리, 로그인, 회원가입 연결 1-3. 레시피 검색 1-4. 레시피 정렬 : ajax를 이용한 인기순 정렬 2. 로그인 2-1. 로그인 2-2. 로그아웃 2-3. 아이디 찾기 2-4. 비밀번호 재설정 3. 회원가입 4..