구리

목차 Ajax ajax의 동작원리 $.ajax() 메소드 ajax를 이용한 ID 중복 체크 예시 select - option 태그에서 선택된 숫자만큼의 크기를 갖는 배열을 반환 특정 키워드 클릭시 연관 검색어 보여주는 예시 Ajax Asynchronous JavaScript and XML의 약자로 언어나 프레임워크가가 아닌빠르게 동작하는 동적인 웹 페이지를 만들기 위한 구현하는 방식을 의미한다. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부부만 갱신할 수 있게 해준다. 즉, 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고 받을 수 있다. - JSON - XML - HTML - 텍스트 파일 등 또한..

목차 더보기 attr() removeAttr('속성명') text(), html() val() each() 암호확인 기능 구현(keyup 이용) trigger() unbind() n번째 요소 가져오기 예시 is(), children() not() end() append() / empty() insertAfter() / before() 특정 용어에 대해 번호 붙이기 예시 wrap('특정요소') clone() replaceWith() remove() fadeIn() / fadeOut() animate() / stop() 버튼을 이용해 메뉴 열고 닫기 예시 동적으로 원격 페이지 로드 예시 attr() html 요소의 속성을 다루는 함수로 사용법은 다음과 같다 attr('속성명') : 속성값을 추출(get) a..

목차 더보기 jQuery jQuery 사용방법 참고사항 - 라이브러리(프레임워크) 사용 방법 jQuery vs JavaScript 코드 비교 jQuery 선택자 사용 방법 jQuery 정규표현식 선택자 사용 jQuery 홀수, 짝수 인덱스 요소를 선택하는 선택자 jQuery 시작태그, 닫는 태그 사이의 글씨를 이용하여 요소 선택 jQuery 특정 요소의 형제들, 부모의 index를 이용하여 요소 선택 jQuery 사용시 기본 형식 생략 후 표기 방법 & 특정 요소의 태그명 추출 동적인 이벤트 부여 메소드 : bind() 스타일 추가 및 제거 메소드 : addClass(), removeClass() this.id로 DOM 요소의 id 속성 가져오기 클릭시 함수 적용할 수 있는 메소드 : click() 특정..

세미 프로젝트(개인) - Hotel OverTon 주제 : 호텔 객실 예약 웹사이트 기간 : 2021.0503 ~ 2021.06.04 (약 한달) 개발환경 OS Window 10 Pattern Model 2 DataBase Oracle11g Server Apache Tomcat 8.0 Tool Eclipse, sqldeveloper Language Java, JSP, HTML, JavaScript Browser Chrome 구현 기능 구분 항목 회원 서비스 - 로그인 / 로그아웃 - 회원 가입 - 객실 정보 조회 - 객실 예약 및 취소 - 개인 정보 조회 및 수정 게시판 (고객의 소리) - 게시글 작성, 수정 삭제 - 댓글 작성, 수정, 삭제 관리자 페이지 - 예약 내역 조회 - 가입된 회원 정보 조회 ..

block 요소 가로 전체를 차지하며, 이 요소 바로 양 옆(좌우측)에 다른 요소를 붙여놓을 수 없다는 뜻 종류 첫번째 사진의 z-index를 20, 두번째 사진의 z-index를 10으로 설정하였을 때, 두번째 사진 위에 첫번째 사진이 올라간 것을 볼 수 있다 반대로 두번째 사진의 z-index를 더 크게 설정하였을 때 첫번째 사진이 아래로 겹쳐지는 것을 볼 수 있다

목차 model1 model2 MVC 디자인 패턴 model2 MVC 패턴 예시 코딩 (mvc_board) 웹 애플리케이션 모델(구조) 종류 종류는 2가지로 나뉜다. model1, model2 가 있으며 model2에는 여러 하위 개념이 있는데 가장 많이 사용되는 개념이 MVC 디자인 패턴이다. 즉 model2 방식의 한 패턴으로 MVC 패턴이 있는 것이다. model1 디자인 코드인 HTML과 비즈니스 로직인 자바코드를 따로 구분하지 않고 하나의 JSP파일 내에 함께 기술하는 방식(비즈니스 로직 : 컴퓨터 프로그램에서 실세계의 규칙에 따라 데이터를 생성·표시·저장·변경하는 부분) model1 장단점 장점 단점 개발 속도가 빠르며 구조가 단순하여 익히기 쉬움 표현 코드(디자인)과 비즈니스 로직이 하나의 ..

목차 고급 선택자 - 자식 태그, 형제 태그 선택 link style : navi 속성 선택자 미디어 쿼리 css를 이용한 버튼을 화면 세로 길이 중앙에 배치하기 미디어 쿼리 사용하여 화면 크기에 따른 배경화면 바꾸기 css- grid 속성 고급 선택자 - 자식 태그, 형제 태그 선택 css 적용시 부모 태그 안에 속해 있는 자식 태그 선택시 보통 부모태그 > 자식 태그로 명시함 형제 태그들 선택시 두 가지 방법이 있다 h1 + p {} /* h1 태그와 형제 요소인 p태그중 첫번째 태그*/ h1 ~ p {} /*h1 태그와 형제인 모든 p 태그들 */ 다음은 css 자식 태그, 형제 태그 선택자 예시다 더보기 예약 방법 & 사용 요금 아직 온라인 예약 신청이 준비되어 있지 않습니다. 전화(xxx-xxx..

목차 css 이용하여 기본적 레이아웃 만들기 css를 이용하여 박스 모델 만들기 css를 이용한 box-shadow 나타내기 css를 이용한 박스 테두리 꾸미기 css를 이용한 레이아웃 구성 및 꾸미기 예제 css display 속성 관련 예제 css backgorund 속성 관련 예제 css 이용하여 기본적 레이아웃 만들기 더보기 div{ margin-bottom: 20px; } .box1{ width:200px; height:100px; padding:20px;/*상하좌우*/ border: 10px solid #ccc; } .box2{ box-sizing:border-box; width:200px; height:100px; border:10px solid #00f; } css를 이용한 box-shad..