Study Memos/JavaScript Basic (28) 썸네일형 리스트형 모듈 (Section 14) 참고> opentutorials.org/course/743/4750 1. HTML의 header 태그 안에 script 파일을 include 하는 형식으로 script를 모듈화할 수 있음. 함수가 많을 경우 include할 js 파일에 함수를 별도로 두고 main js 파일에서는 그냥 호출만 해줄 수 있음. -> ex) 2. 호스트 환경에 따라 모듈을 로드하는 방식이 달라진다. 예를 들어, Nodejs 에서는 require() 함수를 통해 모듈을 로드한다. 3. 라이브러리는 모듈과 비슷한 개념. 왠만하면 라이브러리 좋은 것들 있으면 새로 만들지말고 갖다 쓰는게 훨 효율적임. 4. jQuery는 $로 시작함 객체 (Section 13) 참고> opentutorials.org/course/743/6491 1. JavaScript 의 객체는 다른 언어에서 map, dictionary 와 유사하다. 2. 객체 만드는 법 ex) var grades = {'person1': 10, 'person2': 6}; ex) var grades = {}; grades['person1'] = 10; grades['person2'] = 6; ex) var grades = new object(); grades['person1'] = 10; grades['person2'] = 6; 3. 객체 속성 접근 ex) grades.person1 4. for문과 객체의 사용 ex) for(key in grades) { document.write("key: " + key +.. 배열 (Section 12) 참고> opentutorials.org/course/743/4736 1. push() 함수: 배열에 원소 추가 2. concat() 함수: 배열에 다른 원소를 연결 3. unshift() 함수: 배열의 맨 앞에 원소를 추가 4. splice() 함수: 배열의 특정 위치에 원소를 추가 -> howmany 파라미터는 원래 배열의 원소를 몇개나 삭제할지 지정하는 매개변수 5. shift() 함수: 배열의 맨 앞 원소를 제거 6. pop() 함수: 배열의 맨 뒤 원소를 제거 함수 (Section 11) 참고> opentutorials.org/course/743/4729 1. 함수의 형태 1) 기본형태 function numbering() { document.write(1); } 2) 아래는 함수가 변수에 대입된 형태 numbering = function() { document.write(1); } 3) 함수 정의 & 호출을 동시에!! => 익명함수 (일회적으로 호출할 때 사용) (function(){ document.write(1); })(); 반복문 (Section 10) 참고> opentutorials.org/course/743/4728 1. script 내부에 반복문을 쓸 경우 무한 루프를 조심해야 한다. 조건문 (Section 9) 참고> opentutorials.org/course/743/4724 1. prompt 함수 : 사용자에게 입력을 받는 함수 2. JavaScript에서 1은 true로 간주 3. JavaScript에서 false로 간주하는 데이터 형 => 빈문자열(''), undefined, null, 0, NaN 비교 (Section 8) 참고> opentutorials.org/course/743/4722 1. == : Equal Operator, 동등 연산자 -> 실질적인 정보의 의미가 같으면 True 2. === : Strict Equal Operator, 일치 연산자 -> == 보다 더 "엄격한" 연산자 -> 실질적인 정보의 의미가 같으면서 동시에 데이터 타입도 같아야 True 3. == 와 ===는 잘 구분해서 사용해야 함 ex) 1 == "1" => TRUE 1 === "1" => FALSE 4. ==은 버그의 소지가 있기 때문에 ===을 사용해서 코딩하는 게 좋음 (강력히 권고!) 5. == 와 === 의 예시 ex) null == undefined => true null === undefined => false true == .. 줄바꿈과 여백 (Section 7) 참고> opentutorials.org/course/743/6471 1. 세미콜론(;)은 줄바꿈을 의미하며, 명령어 한 줄이 끝남을 알려줌. -> 세미콜론을 생략해도 JavaScript는 줄바꿈이 일어나면 명령어 한 줄이 끝났다고 알아서 인식함. -> BUT, 소스코드 한 줄에 명령어를 여러 줄 쓸려면 세미콜론으로 반드시 구분해주어야 함. 이전 1 2 3 4 다음