나만의 개발노트

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [16강] 조건문 [강의 내용] - 조건문 if, else if(조건문){ ...조건문이 true일 경우 실행될 코드... }else{ ...조건문이 false일 경우 실행될 코드... } [새로 알게 된 내용] - 글 태그 안에 을 사용하면 개행됨 JavaScript //-> JavaScript Java Script //-> Java Script [17강] 조건문의 활용 [실습 내용] : day모드에서는 버튼을 누르면 night모드로 변경되고, night모드에서는 버튼을 누르면 day모드로 변경되도록 하기. * 버튼은 한개 ..

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [강의 내용] - 비교 연산자 : number, string등을 비교할 때 사용 -> 일치비교 : === 크기비교 : > - 불리언(Boolean) : true 와 false 만을 값으로 가지는 타입 [새로 알게 된 내용] - 화면에 결과를 출력하고 싶으면, - 크기비교 문장을 쓰고 싶을 때, -> ' > '로 표현하면 태그랑 구분이 되지 않기 때문에 ' > ' 대신 ' < ' 를 사용한다. (less than) 1<2 * [출력] 1

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [12강] 제어할 태그 선택하기 - 버튼을 눌렀을 때, CSS의 style 변경하는 방법 1. CSS의 선택자 불러오기 document.querySelector('선택자'); - 태그 선택자 : '선택자이름' 클래스 선택자 : '.선택자이름' 아이디 선택자 : '#선택자이름' 2. Style 변경하기 document.querySelector('선택자').style.backgroundColor='black'; - .style.color는 글자 색상 변경 [실습] night버튼을 누르면, 블랙모드 / day버튼을 누르면 화이트모드..

- 폴스루 [ if ... else문 ] * 조건에 따라 단순히 값을 결정하여 변수에 할당하는 경우 삼항 조건 연산자, 조건에 따라 실행해야 할 내용이 복잡하여 여러 줄의 문이 필요하다면 if ... else 권장 // if ... else문 var x = 2; var result; if ( x % 2) { // 2 % 2는 0이다. 이때 0은 false로 암묵적 강제 변환된다. result = '홀수'; } else { result = '짝수'; } console.log(result); //짝수 //삼항 조건 연산자 var x = 2; // 0은 false로 취급된다. var result = x % 2 ? '홀수' : '짝수'; console.log(result); //짝수 [ switch 문] * b..

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [3강] HTML과 JS의 만남 : script 태그 - HTML에서 JS를 작성하려면, 를 사용한다. JavaScript //제목1 html //HTML 1+1 //1+1 * JS와 HTML은 동일해보일 수 있지만, JS는 동적, HTML은 정적 [4강] HTML과 JS의 만남 : 이벤트 - onclick, onchange, onkeydown등 의 이벤트를 사용 * onclick = 버튼을 누르면 동작 onchange = 입력이 바뀌면 동작 onkeydown = 키를 누르면 동작 * alert(' ') = ' '문구를 경고창..

- NaN : 산술 연산이 불가능한 경우 반환값 - 부수효과 : 피연산자의 값이 바뀜 [비교 연산자] - 동등/일치 비교 연산자 비교 연산자 의미 사례 설명 부수 효과 == 동등 비교 x == y x와 y의 값이 같음 X === 일치 비교 x === y x와 y의 값과 타입이 같음 X != 부동등 비교 x != y x와 y의 값이 다름 X !== 불일치 비교 x !== y x와 y의 값과 타입이 다름 X ▶동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다 -> 실수하기 쉬우므로 일치 비교(===)연산자를 사용 // 동등 비교. 5 == 5; //-> true // 타입은 다르지만 암묵적 타입 변환을 통해 타입을 일치시키면..

- 값(value) : 표현식이 평가(evaluate)되어서 생성된 결과 ex) 10 + 20; //10+20은 30으로 평가되기 때문에 값 - 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 리터럴 예시 비고 정수 리터럴 100 부동소수점 리터럴 10.5 2진수 리터럴 0b01000001 0b로 시작 8진수 리터럴 0o101 ES6에서 도입. 0o로 시작 16진수 리터럴 0x41 ES6에서 도입. 0x로 시작 문자열 리터럴 'Hello' 'World' 불리언 리터럴 true false null 리터럴 null undefined 리터럴 undefined 객체 리터럴 {name: 'Lee', address: 'Seoul'} 배열 리터럴 [1, 2, 3..

[용어] - 변수 : 프로그래밍 언어에서 데이터를 관리하기 위한 - 리터럴(literal) : - 연산자(operator) : - 피연산자(operand) : - 파싱(parsing) : 의미 해석 - 메모리(memory) : 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체 - 변수(variable) : 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘 - 변수 이름 : 저장된 값을 식별할 수 있는 고유한 이름 - 변수 값 : 변수에 저장된 값 - 할당(essignment) : 변수에 값을 저장하는 것 (=대입,저장) - 참조(reference) : 변수에 저장된 것을 읽어 들이는 것 - 식별자(identifier) : 어떤 값을 구별해서 식별할 수 있는 고유한 이름 - 키워드(ke..