기록저장소

4.2 참조에 의한 객체 복사 객체와 원시 타입의 근본적인 차이 _ 원시값(문자열, 숫자, 불린값)은 값 그대로 저장, 할당, 복사되는 반면 참조에 의해(by reference)저장, 복사됨 //원시형 let message = "Hello!"; let phrase = message; console.log(message); //Hello console.log(phrase); //Hello //객체형 let user = { name: "John" }; let admin = user; // 참조값을 복사함 admin.name = 'Pete'; //참조 값이 변경됨 alert(user.name); // 'Pete'가 출력됨. 참조 값이 변경되었으므로 'admin' 또한 변경됨 : 변수엔 객체가 그대로 저장되는 ..

4.1 객체 자바스크립트는 일곱가지의 원시형과 한가지의 객체형이 존재 중괄호{ }로 구성된 객체는 "키(key-문자형) : 값(value-자료형)"으로 구성된 프로퍼티로 구성 //빈 객체를 만드는 두가지 방법 let user = new Object(); //'객체 생성자'문법 let user = {}; //'객체 리터럴' 문법 - 리터럴과 프로퍼티 let user = { //객체 name : "John", //키(이름, 식별자): name, 값: John age : 30 //키(이름, 식별자): age, 값: 30 }; 점 표기법(dot notation)을 이용한 프로퍼티 값 읽기 //프로퍼티 값 얻기 alert( user.name ); //John alert( user.age ); //30 프로퍼티 값..

3.1 Chrome으로 디버깅하기 3.2 코딩 스타일 3.3 주석 3.4 닌자 코드 3.5 테스트 자동화와 Mocha 3.6 폴리필

2.11 논리 연산자 2.12 null병합 연산자 '??' 2.13 while과 for 반복문 2.14 switch 문 2.15 함수 2.16 함수 표현식 2.17 화살표 함수 기본 2.18 기본 문법 요약

2.1 Hello, world! 2.2 코드 구조 2.3 엄격 모드 2.4 변수와 상수 2.5 자료형 2.6 alert, prompt, confirm을 이용한 상호작용 2.7 형 변환 2.8 기본 연산자와 수학 2.9 비교 연산자 2.10 if와 '?'를 사용한 조건 처리

1.1 자바스크립트란? 정의 '웹페이지에 생동감을 불어넣기 위해' 만들어진 프로그래밍 언어 JS로 작성한 프로그램을 스크립트(script)라고 부름, 스크립트는 웹페이지의 HTML내에 작성할 수 있고 웹페이지를 불러올 때 스크립트가 자동으로 실행됨 특별한 준비나 컴파일 없이 보통의 문자형태로 작성, 실행 가능 자바(Java)와는 매우 다른 언어 i 왜 자바스크립트인가? 처음 LiveScript로 불리다가 인기많은 Java의 이름을 이용해 홍보하기 위해 명칭이 바뀜, 자바와는 독자적인 언어, 꾸준한 발전으로 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어가 됨 JS는 브라우저뿐 아니라 서버에서도 실행 가능, 이 외에도 JS엔진(JS engine)이라 불리는 특별한 프로그램이 들어있는 모든 디바이스..

이벤트 1강. 이벤트 객체 들여다보기 2강. 이벤트 객체 파라미터? 함수의 구조 // 함수 선언 function makeLog(str) { console.log(str); } // 함수 호출 makeLog('안녕하세요'); makeLog함수는 파라미터 하나(str)를 받도록 정의도어, 함수를 호출할 때 파라미터로 값을 하나 넘길 수 있음 이벤트 핸들러 $(document).on('keydown', keyboardInput); 이벤트 핸들러 함수(keyboardInput)를 호출하는 코드가 자바스크립트 내부에 구현된 상태, 함수 선언에 파라미터를 넣는 것만으로도 이벤트 객체 전달이 가능 // 이벤트 객체를 사용할 경우 function keyboardInput(e) { console.log(e.key); }..

jQuery I 1강. DOM pt.1 HTML의 트리구조 = 문서 객체 모델(Document Object Model), DOM 구조, 텍스트가 아닌 Object로 생성된 구조 2강. DOM pt.2 document - html - head - title / meta - body - form - input typeof document = "object" document.getElementById('submin-btn'); //document라는 최상위 객체에서 불러옴 jQuery를 이용해서 DOM트리 다루기 - 다양한 방식으로 DOM객체 선택하기 - DOM 트리에 요소 추가하고 빼기 - DOM트리의 요소 변형시키기 3강. jQuery 사용해보기 Hello Codeit! 청소 코딩 숙제 영화 $("#hel..

과제로 워밍업 1강. JavaScript의 기능들 2강. Math 정리노트 절대값(Absolute Number) : Math.abs(x) console.log(Math.abs(-10)); //10 console.log(Math.abs(10)); //10 최댓값(Maximum) : Math.max(a, b, c) console.log(Math.max(2, -1, 0); //2 최솟값(Minimum) : Math.min(a, b, c) console.log(Math.max(2, -1, 0); //-1 거듭제곱(Exponentiation) : Math.pow(x, y) console.log(Math.pow(2, 3); //8 제곱근(Square Root) : Math.sqrt(x) console.log(Mat..

HTML, CSS와의 콜라보레이션 1강. 환경설정 F12 - console 에서 임시적용 가능 2강. HTML의 해결사, 자바스크립트 Home Home Home //▽ Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home 3강. 코드를 함수로 빼기 Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home //clickSeoul이라는 함수 호출 //간략히 하기 Home Home //하나의 함수로 남기기 .......?? seoul tokyo 4강. 폰트 굵기 바꾸기 5강. jQuery jquery cdn 최신버전, minified Home Home //▽ 6강. jQuery 설치 정리 노트 1. 링크 사용하기 _ jQuery CDN 더 빠..