본문 바로가기

전체 글

(45)
[Web] 웹 기초 (23) - HTML, 자바스크립트로 게시판 만들기 (1) 개요,요구사항 javascript_board 폴더를 생성하여 아래의 파일 작성하기 insert.html→ 입력 select.html → 리스트 조회 화면 view.html → 상세보기 modify.html→ 수정, 삭제 [요구조건] 입력된 데이터는 JSON타입으로 변환하여 localStorage에 저장 (DB 대신에 localStorage를 쓴다) 입력항목 (순번.serial(PK), 작성일, 작성자, 제목, 내용, 조회수) 순번은 항상 증가하도록 입력된 데이터는 function을 사용하여 객체화하시오. (toJSON()) 을 사용하여 데이터를 JSON으로 변경 [Web] 웹 기초 (24) - HTML, 자바스크립트로 게시판 만들기 (2) HTML태그로 화면 구현 파일 구조 board.css : 공통 css 파일 bo..
[Web] 웹 기초 (22) - JavaScript #15 DOM Object 응용 (2) 동적으로 이미지 삽입 자바스크립트 동적으로 이미지 삽입 이벤트가 발생할 때 이벤트 객체를 이벤트 리스너의 매개변수값으로 전달함 여기서 'event'는 상수값 아니고 이벤트 객체가 담겨있는 변수 event.srcElement 출력하면 이벤트가 담겨있는 태그가 나옴 그것의 value값은 파일의 경로! srcElement : 소스요소 name 아니라 value값 파일태그에 보안상 초기값은 넣을 수 없어서 폴더명이 fakepath (원래 경로는 보여주지 않음. 어떤 경로를 선택하든 무조건 c드라이브 fakepath) ⇒ 업로드하거나 다운로드할 수 없다 event.srcElement : 이벤트가 발생한 개체를 반환/설정 event : document 에서 발생하는 이벤트 자체를 가르킨다 srcElement : 이벤트가 발생된 docu..
[Web] 웹 기초 (21) - JavaScript #14 DOM Object 응용 (1) 동적으로 문서객체 생성 동적으로 문서객체 생성 UI/CSS 출장가고 싶은 지역 동적 선택 국가 지역 인원수 option은 빼고 select상자 틀만 만들어놓기 초기값 생성 (배열 생성, 문서 객체 생성) function init(){ /*초기값 생성하는 부분 초기값이니까 국가만 옵션에 추가*/ let arrayCty = ['미국', '일본']; let arrayZone = [ ['LA', 'New York'], ['동경', '오사카'] ]; /* arrayZone은 2차원 배열 (미국에 따른 지역, 일본에 따른 지역) 미국을 선택하면 첫번째 배열이 나오고 일본을 선택하면 두번째 배열이 나옴 */ index 0 : LA, New Year / index 1 : 동경, 오사카 let arrayCnt = [ [1,2,3,4], [5,..