awspspgh 님의 블로그

▣ 최종 정리대학교 커뮤니티(ezen inside) 1. 주제선정이유 * 특정 홈페이지의 기능 의견을 제시 * 제시한 기능을 취합하기에 적합한 홈페이지 선정 - 조원1 : 수강평가, 시험 후기 (localStorage 활용)- 조원2 : 학점계산기, 시간표, 메인- 조원3 : 공지사항, 자유게시판 (localStorage 활용)- 조원4(본인) : 페이지 header, footer, 로그인, 회원가입(localStorage 활용), 계정찾기, 내 정보 확인 2. 기능 설명 # 수강평가, 시험 후기JSON 데이터 활용하여 검색기능 구현(대학교 수강명 데이터)검색하여 접속한 후 수강평가와 시험 후기를 작성할 수 있음.별점 5점만점에서 클릭으로 점수를 조정할 수 있음.(review)후기 텍스트를 입력(revi..

▣ 회원가입 만들기- html * 필수입력사항 아이디 * O 사용 가능한 아이디입니다. X 4자 이상, 12자 이하이어야 합니다. ..

▣ 회원가입 초안- html * 필수입력사항 아이디 * O 사용 가능한 아이디입니다. X 6자 이상의 영문 혹은 숫자를 조합해야 합니다. ..

▣ 아이디 / 비밀번호 찾기 초안- 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...} 영역에서 처리하는 예외처리 프로세스 ..