전체 글 30

제이쿼리 아코디언 _ Jquery Accodion (컨텐츠 펼침/접힘)

=== 타이틀, 컨텐츠 분리된 부분 $(document).on('click', '.accodion .accodion-arrow', function(){ $('.accodion-contents').slideUp(200); if($(this).parent().hasClass('active')) { $('.accodion').removeClass('active'); $(this).parent()removeClass('active'); }else{ $('.accodion').removeClass('active'); $(this).parent().children('.accodion-contents').slideDown(200); $(this).parent().addClass('active'); } }); 1 2 ..

javascript, JQuery 2020.04.13

[방송통신대] Java 프로그래밍 중간 과제

1. 이름이 Test인 퍼블릭 클래스를 정의한다. 첫 줄에 자신의 학번을 출력하고 다음 줄에 이름을 출력하도록 main() 함수를 정의하여 Test 클래스에 포함시킨다. 이클립스를 사용하여 클래스를 작성하고 실행시킨다. 클래스 정의와 출력 결과를 확인할 수 있는 1개 그림을 캡처하여 과제물 파일에 포함시키시오. public class Test { public static void main(String[] args) { String studentNum = "20XXXX-36XXXX"; String studentName = "캣덕후"; System.out.println("학번 : " + studentNum); System.out.println("이름 : " + studentName); } } 2. 아래 예외..

Study 2020.04.10

CSS Display와 Visibility 차이

- display 요소를 표시하는 방법을 지정한다. CSS p.inline {display: inline;} > inline : 인라인 요소처럼 표현한다. block : 블럭 요소처럼 표현한다. inline-block : 인라인의 흐름에 따르되 블록 박스처럼 마진, 테두리, 패딩, 너비, 높이 속성이 적용된다. flex : CSS3에 새로 생긴 값으로 블록-레벨의 flex 컨테이너처럼 요소를 표현한다. inline-flex : CSS3에 새로 생긴 값으로 인라인-레벨의 flex 컨테이너처럼 요소를 표현한다. list-item : 박스를 블록 처리하고 그 안의 아이템들을 인라인 박스 형태로 처리한다. run-in : 문맥에 따라 블록 또는 인라인 박스로 처리된다. table, inline-table, , ..

CSS 2020.03.11

ajax 페이징처리 (더보기)

ajax를 활용한 간단한 더보기 페이징 구현입니다. Mysql에서 제공하는 샘플 DB를 활용해서 영화목록 리스트를 만들어봤습니다. VO를 따로 만들지 않고 service와 controller만으로 구현 했으며, 쿼리에 Limit 를 써서 10개씩만 보여주게끔 만들었습니다. 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 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 Insert title here No 제 목 내 용 ..

javascript, JQuery 2020.03.03

JSON 객체변환(파싱) , Cilck 이벤트

JSON형태의 데이터를 객체 변환 후 리스트로 가져오는 방식. 목록 선택시 내용 상세보기와 클릭이벤트를 주어 클릭시 목록에 css가 추가되어 색상이 바뀜. 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 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 Insert title here .row { background-color : lightgray; } idx name date // $(document).ready(function() { var dataLis..

javascript, JQuery 2020.02.28

[방송통신대] 소프트웨어 공학 중간과제 (2020)

* 주어진 요건을 참고하여 문1~문2의 답안을 작성하시오. ** 아래 한글 또는 MS-word를 사용하고, 1개의 파일에 모든 답안을 작성하여 제출하시오. 문1 (20점) 교재에서 소개되지 않은 ‘소프트웨어 개발 프로세스 모델’ 또는 ‘개발 방법론’ 중 1개를 찾고 조사하여 2~3쪽 분량으로 알기 쉽게 정리하라. - 개조식으로 작성하고 아래의 내용을 포함할 것 - 설명을 위한 그림을 포함하고, 구성 요소와 절차, 기존 모델과 비교하여 특징과 장단점을 분명히 구분하여 서술할 것 - 중요한 부분에 강조 표시를 할 것(굵은 글씨와 색상 등 사용) 문2 (각 5점) 다음 용어 2개를 각각 10~15줄로 명확하게 정리하라. (a) 기능 점수(FP) (b) 소프트웨어 요구사항 명세서(SRS) - 참고한 문헌이나 인..

Study 2020.02.28

myBatis 설정(Properties 파일 설정 방식)

DB의 정보들을 관리하기위해 myBatis를 아래와 같이 적용하였다. 1. myBatis관련 라이브러리를 추가하기위해 maven의 pom.xml에 아래의 내용 등 2. DB연결정보를 /프로젝트명/src/main/resources/db.properties 에 추가 driver=org.gjt.mm.mysql.Driver url=jdbc:mysql://접속IP/데이터베이스명 username=DB계정아이디 password=DB계정패스워드 3. myBatis Config파일 생성(/프로젝트명/src/main/resources/config/mybatis/mybatis-config.xml) config파일은 어짜피 SqlSessionManager클래스를 만들어서 명시하니 임의로 이름을 정해줘도 상관없다(나의 경우는 ..

JAVA 2020.02.17

ServletContext, HttpSession, HttpServletRequest 차이점

1.Web = HTTP = Stateless -연결 상태 유지 X -요청 단위로 Connection -따라서 이전 페이지에서 수집 했던 데이터를 다음 페이지에서 사용할 수 없다 -다음 페이지에서도 이전 페이지에서의 데이터를 유지해서 쓰기 위해서는 어딘가 저장해두고 유지시켜 놓아야한다 -저장소 : ServletContext, HttpSession, HttpServletRequest -저장 : setAttribute(name, value) -추출 : getAttribute(name) -삭제 : removeAttribute(name) -각 저장소의 차이점 : 메모리에서 살아있는 기간이 다름 ServletContext HttpSession HttpServletRequest 생성 : 서버 시작 시 제거 : 서버 ..

JAVA 2020.02.10

MS-SQL 재귀쿼리

ms-sql 재귀쿼리를 이용해서 메뉴 소트하기 메뉴 테이블 생성 시 MENU_NO, MENU_NM, MENU-PRNT, MENU_SEQ, MENU_URL 컬럼을 생성 MENU-PRNT는 페이지내 상단 메뉴 번호 MENU_SEQ 는 MENU-PRNT 하위 메뉴 번호 WITH MENU_TREE AS( SELECT MENU_NO , MENU_NM , MENU_PRNT , MENU_SEQ , CONVERT(VARCHAR(255), MENU_SEQ) SORT , CONVERT(VARCHAR(255), MENU_NM) DEPTH_FULLNAME FROM FEWM_MENU_MNG WHERE MENU_PRNT = 0 UNION ALL SELECT B.MENU_NO , B.MENU_NM , B.MENU_PRNT , B...

SQL 2019.11.26