awspspgh 님의 블로그

▣ 아이디 / 비밀번호 찾기 초안- html 아이디 찾기 비밀번호 찾기 ..

▣ login 초안- html 로그인 유지 로그인 유지 --> 회원가입 아이디/비밀번호 찾기 ..

▣ Header & Footer 초안- Html 로그인 내정보 쪽지 공지사항 자유게시판 시간표 강의평가 학점계산기 ..

오늘은 event에 대해서 배워보도록 하겠습니다. 목차1.event2.예제 문제3.느낀 점 1. event document에서 사용되는 이벤트를 정의 마우스 이벤트 : click(), focus(), input(), change(), mouseover(), mouseout(), scroll() ... 키보드 이벤트 : keyDown(), keyPress(), keyUp() 기타 이벤트 : preventDefault(), target, submit() addEventListener('eventNa..

오늘은 BOM, DOM, classList에 대해서 배워보도록 하겠습니다 목차1.BOM2.pop up3.setTimeout4.location5.DOM6.classList7.예제 문제8.느낀 점 1. BOM BOM : Browser Object Model : 브라우저의 객체를 지칭하는 용어(window 객체) DOM : Document Object Model : Html 문서의 객체를 지칭하는 용어(body 안에 입력된 태그 객체) 윈도우 종류와 브라우저 화면 배율 등에 따라 달라짐 window.innerHeight : 툴바를 제외한 높이 => ..

오늘은 JSON, AJAX에 대해서 배워보겠습니다 목차1.parameter2.non-standard3.JSON4.AJAX5.예제 문제6.느낀점 1. parameter parameter (파라미터) 파라미터 개수 관계없이 사용 가능 함수(메서드) 이름이 호출될 때 전달 사용 파라미터의 개수가 2개 / 실제 값이 1개처럼 파라미터의 개수가 불일치하여 받지 못하는 값이 있다면 undefined 처리 값을 받아오지 못하는 파라미터가 undefined 처리가 되는 걸 막기 위해 기본값을 설정..

오늘은 class에 대해서 배워보도록 하겠습니다 목차1.array 복습2.try ~ catch3.class4.예제 문제5.느낀 점  1. array 복습  ▷ 출력 ▣ 리스트 출력하기 내가 좋아하는 가수 이름 : 나이 : 주소 : playList : 등록  ▷ 출력  2. try ~ catch try~catch : 예외 처리 프로세스 예상되는 에러를 try{code...} 영역에 배치를 하고, 만약 에러가 발생하면, catch(err){code...} 영역에서 처리하는 예외처리 프로세스 ..

오늘은 set, map에 대해서 배워보도록 하겠습니다 1.데이터 구조화2.정규 표현식3.set & map4.예제 문제5.느낀 점 1. 데이터 구조화 많은 양의 데이터가 실시간으로 전달되어야할 때 가장 효율적으로 데이터를 보내는 방법 데이터 구조화 => 구조화된 텍스트 => JSON JSON(JavaSript Object Notation) javaScript 객체를 구조화된 데이터로 표현하기 위한 문자 기반 표준 포멧 웹 서버 () 화면 간에 데이터를 전송할 때 일반적으로 사용되는 데이터 포멧 자바스..

오늘은 array에 대해서 배워보겠습니다 목차1.array2.예제 문제3.느낀 점 1. array 배열 : 자바 스크립트에서 배열은 유동 배열(크기, 데이터의 변경이 자유롭게 사용가능) const myArray = [1,2,,'a','b',{}]; 배열에 데이터 타입은 제한이 없음. 같은 타입으로 채우는 것이 룰 배열의 사용 목적 : 관련있는 데이터를 묶어서 관리하기 위해 myArray=[] : 초기값으로 빈 배열을 만든 후 데이터를 추가하여 사용 index를 가짐 => 0부터 시작 length => 배열의 총 길이 ..

오늘은 if, switch, for에 대해서 배워보도록 하겠습니다 목차1.date2.if3.switch4.for5.예제 문제6.느낀 점 1. date 날짜 관련 함수 new Date(); => 오늘 날짜 반환 new Date(string); => string 날짜 형식으로 변환 getFullYear(); 연도만 리턴 getMonth()+1; => 0월부터 11월까지 +1 getDate(); => 1~31 리턴 getDay(); => 요일을 리턴 0(일)~6(토) getHours(), getMinutes(), getSeconds() : 시분초 추출 ..