![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsWSYX%2FbtstMAerpfj%2FXe3nBq5lioAgENkn9pulq0%2Fimg.png)
2021.12.27(월) 🌿 jQuery 🌱 추가적인 메소드 each() is() 시각적인 효과 메소드: show(), hide(), toggle() / fadeIn(), fadeOut(), fadeToggle() / slideDown(), slideUp() 🌱 이벤트 event handler 연결 방법: 이벤트 메소드, on 메소드 동적으로 만들어진 요소에 이벤트 적용 1회성 이벤트 키보드 관련 이벤트 📗 homework: 세미프로젝트 준비, JavaScript 평가 준비, JDBC+Java 복습
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbLlbrq%2FbtstH14RF0M%2FSyFtgHzlgcDtqusOUglNcK%2Fimg.png)
2021.12.24(금) 🌿 jQuery 🌱 요소(객체) 생성/삽입 🌱 요소 복제 🌱 요소 제거/잘라내기 💻 실습 문제 🌿 bootstrap 개요 및 실습 💻 응용 예시 homework: 세미프로젝트 준비, JDBC 복습
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsdEu0%2FbtstG8iJ8GO%2FwtKdHYO6P0r60SR1JVIT9k%2Fimg.png)
2021.12.23(목) 🌿 jQuery 🌱 탐색/순회 메소드 조상 자손 동위 🌱 content영역 관련 메소드 💻 실습 문제 📗 homework: 세미프로젝트 준비
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqajZU%2FbtstQTqYO48%2FmYXBsfKaRcNYKfYtGZBMAk%2Fimg.png)
2021.12.22(수) 🌱 자/후손 선택자 🌱 속성 선택자 🌱 입력 양식 선택자 🌱 상태 선택자 🌱 필터 관련 선택자 + 메소드 🔍 References 수업 자료(4_jQuery_workspace 폴더) jQuery 공식 문서 > 선택자 📗 homework: 세미프로젝트 준비
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxGaPF%2FbtstMiSvA26%2F82ykTcBZ6opHkuvs9K0VKk%2Fimg.png)
2021.12.21(화) 🌿 JavaScript 정규표현식 * ID : 첫 글자는 반드시 영문 소문자로, 그리고 영문 소문자, 숫자를 포함해서 총 4-12로 입력하세요 * 비밀번호 : 영문자, 숫자, 특수문자(!@#%^)로 총 8~15자로 입력하세요 * 비밀번호 확인 : 위의 비밀번호와 일치하게 입력하세요 * 이름 : 한글로만 이루어져야 하며 2글자 이상으로 입력하세요 이메일 : 이메일 형식에 맞춰서 입력하세요 취미 : 독서 피아노 그림 산책 거주지 : 서울 스톡홀름 런던 베를린 기타 🌿 jQuery 🌱 개요 존 레식에 의해 개발된 경량 JavaScript 라이브러리 복잡했던 코드를 쉽게 구현하였는데, 특히 DOM과 관련된 처리, 일관된 이벤트 연결, 시각적 효과, Ajax 애플리케이션 등을 쉽게 구현 ..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FblChTu%2FbtstMAyJsOV%2FlTy0sCqdnwwPtsLsKaHVE1%2Fimg.png)
2021.12.20(월) JavaScript 이벤트 - 이벤트를 부여하는 방법 - 현재 이벤트가 발생한 해당 요소객체(event target)에 접근하는 방법 - 태그별 기본적으로 가지고 있는 이벤트 제거 정규표현식 homework: 세미프로젝트 준비
2021.12.17(금) JavaScript 객체 - Date 객체 - window 객체 + 메소드 window.open(); window.setTimeout(); window.setInterval(); homework: 세미프로젝트 준비
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTQHfv%2FbtstNzsG1Ff%2FKpZJZUA0XMDdKoKL1GyM11%2Fimg.png)
2021.12.16(목) JavaScript 함수의 return 객체 - 정의 및 표현법 - 객체 생성 특이 케이스 - 반복문 사용 - 메소드 속성 - in, with 키워드 - 속성 추가 및 제거 - 배열에 객체(들) 넣기 - 생성자 함수 homework: 세미프로젝트 준비(개별 학습)
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FBA3DG%2FbtstznHlv8U%2FsXxGmm9FytK7iSEGPiHmO0%2Fimg.png)
2021.12.15(수) 🌿 JavaScript 🌱 배열 선언 관련 메소드 🌱 함수 선언적 함수 + 익명 함수 매개변수 + arguments 배열 this 키워드 📗 homework: 세미프로젝트 준비(조별 회의2)
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpDS7K%2FbtstM3ALyj4%2F7Q028mwjBaqYPgJKxaXNc0%2Fimg.png)
2021.12.14(화) 🌿 JavaScript 🌱 변수 string(문자열) number(숫자) boolean(논리값) Java에서는 true/false vs JavaScript에서는 undefined 자료형을 제외한 나머지 자료형들을 논리값으로 바꿀 수 있음 object(객체) function(함수) undefined(초기화가 안 된 변수) 🌱 문자열 처리 메소드 + 숫자 관련 메소드 📗 homework: 세미프로젝트 준비
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdY5uT5%2FbtstQSrYPkZ%2FwhcK5dlyxkIlrMj1kTlURk%2Fimg.png)
2021.12.13(월) 📝 평가자 체크리스트: 웹페이지 레이아웃 잡기 아이디 패스워드 메인 공지사항 자유게시판 갤러리 회원관리 채팅하기 Copyright ⓒ 1998-2019 KH Information Educational Institute All Right Reserved 📝 문제 해결 시나리오: form 태그 및 input 태그 📗 homework: 세미프로젝트 준비
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmjMgW%2FbtstMdRdMxe%2FZOIlkeHDJng83x2doXyYXk%2Fimg.png)
2021.12.10(금) 🌿 JavaScript 🌱 데이터 입력 문구 window.confirm('질문 내용'); window.prompt('질문 내용'); 선택한요소.속성(id, className, innerHTML, innerText..); 선택한input요소.value; 🌱 id, 태그명, name 속성 값, class명으로 요소 가져오기 🌱 var, let, const로 변수 선언 var 자유롭게 변수 선언 및 사용할 수 있다는 장점이 있음 vs 중복된 변수가 남발될 가능성 높음(변수명이 거기서 거기인 경우가 많음), 의도치 않게 값이 변경되어 있을 수 있음 -> 유지/보수 어려움 변수가 선언된 '함수 영역(function scope)' 내에서 사용 가능 let block scope = 변수가 선..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbrJFbC%2FbtstShSjDH9%2Fnp7vkHKL6Ugdky8Phz5y8k%2Fimg.png)
2021.12.9(목) 🌿 JavaScript 🌱 개요 웹 브라우저에서 많이 사용하는 인터프리트 방식의 객체지향 프로그래밍 언어 ECMA(European Computer Manufacturers Association) 스크립트 표준을 따르는 대표적인 웹 기술 스크립트 언어는 빠르게 배우고 작성하기 위해 고안되었으며, 짧은 소스 코드 파일이나 REPL(Read Eval Print Loop)로 상호작용함 + 주로 기본 프로그램 동작을 사용자 요구에 맞게 수행하는 용도로 사용 - 클라이언트 사이드 스크립트: 사용자 컴퓨터에서 처리되는 스크립트 e.g. JavaScript 등 - 서버 사이드 스크립트: 정보를 제공하는 서버 쪽 컴퓨터에서 처리되는 스크립트 e.g. PHP, JSP, Perl, Python, No..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fet8y07%2FbtstG7KLJjJ%2F1Ek1ZrHSBTCJ2ouDYKCGc0%2Fimg.png)
2021.12.8(수) 🌿 CSS 🌱 화면 구조 잡기 🌱 웹페이지 세부사항 만들기 footer bar 로그인 폼 검색 창 menu bar 📗 homework: 웹페이지 꾸미기
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7CQk6%2FbtstOg0PRvm%2FxcdhahkB3bCY0jqDPah7Nk%2Fimg.png)
2021.12.7(화) 💻 실습 - 실습 예제2: 사진 게시판 - 실습 예제3: flex 사용 - 실습 예제4: 아코디언 메뉴 🌱 화면 구조 잡기 📗 homework: N/A