자바스크립트 첫 걸음마 떼기 💃
💃 함수 선언으로 코드를 저장하고, 저장된 함수를 호출 해보자!
prompt와 Number 함수를 알아보자!
데이터를 반환하고 함수를 강제 종료하는 return문 🙌
데이터를 나열하여 저장하는 배열과 연관데이터 저장에 유용한 객체변수에 대해 알아보자 🙌
자바스크립트의 입출력 함수에 대해 알아보자 -!
주간모드, 야간모드 버튼 만들기 + 리팩토링 하기
while을 활용한 다양한 예제 풀어보기 :D
for문 while과 같은 반복문의 한 종류이다. 조건을 실행할 변수선언과 조건문, 증감식을 한번에 작성하여 실행한다는 특징이 있다. 기본형식 초기값, 조건식, 증감식은 옵션이라 필요에 따라 생략 가능하다. > for문을 이용하여 1부터 100까지의 합을 구해보자
삼항연산자와 이벤트 처리 방식
DOM (Document Object Model) Selector, Event
innerHTML / outer HTML / textContent
forEach 자바스크립트 배열에 많이 사용되는 forEach 배열 요소들을 반복 호출하여 처리한다. for와 결과는 비슷?? forEach의 콜백(callback)은 세가지 매개변수(parameter)를 받게 된다. ㄴ currentValue , index
DOMContentLoaded 돔트리구성이 모두 완료된 시점에 발생하는 이벤트 DOMContentLoaded 이벤트를 사용하면 DOM tree를 먼저 구성한 후 실행하기 때문에 'head' 태그 안에 script를 작성해도 실행에 문제가 없다. target / cur
일반적인 함수 선언식은 다음과 같다. 함수를 변수선언과 같은 방식으로 표현하여 변수로 인식되게 한다. 함수를 임시 변수에 저장하여 사용하는 것. 함수 선언식은 작성한 위치에 상관없이 브라우저가 자바스크립트를 해석할 때 맨 위로 끌어 올려지는, 호이스팅에 영향을 받는다.
논리연산자 (Logical Operator) 논리연산자는 참(true) 또는 거짓(false)을 반영하는 불리언(Boolean) 값을 반환한다. 반환 시 단축평가(short circuit evaluation) 라는 것을 통해 왼쪽부터 오른쪽으로 평가를 진행하는데, 평가
index.html에 Js파일 연결하기 , Variable type의 종류에 대해서
Numeric operators (숫자연산자) Increment and decrement operators (++,--) Assignment operators Comparison operators Logical operators equality operators
Conditional operators (if) if / else if / else Ternary operator (간단한 if식) Switch
매개변수에 디폴트 값 설정하기 / 위의 식에서, 어떤 매개변수의 값이 비었을 때 if를 사용하여 어떤 값을 넣어줄지 지정해주었다. 이는 아래와 같이 Default parameters를 사용하여 간단하게 나타낼 수 있다./ 배열형태의 매개변수는 ...을 사용하여 표기한다
Class와 Object의 차이 class 안에는 연관된 field(속성)과 method(행동)이 들어있다. 간혹 fields(data)만 들어있는 경우도 있는데, 이런 아이들을 * 라고 부른다. 또한 class안에서 내부적으로 보여지는 변수와 밖에서 보일 수 있는
{} 괄호 이용 const obj1 = {};new를 이용한 class template 만들기 const obj2 = new Object();Runtime, 실시간으로 값을 받아올 때 사용한다. \[]를 사용하여 배열과 같이 접근한다. 속성은 ''string 형태로 가
Array 선언 배열을 선언하는 두가지 방법 Inex를 통한 접근 배열의 마지막 아이템을 찾을 때 배열의 모든 아이템 출력하기 1. for 2. for of 3. for each 아이템 추가, 삭제, 결합 1. push : 배열 맨 뒤에 아이템 추가 2.
배열을 string으로 변환하기 string을 배열로 변환하기 배열 순서 뒤집기 특정 요소를 제외한 배열 만들기 splice( start index, deleteCount number ) : 기존 배열에서 삭제 slice( start index, end index )
Hypertext Transfer Protocal 브라우저 위에서 동작하고 있는 웹사이트 및 웹어플리케이션과 같은 Client들이 어떻게 Server와 통신할 수 있는지를 정의한 것이 바로 HTTP 이다. Client가 Server에 데이터를 요청(request)하고
Asynchronous Callback JavaScript는 동기적 언어로써, 호이스팅이 된 이후부터 코드가 순서에 맞게 하나씩 동기적으로 실행된다. 이 때 API를 사용하여 일정한 시간이 지나면 내가 지정한 콜백함수가 실행되도록 하면, 시간차로 인한 비동기적 실행이
Promise는 JavaScript에서 제공하는 비동기를 간편하게 할 수 있도록 도와주는 오브젝트이다. 정상적인 기능이 수행되었다면 성공 메세지와 함께 처리된 결과값을 전달해주고, 문제가 생겼다면 에러를 전달해준다. pending : 수행중 fulfilled : 완료
async & await 와 은 Promise를 조금 더 간결하게 그리고 동기적으로 실행되는 것처럼 보이도록 만들어준다. Promise chainig과 같이 난잡해진 코드 위에 사용하면, 동기식으로(순서대로) 코드를 작성하는 것처럼 간편하게 만들 수 있다. 이렇게 기