clear_uncertainty

2021-07-24 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Javascript On The Browse - ( 2 )] Javascript는 브라우저에서 매우 강력합니다. 브라우저 안의 스타일도 쉽게 바꿀 수 있습니다. const title = document.querySelector("div.title h1"); title.style.color = "blue"; ↑ 자바스크립트를 이용해 HTML의 글자 색깔을 수정 Events 모든 Events를 자바스크립트는 감지 (Listen) 할 수 있습니다. const title = document.querySelector("div.title h1"); function handleTitleCli..

2021-07-24 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Javascript On The Browse - (1)] 자바스크립트는 HTML에 접근하고 읽을 수 있게 설정되어 있습니다. 또한 자바스크립트를 통해 HTML을 변경할 수도 있습니다. HTML in Javscript 그 모든 출발점은 document 입니다. 예를 들어 자바스크립트에서 HTML의 title을 읽고 불러와 봅시다. document.title; //javascript // title: javascript를 불러옵니다. document.title = "Hi"; // Hi // title을 Hi로 바꿉니다. 자바스크립트는 HTML 자체를 보는 것이 아닌, HTML의 Ob..

2021-07-23 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Conditionals] 조건문은 true인지 false인지 알려주기때문에 중요합니다. 우리는 주로 뭔가를 확인하기위해 사용합니다. 키워드는 "if"와 "else"입니다. "else if"는 else와 if를 합친 개념입니다. 조건을 하나 추가할 수 있는 키워드죠. 조건문의 기본형태는 아래와 같습니다. if (condition) { statement1 } else { statement2 } condition이 true이면 statement1을 실행하고 condition이 false면 statement2를 실행합니다. 유저에게 나이를 물어보는 코드를 짜봅시다. prompt를 통해 ..

2021-07-20 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Function] 함수를 사용하는 이유는 '코드블럭'을 '반복적'으로 실행할 수 있기때문이다. 따라서 효율적이다. 함수를 사용하기위해선 함수를 호출하고자 하는 범위 내에서 함수를 정의해야한다. 함수는 두가지를 이해해야한다. 1. 함수 선언 2. 함수 호출 1. 함수 선언 선언을 할 때는 어떤 값을 불러올 것인지 인자(argument)들을 정하고 코드블럭을 작성하게된다. 단, 선언만 하면 수행되지 않는다. 정의한 선언한 함수를 수행하기 위해선 함수를 호출해야한다. ( ) 의 의미는 함수를 실행한다는 의미로 생각하면 된다. ( ) 가 없이는 함수가 실행하지 않는다. function ..

2021-07-19 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Array] 자바스크립트 배열 선언 방법 let fruits = ['사과', '바나나'] console.log(fruits.length) // 2 인덱스로 배열의 항목 접근하기 let first = fruits[0] // 사과 let last = fruits[fruits.length - 1] // 바나나 배열의 항목들을 순환하며 처리하기 fruits.forEach(function (item, index, array) { console.log(item, index) }) // 사과 0 // 바나나 1 배열 끝에 항목 추가하기 - push let newLength = fruits.p..

2021-07-19 자바스크립트 학습일지입니다. 해당 내용은 노마드코더님의 강의를 들으며 추가적인 학습을 정리한 내용입니다. [Naming] 네이밍의 기본 단일 글자로 이름을 짓지 않고 이름을 통해 쓰임새를 알 수 있도록 한다. // bad function a() { // ... } // good function apple() { // ... } 이름의 맨앞이나 맨뒤에 밑줄(_)을 사용하지 않는다. // bad this.__firstName__ = 'monkey'; this.firstName_ = 'monkey'; this._firstName = 'monkey'; // good this.firstName = 'monkey'; 변수 네이밍 변수의 이름은 lowerCamelCase로 표기한다. 단 expor..