엊그제부터 뭐했니#2

해다·2022년 3월 17일

GRAPHQL-API REST API TIL 어제뭐했니 엊그제에뭐했니 자바스크립트 전역스코프 조건문 지역스코프 초보개발자 템플릿리터럴 호이스팅

어제 뭐했니

목록 보기

2/17

🙊 틀린 내용이 있다면 댓글로 알려주세요!

본격적인 정리는 아니고 간단한 정리와 드는 생각을 정리했습니다.
어제(3월 16일) 어제 뭐했니 포스팅을 깜빡해서 엊그제부터 뭐했니? 가 되었습니다.

👾 템플릿 리터럴 (Templete Literal)

문자열 생성 시 백틱(`)을 사용해서 표기하는 방식.

let group = "샤이니" 
let name = "태민"

console.log(`안녕하세요 ${group}의 ${name}`입니다.` )
// '안녕하세요 샤이니의 태민입니다.'

줄바꿈(개행)과 표현식 삽입 등이 가능하다.

👾 배열

ArrayName[0]가 첫 번째 자리에 있는 인덱스를 가리킨다는 건 지옥에 가서도 잊으면 안된다.

👾 지역 스코프와 전역 스코프, 호이스팅?

숙제를 하다가 호이스팅(Hoisting)에 대해서 공부해보라는 피드백을 받아서 찾아봤는데 지역 스코프와 전역 스코프, 그리고 스코프 체인과 연관이 있는 개념이라 찾아보기로 했다.

💻 조건문 (if, else if, else)(switch, case)

특정 조건을 만족할 경우, 특정 조건이 참일 경우에만 작업이 실행될 수 있도록 조건문을 작성할 수 있다. 일반적으로는 switch-case 보다 if구문이 더 자주 쓰이는 것 같다.

//if문

if(조건식){
  console.log("조건식1을 만족했습니다.")
}
else if(조건식2){
  console.log("조건식1은 만족하지 못했으나 조건식2를 만족했습니다.")
}
else{
  console.log("조건식1과 조건식2 모두를 만족하지 못했습니다.")
}

조건식을 참으로 인정하는 값(Truthy): true , 0이 아닌 숫자(1이상 0미만), 빈 문자열이 아닌 문자열, 객체( { } ), 배열( [ ] )
조건식을 거짓으로 취급하는 값(Falsy): false, 숫자 0, 빈 문자열( “” ),null, NaN, undefined

💡주의!
if문에서 자주 틀렸던 것: `if`나 `else if`뒤에는 `()`와 그 안에 들어있는 조건식을
기재했는데 `else` 뒤에는 소괄호 없이 바로 `{ }`가 온다.

//swtich문
swtich(변수){
  case a:
  console.log("변수 값이 a입니다.")
  break
  case b:
  console.log("변수 값이 b입니다.")
  break
  case c:
  console.log("변수 값이 c입니다.")
  break
  default:
  console.log("해당하는 변수값이 존재하지 않습니다.")  
  break
}