강의를 보며 새롭게 알게 된 부분에 대해 정리를 했다.
2021년 버전으로 업데이트 된 버전에는 섹션 마무리에 한 번 더 정리를 해 주시는 복습하는 과정이 있어 용어 정리를 했지만 다시 강의를 보며 이해할 수 있도록 할 예정이다.
object
!구분!
설명이 필요하지 않은 데이터 리스트들은 array로,
설명이 필요한 정보가 담긴 데이터 정리용은 object로 담는다.
- property를 가진 데이터를 저장해주며 {}를 사용한다.
const play = {
name : sujeong,
points : 8,
};
console.log(player);-
여기서 constant는 object 이므로 내용 수정 가능함>object 안의 무언가를 수정하는 것
예) point : 8 -> point : 10 -
constant 전체를 하나의 값으로서 업데이트 하려고 할 때, 에러가 발생함
-
원하는 어떤 property를 만들 수 있다.
예) player.lastName = “tomato”
Function
내가 계속 반복해서 사용할 수 있는 코드 조각
어떤 코드를 캡슐화해서 실행을 여러 번 할 수 있게 함
function sayHello() {
console.log(“Hello!”);
}argument(인수) function을 실행하는 동안 어떤 정보를 funtion에게 보낼 수 있는 방법
- 작동법
const player = {
name: "sue",
sayHello: function (otherPersonsName) {
console.log("hello " + otherPersonsName + " nice to meet you");
},
};Return
어떤 작업을 처리하고 그 결과를 return하기 위해 function을 사용
이 부분에 대해서는 더 공부해서 보충할 필요가 있음
조건문
if(condition){
condition === true 조건이 참이면 이 코드가 실행이 될 것이고
}
condition은 boolean으로 판별 가능해야한다. 참/거짓
if(isNaN(age)){
console.log(“Please write a number.”);
} else {
console.log(“Thank you for writing your age.”);
}
else if (age >= 18 && age <= 50) {
console.log(“You can drink”)
}&&: AND 연산자/ 자바스크립트에게 양쪽의 조건이 ture여야 한다는 것을 알려준다.
예 (age >= 18 || age <=50)
|| or연산자 둘 중 하나가 ture면 된다.
getElementById
document의 함수 중 하나로 HTML에서 id를 통해 element를 찾아준다.
element를 찾고 나면, JS로 해당 HTML의 무엇이든 바꿀 수 있다.
element의 innerText를 바꾼다던가 (title.innerText = "Got you!";)
id, className 등을 가져 올 수 있음. (cosole.log(title.id);)
clock
-Interval
‘매번’ 일어나야 하는 무언가
function sayHello() {
console.log("hello");
}setInterval(sayHello, 5000) 5000ms=5초
첫 번째 argument에 실행하고자 하는 function
두 번째 호출되는 function 간격을 몇 ms(milliseconds)로 할 건지 설정
-timeout (sayHello, 5000)
첫 번째 호출하려는 function 작성
두 번째 얼마나 기다릴지 ms 단위로 설정
padStart
string의 길이/그 길이가 되기 위해 채워지는 숫자 또는 언어로 만들어 주는 function
const Seconds = String(date.getSeconds().padStart(2, "0"));01,02 와 같이 두 글자가 되고 한 글자의 숫자는 0이 붙여진 상태의 결과가 나온다.
