2021.12.20(월) JavaScript 이벤트 - 이벤트를 부여하는 방법 - 현재 이벤트가 발생한 해당 요소객체(event target)에 접근하는 방법 - 태그별 기본적으로 가지고 있는 이벤트 제거 정규표현식 homework: 세미프로젝트 준비

2021.12.17(금) JavaScript 객체 - Date 객체 - window 객체 + 메소드 window.open(); window.setTimeout(); window.setInterval(); homework: 세미프로젝트 준비

2021.12.16(목) JavaScript 함수의 return 객체 - 정의 및 표현법 - 객체 생성 특이 케이스 - 반복문 사용 - 메소드 속성 - in, with 키워드 - 속성 추가 및 제거 - 배열에 객체(들) 넣기 - 생성자 함수 homework: 세미프로젝트 준비(개별 학습)

2021.12.15(수) 🌿 JavaScript 🌱 배열 선언 관련 메소드 🌱 함수 선언적 함수 + 익명 함수 매개변수 + arguments 배열 this 키워드 📗 homework: 세미프로젝트 준비(조별 회의2)

2021.12.14(화) 🌿 JavaScript 🌱 변수 string(문자열) number(숫자) boolean(논리값) Java에서는 true/false vs JavaScript에서는 undefined 자료형을 제외한 나머지 자료형들을 논리값으로 바꿀 수 있음 object(객체) function(함수) undefined(초기화가 안 된 변수) 🌱 문자열 처리 메소드 + 숫자 관련 메소드 📗 homework: 세미프로젝트 준비

2021.12.13(월) 📝 평가자 체크리스트: 웹페이지 레이아웃 잡기 아이디 패스워드 메인 공지사항 자유게시판 갤러리 회원관리 채팅하기 Copyright ⓒ 1998-2019 KH Information Educational Institute All Right Reserved 📝 문제 해결 시나리오: form 태그 및 input 태그 📗 homework: 세미프로젝트 준비

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 = 변수가 선..

2021.12.9(목) 🌿 JavaScript 🌱 개요 웹 브라우저에서 많이 사용하는 인터프리트 방식의 객체지향 프로그래밍 언어 ECMA(European Computer Manufacturers Association) 스크립트 표준을 따르는 대표적인 웹 기술 스크립트 언어는 빠르게 배우고 작성하기 위해 고안되었으며, 짧은 소스 코드 파일이나 REPL(Read Eval Print Loop)로 상호작용함 + 주로 기본 프로그램 동작을 사용자 요구에 맞게 수행하는 용도로 사용 - 클라이언트 사이드 스크립트: 사용자 컴퓨터에서 처리되는 스크립트 e.g. JavaScript 등 - 서버 사이드 스크립트: 정보를 제공하는 서버 쪽 컴퓨터에서 처리되는 스크립트 e.g. PHP, JSP, Perl, Python, No..

2021.12.8(수) 🌿 CSS 🌱 화면 구조 잡기 🌱 웹페이지 세부사항 만들기 footer bar 로그인 폼 검색 창 menu bar 📗 homework: 웹페이지 꾸미기

2021.12.7(화) 💻 실습 - 실습 예제2: 사진 게시판 - 실습 예제3: flex 사용 - 실습 예제4: 아코디언 메뉴 🌱 화면 구조 잡기 📗 homework: N/A

2021.12.6(월) 🌱 글꼴 관련 🌱 텍스트 관련 🌱 목록 관련 🌱 영역 관련 🌱 테두리 관련 🌱 배경 관련 🌱 레이아웃 관련 📗 homework: 웹페이지 카드 형태 만들기

2021.12.3(금) 🌿 HTML 영역 관련 태그 블럭 요소: 1줄 단위로 영역 차지하는 요소; 줄바꿈이 적용되어 이미 존재하는 요소 다음 줄에 출력됨 e.g. textarea, p, pre, h1~h6, .., "div" div: 아무 의미 없고, 영역 구분 짓기 위한 용도로 사용; span보다 더 자주 쓰이며, 진~~짜 많이 쓰임(수천번 사용할 것) inline 요소: content 내용만큼만 영역 차지하는 요소 -> 보통 width, height 변경해도 값 안 먹음/적용 안 됨; 줄바꿈이 적용되지 않아 옆으로 연이어져서 출력됨 -> 다음 줄로 넘기고자 할 때 로 개행해야 함 e.g. input, label, mark, s, img, .., "span" span: 아무 의미 없고, 영역 구분 짓기..

2021.12.2(목) 🌿 HTML 🌱 멀티미디어 관련 태그 🌱 입력 양식 및 폼 관련 태그 📗 homework: N/A

2021.12.1(수) 🌿 인터넷 및 웹 개요 웹 통신 기초 포스팅 참고 🌿 HTML 🌱 개요 🌱 글자 관련 태그 🌱 목록 관련 태그 🌱 표 관련 태그 📗 homework: 게시판 형태의 테이블 만들기