[AI 웹개발 취업캠프] 8Day - JS 기초(3)

강의

함수(Function)

지역 변수(local variable)

함수 내에서 선언된 변수

변수가 선언된 함수 내에서만 유효하고, 함수가 종료되면 메모리에서 사라진다.

function printX() {
  let x = 10;
  console.log(x); // 10
}

printX();

console.log(x); // ReferenceError: x is not defined

 

전역 변수(global variable)

함수의 외부에서 선언된 변수

프로그램의 어느 영역에서나 접근할 수 있고, 실행코드가 닫혀야만 메모리에서 사라진다.

let x = 10;

function printX() {
  console.log(x); // 10
}

printX();

console.log(x) // 10

 

호이스팅(hoisting)

코드를 읽어올 때 각 Scope(구역)에 들어있는 var, function 과 같은 키워드로 선언된 코드는 아래와 같이 동작

console.log(name); // undefined
var name = '고랑';

선언되지 않은 변수를 미리 참조했기 때문에 첫번째 줄에서 참조 에러가 발생해야 하는데 실제로는 발생하지 않는다.

이렇게 선언된 변수나 함수가 함수의 스코프 최상단으로 끌어올려진다는 의미

호이스팅으로 위에 있는 코드가 아래 처럼 동작한다.

var name
console.log(name); // undefined
name = '고랑';

 

객체(Objects)

실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있도록 표현한 것

JS에서 기본타입(data type)은 모두 객체(object)입니다

 

속성(property)

let cat = {
  name: "나비",
  family: "코리안 숏 헤어",
  age: 0.1,
  weight: 300
};

console.log(cat.name);   // "나비"
console.log(cat.family);    // "코리안 숏 헤어"
console.log(cat.age); // 0.1
console.log(cat.weight); // 300

console.log(cat["name"]);   // "나비"
console.log(cat["family"]);    // "코리안 숏 헤어"
console.log(cat["age"]); // 0.1
console.log(cat["weight"]); // 300

객체 cat의 속성에 접근하여 값을 출력함. 객체의 속성에 접근할 때는 점표기법(.) 또는 대괄호표기법([])을 사용한다.

 

표준 객체

js에서 표준 객체는 다른 객체의 기초가 되는 핵심적인 객체이다.

1. Number
   • parseInt()
   • parseFloat()
   • isNaN()
   • isInteger()
2. Math
   • min()
   • max()
   • random()
   • round()
   • floor()
   • ceil()
3. Date
   • getFullYear()
   • getDate()
   • getDay()
   • getTime()
4. String
   • indexOf()
   • lastIndexOf()
   • charAt()
   • slice()
   • substring()
   • splist()
5. Array
   • push()
   • pop()
   • sort()

 

예외처리(Exception)

프로그램이 실행 중에 발생하는 런타임 오류를 의미

이러한 예외가 발생하지 않도록 미리 방지하는 것도 중요하지만, 발생한 예외를 처리하는 방법 또한 중요

function throwException() {
  try {
    throw error;
  } catch (error) {
    console.log("에러");
  }
}

throwException()

 

정규 표현식(Regular Expression)

문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴

https://curryyou.tistory.com/234 정리 잘 되어있는 블로그

---

과제

과제

this. 를 안 붙이면 reference Error가 뜨는데 위에 선언을 했음에도 불구하고 왜 에러가 뜨는지 원인 찾아보기

과제 제출 커밋

https://github.com/go-tiger/AI-web-camp/commit/d7abae1c3ce67192d174cf28d3f70d6e2023fa7e

과제: 객체 리터럴 this · go-tiger/AI-web-camp@d7abae1

본 후기는 정보통신산업진흥원(NIPA)에서 주관하는 <AI 서비스완성! AI+웹개발 취업캠프 - 프론트엔드&백엔드> 과정 학습/프로젝트/과제 기록으로 작성되었습니다.