본문 바로가기

웹 기초

(4)
[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] 웹 기초 (18) - JavaScript #11 배열 (Array), 정렬 (sort) Array 객체 자바스크립트 배열선언 배열의 길이는 가변적이다. 생성 방법 1: let a = new Array() 생성 방법 2 : let a = new Array(1,2,3); 생성 방법 3 : let a = [] 생성 방법 4 : let a = [1,2,3]; 다차원 배열은 1차원 배열의 요소를 다시 1차원 배열로 선언 let a = new Array(); a[0] = new Array(); (a의 첫번째 요소를 다시 배열로 만들기) // 기본형------------------------ let a = [1,2,3,4,5]; console.log(a[0]); // 1 console.log(a); // 배열 정보, 값 출력 //map형 --------------------------- let b = ..
[Web] 웹 기초 (14) - JavaScript #7 함수 (function) 함수 자바스크립트에서 함수는 클래스역할과 메소드 역할을 둘 다 함. 익명함수 function에 이름이 없음 frm.btn.onclick = function() { ... } callback함수 frm.btn.onclick = abc; // function abc( ) { ... } 를 의미함. // "btn을 클릭하면 abc라는 함수를 실행하라." // 여기서는 abc() 로 쓸 수 없다. 이름만 써야함 h4.onmouseover = abc; ⇒ h4에 마우스를 올리면 abc 함수가 실행됨 선언적 함수 (+ 함수적 선언) function abc ( 매개변수 ) { ... } ※ 국비지원으로 학원에서 배울 때 강사님이 hoisting -> hoising으로 가르쳐주셔서 계속 "hoising" 으로 나오지만..
[Web] 웹 기초 (8) - JavaScript #1 개요, 사용방법 javascript 개요 인터프리터 언어 (컴파일러가 없음) ⇒ 한줄번역, 한줄실행 실행환경 : 웹 브라우저 (웹 브라우저가 인터프리터를 내장하고 있다) 변수형이 없다. (지역, 전역형 변수는 존재) 지역형 변수 : var 또는 let으로 선언 var : hoisting이 됨. let : hoisting이 되지 않음. hoisting : 사용되기 전에 메모리에 탑재되는 현상 (불필요한 메모리가 들어갈 수 있음) 배열의 크기는 가변적이고, 1차원 배열만 존재한다. (1차원 쪼개서 2차원을 만들 수는 있음) 문장의 끝을 나타내는 ' ; ' (세미콜론) 은 생략 가능하다. 사용방법 안에서 작성 태그 안에서 작성 (비추천) 외부에 스크립트만 작성하여 현재 파일에서 사용하는 방법 (많이 사용) 데이터의 구조는 J..