본문 바로가기

javascript4

[JavaScript] JS의 논리연산자, OR과 AND 개요 JS의 논리연산자는 다른 언어에 비해 두드러지는 특성이 있다. 이러한 논리 연산자를 잘 다뤄야 명확하게 코드를 구현할 수 있다. JS의 OR Operator 전통적인 프로그래밍에서 OR 연산자는 불린값을 조작하는 데에 쓰인다. 우리가 일반적으로 생각하는 하나라도 참이면 true, 하나라도 거짓이면 false인 것이다. JS의 논리연산자가 불린값을 다루는 방법은 다음과 같다. alert(true || true ); // true alert(false || true ); // true alert(true || false ); // true alert(false || false ); // false 가장 아래 false || false인 경우를 제외하고 모두 true를 반환한다. 조금 더 구체적으로 알아.. 2023. 11. 28.
[JavaScript] JS의 this 개요 JS의 this 는 전통적인 프로그래밍 언어의 this와 다른 양상을 띈다. 이러한 this 의 역할을 잘 이해하고 사용하는 것이 중요하다. JS 강의 영상에 설명이 잘 되어 있어, 이번 포스팅을 통해 정리해본다. this this 는 호출한 객체를 가리키는 키워드이다. 즉, 호출하는 방법에 의해 결정된다. let person = { name: 'sebin', age: 20, printThis: function () { console.log(this); // person 객체 출력 console.log('this === person: ', this === person); console.log('this === window: ', this === window); }, }; // 그냥 함수 호출하면 t.. 2023. 11. 27.
[멋쟁이사자처럼🦁] week 4. JavaScript To Do List 실습📝 JavaScript의 변수는 3가지 종류가 있다. 특징은 다음과 같다. 이름 재할당 중복 선언 var O O let O X const X X let vs var let은 var와 달리 중복선언 시, 해당 변수는 이미 선언되었다는 에러 메시지를 뱉는다. 즉, 중복선언이 불가하다. 하지만 변수에 값을 재할당하는 것은 가능하다. let vs const let와 const의 차이는 immutable(재할당)가능여부이다. 재할당은 가능한 let과 달리 const는 재할당 또한 불가하다. js 실습을 위한 html&css code [todo.html] To Do List + [todo.css] html, body { width: 50%; margin: 0 auto; font-family: Arial, Helveti.. 2023. 5. 3.
[멋쟁이사자처럼🦁] week 4. JavaScript 실용편 | onclick | querySelector | getElementById | java script의 문법과 개념, 실용은 많이 다르다. 따라서 이번 세션에서는 실습을 통해 코드를 직접 구현해보면서 배울 것! JavaScript란? 자바 스크립트는 html 조작과 변경, 동적 반응, 데이터 다루기, 서버와 통신 등에 쓰인다. java script로 HTML 조작하기 document.getElementByID("hello").innerText='안녕'; document = 문서(html) getElementById(”dd”): id가 dd인 요소를 가져온다. innerText: html 내부 글자 document.getElementByID("A").B='C'; A = 변경하고싶은 html 요소의 id B = 무엇을 변경할 것인지 C = 어떻게 변경할 것인지 안녕하세요 id가 hell.. 2023. 5. 1.