내일배움캠프 9주차 WIL

[JS] 자바스크립트 기초 활용

const, let

💡 const

한번 선언 후 바꿀 수 없다.

const hi = "hi"

hi = "hello"
>>> Uncaught TypeError: Assignment to constant variable.

한 번 선언후에 변수 명을 바꾸려고 하면 오류가 뜬다.

💡 let

선언 후에도 유동적으로 변경 가능하다.

let me = "girl"
console.log(me)
>>> girl

// 값을 바꿔준다
me = "boy"
console.log(me)
>>> boy

async, await

자바스크립트에서 비동기 처리를 위해서 구현된 함수.

예시

async function myFunc() {
  let response = await fetch{
  	"http://localhost:8000/"
  }
}

둘은 한 세트이기 때문에,
하나를 써주면 다른 하나도 꼭 써줘야 한다!

💡 async

async는 간단하게 말하자면 await를 기다리겠다고
약속을 걸어주는 것!
이후 await가 끝나면 값이 반환된다.

함수 앞에 붙여야 한다.

💡 await

async가 실행되고 await를 만나면
await가 끝날 때 까지 async의 promise를 반환하지 않는다!

async가 선언 된 함수 내에서 사용해야 한다.

location

💡 replace

• 현재 창의 URL을 변경하고 새 페이지를 로드
• 뒤로가기 X

window.location.replace("링크")

💡 href

• 현재 창의 URL을 변경하고 새 페이지를 로드
• 뒤로가기 X

window.location.href = "링크"

💡 reload

• 현재 창의 새로고침

location.reload()

js에서 문자열에 변수를 불러올 때

python에서 문자열에 변수를 불러올 때는 f string을 사용했다.

word = "hi"

print(f"{word} i am happy")

>>> hi i am happy

그러나 javascripts에서 문자열에 변수를 불러올 때는 다른 방식을 사용한다.

let word = "hi"

console.log(`${word} i am happy`)

>>> hi i am happy