하루 하루

하루입니다. if문 for문 배웠다. 사용법은 자바와 유사하다고 생각해서 차이점 위주로. if문은 자바와 사용법 같다. 차이점은 자.스가 false로 인식하는 값에 ""가 있다는 걸 조건으로 사용할 수 있다는 것. 1. true, false, 비교연산자/논리연산자가 사용되는 연산식 -> 당연히 사용 가능하다. if (average >= 60) { } 2. 참/거짓으로 판정되는 값을 사용하는 것. let usePoint = document.quertSelector("#use-point").value; if (usePoint) { } id가 use-point인 것의 값을 usePoint에 넣을 건데, 만약 값이 없다면 ''가 되므로 false이다. 이런 식으로 이용 가능하다. 자바의 주요 API docume..

하루입니다. 엘리먼트의 HTML 컨텐츠 조작하기 엘리먼트의 HTML 컨텐츠 조회하기 let 변수 = element.innerHTML; * 변수에는 태그가 포함된 HTML 컨텐츠가 대입된다. 연습 연습입니다. let content = document.getElementById('box').innerHTML; * content는 '연습연습입니다.'이다. 엘리먼트의 HTML 컨텐츠 변경하기 element.innerHTML = '태그를 포함하고 있는 HTML 컨텐츠' 변경 전 연습 연습입니다. document.getElementById('box').innerHTML = '자바스크립트 연습배열과 반복문을 연습해보자'; 변경 후 자바스크립트 연습 배열과 반복문을 연습해보자 엘리먼트의 Text 컨텐츠 조작하기 엘리먼..

하루입니다. 자바스크립트의 배열 길이가 가변적이다. 같은 타입의 값 혹은 다른 타입의 값을 저장할 수 있다. 자바의 ArrayList 객체와 유사하다. 자료구조와 관련된 다양한 메소드를 제공한다. (저장, 검색, 삭제, 필터링, 매핑, 리듀싱, 정렬 등) 배열 객체의 주요 API 배열 생성하기 let 변수명 = []; let 변수명 = [10, 20, 30, 40]; let 변수명 = [10, "가가", 30, "나나"]; let 변수명 = [['년도', '매출액', '영업이익'], [2020, '1조', '250억'], [2021, '5천억', '500억']]; 모두 가능하다. 심지어 타입 달라도 상관 없음. 배열에 값 저장하기 1. index 사용해서 지정된 위치에 값 저장하기 let names = ..

하루입니다. 연산자 산술연산자 : + - * / % 대입연산자 : = += -= *= /= %= 증감연산자 : ++ -- 비교연산자 : == === != !== > >= false || true, 즉 true인 0.5가 나올 수 있도록 한 것이다. 천재같은 생각이다. 하지만 지금은 디폴트값 설정이 가능해졌다. 선생님이 저걸 보여주신 이유는 만약 코딩하다가 저렇게 값만 있는 || 를 보면 이런 뜻이구나 하고 알아채라고 알려 주신 듯 . 참고사항 이해가 안 가는 것. 대체 왜 에러도 null도 아닌 undefined가 뜰까? 자바스크립트의 객체는 map과 비슷한 모습이다. 만약 map의 key가 a, b, c가 있다고 할 때, 내가 key d를 부르면 오류가 아닌 null을 반환한다. 마찬가지로 자바스크립트..

하루입니다. 자바스크립트란? 브라우져 내에서 실행되는 프로그램을 개발할 수 있는 프로그래밍언어다. 인터프리터(Interpret) 프로그래밍 언어다. (컴파일 과정없이 소스가 실행파일로 사용된다. 객체지향프로그래밍 언어다. 사용자 상호작용하는 프로그램을 작성할 수 있다 : 이벤트모델을 활용한다. 동적데이터타입을 지원한다. (데이터타입이 없다). 함수를 사용한다. 자바스크립트로 할 수 있는 일 HTML 컨텐츠를 변경할 수 있다 : 현재 보고 있는 웹 페이지를 변경할 수 있다. HTML 컨텐츠의 스타일(CSS)을 변경할 수 있다. 브라우저의 도움없이 서버와 데이터통신을 할 수 있다 : AJAX기술을 활용. 우리가 중점적으로 배울 것은 배열, 객체, 함수, 이벤트 처리, HTML DOM 구분 자바 자바스크립트 ..