분류 전체보기
-
학원 day65. Git기록 2022. 12. 6. 23:56
Git : - 분산형 버전관리 시스템 - 리누즈 토발즈가 만듦 (깃, 리눅스 개발함) Git의 역할 : - 프로젝트 산출물(설계도, erd, 소스코드, 보고서, 메뉴얼), 파일의 버전관리 (파일의 변경이력을 관리) - 버전관리 클리이언트 프로그램 * 중앙 집중식 버전관리 프로그램 -> subversion(svn), cvs * 분산형 버전관리 프로그램 -> git - 버전관리 클라이언트 프로그램에서 원격저장소를 저장해놓는다. - 버전관리 프로그램은 중앙집중식, 분산형으로 나뉜다. 이클립스 플러그인으로 사용할 수 있다. - 이클립스는 기본적으로 git이 깔려있다. import에 보면 git이 설치되어있음을 확인할 수 있다. - sub버전은 마켓플레이스에서 search-subversion으로 검색하면 아래와 ..
-
학원 day64. ajax기록 2022. 12. 5. 11:18
$.get은 ajax요청을 서버로 get방식의 요청을 보낼 때 사용하는 메소드다. 괄호 안에 요청url, 요청파라미터로 보낼 데이터, 응답왔을 때 실행할 함수를 적는다. 응답왔을 때 실행할 콜백함수는 매개변수를 가지는데 서버가 보낸 응답데이터가 전달된다. 응답하는 데이터가 무엇이냐에 따라서 화면을 갱신하는 코드를 작성한다. 데이터를 서버로 보낼 때는 {} 사이에 name:value 형식으로 보낸다. HTTP 응답 데이터 text/html HTML 컨텐츠 application/octet-stream 바이너리 데이터(그림, 영상, 파일 데이터) text/plain 일반 텍스트 text/xml XML 데이터 application/json JSON 데이터 JSON - JavaScript Object Notati..
-
학원 day63. HTML DOM(2), AJAX기록 2022. 12. 2. 12:26
엘리먼트 추가 / 삭제 * 추가기능 $(selector).append() 엘리먼트의 맨마지막 자식요소로 추가된다. $(selector).prepend() 엘리먼트의 첫번째 자식요소로 추가된다. $(selector).after() 엘리먼트의 동생으로(뒤에) 추가된다. $(selector).before() 엘리먼트의 형으로(앞에) 추가된다. * 추가기능도 메소드 체이닝을 이어갈 수 있다. * append, prepend, after, before는 text 또는 html처럼 박스 안의 전체를 변경하는게 아니라 추가하는 것이기 때문에 엘리먼트들(태그)을 작성해야 한다. * 삭제기능 $(selector).remove() 엘리먼트를 삭제한다.(자식요소도 같이 삭제된다.) $(selector).empty() 엘리먼..
-
학원 day62. jquery 이벤트처리(2), HTML DOM 조작, ER다이어그램기록 2022. 12. 1. 17:49
=> 버튼을 클릭했을 때 경고창을 나타내라라는 명령 '버튼'은 이벤트대상이 되고, '클릭했을 때'는 방문자의 특정 동작을 가리키는데 이는 이벤트 등록 메서드가 된다. '경고창을 나타내라'는 이벤트가 발생했을 때 실행되는 이벤트 핸들러가 된다. * 이벤트 핸들러 : - 이벤트가 발생했을 때 실행되는 코드 - 이벤트가 발생했을 때 코드를 실행시키는 것 jQuery 집합객체의 이벤트 관련 API - 메소드 $(selector).on('이벤트명', 콜백함수) 선택된 엘리먼트에서 지정한 이벤트가 발생할 때 마다 콜백함수가 실행된다. $(container).on('이벤트명', selector, 콜백함수) container로 지정된 엘리먼트안에 selector로 검색되는 현재 존재하거나 미래에 추가될 엘리먼트에서 지..
-
학원 day61. jquery 선택자, 이벤트 처리기록 2022. 11. 30. 12:01
jquery 선택자 p:first → p이면서 첫번째 엘리먼트 선택 #box-1 div p:first → 첫번째 박스 안의 div 내부에 있는 p이면서 첫번째 엘리먼트 선택 p:last → p이면서 마지막번째 엘리먼트 선택 p:first → p이면서 첫번째 엘리먼트 선택 p:first-child → p이면서 첫번째 자식인 엘리먼트 선택 p:last-child → p이면서 마지막번째 자식인 엘리먼트 선택 #box-1 div p:nth-child(2) → 첫번째 박스 안의 div 내부에 있는 p이면서 둘째 자식인 엘리먼트 선택 jQuery 선택자 연습 첫번째 박스 첫번째 박스의 p입니다. div 내부에 있는 p입니다. div 내부에 있는 p입니다. div 내부에 있는 p입니다. div 내부에 있는 p입니다...
-
학원 day60. 부트스트랩, Jquery기록 2022. 11. 29. 12:57
아코디언 data-bs-parent="#accordion-sample" 를 추가하면 아코디언 한세트만 나오게 할 수 있고, 없애면 오른쪽처럼 모두 나오게 한다. 브레디크럼 경고창 dismissible은 닫기 기능을 제공한다. 배지 유틸리티 - 플렉스, 플로트 2022년 12월 1일 -- 오른쪽으로 글씨가 가도록 한다. -- 글씨가 양쪽으로 등간격으로 떨어지도록 한다. 버튼 button태그도 되고, a태그에도 된다. 버튼 사이즈 버튼 활성화/비활성화 버튼 그룹 모달창 번호 부서명 직급 이름 100 영업1팀 과장 홍길동 상세보기 200 영업2팀 대리 김유신 상세보기 300 영업2팀 사원 강감찬 상세보기 직원 상세 정보 사원번호 ..... 확인 data-가 붙으면 브라우저가 코드를 신경쓰지 않는다. 사용자 정..
-
학원 day59. 검색기능기록 2022. 11. 28. 18:04
ibatis 동적쿼리 이용하여 검색기능 구현하기 검색기능을 구현하기 위해서 검색어가 있을 때와 없을때 쿼리가 다른데, 이것을 따로 만드는 것이 아니라 ibatis의 동적 쿼리를 이용해서 적을 수 있다. * 파라미터클래스로 전달받은 map객체에서 "keyword"라는 key로 값을 조회했을 때 값이 조회되면 (null이 아니면, isNotNull) and board_title like '%' || #keyword# || '%' 쿼리가 동적으로 포함된다. * 부트스트랩 : 웹페이지를 구현할 때 유용한 기능들을 지원해준다. * 중단점(BreakPoints) : BreakPoints는 Bootstrap의 반응형 레이아웃이 뷰포트 크기 또는 기기에서 어떻게 작동할 지 결정하는 사용자가 정의 가능한 넓이이다. 반응..
-
학원 day58. 폼요소, 이벤트 버블링, 이벤트 실습기록 2022. 11. 25. 12:55
폼요소의 활성화/비활성화, 읽기전용여부 조회/변경하기 입력필드 : 입력필드 : 자바 파이썬 입력필드 : 선택하세요 서울 부산 대구 인천 광주 등록 입력필드 비활성화 하기 입력필드 활성화 하기 입력필드 읽기전용으로 변경하기 입력필드 편집기능 변경하기 ** readonly는 엘리먼트 객체 안에는 O를 대문자로 적고, 설정할 때는 소문자로 적는다. - 읽기 전용은 값 수정이 안되지만 서버로 제출은 된다. - 비활성화는 값 수정도 안되고 서버로 제출도 안된다. - 모든 폼 요소는 비활성화, 활성화가 가능하다. - 읽기 전용은 사용자가 직접 값을 입력하는 요소에서만 적용되기 때문에, 체크박스, 라디오버튼, 셀렉터박스에 읽기전용 설정은 의미가 없다. 폼 이벤트 사용자명 비밀번호 취소 로그인 폼 이벤트 onsubmi..