천천히 느리게 천천히 느리게

1. scope 란 ◎ javascirpt에서 scope란, 변수가 어디까지 쓰일 수 있는지의 범위를 의미합니다. 변수를 선언하여도 ***is not defined라는 에러 메시지를 보는 것도 scope와 관련된다. 어떤 변수는 여기저기 쓸 수 있는 반면에, 어떤 변수는 특정 함수 내에서만 쓸 수 있습니다. 이런 개념이 scope이다. 2. Block Scope(블록 스코프) ◎ scope의 개념을 알기 전에 알아야 할 개념은 block입니다. block이란 중괄호({ })로 감싸진 것을 의미합니다. 코드를 보면서 block scope가 어떤 의미인지 알아보자. function의 내부는 하나의 block이다. for문도 하나의 block이다. if문의 {}도 하나의 block이다. 블록 내부에서 변수가 ..

1. 문제 미국을 비롯해 전세계 대부분의 나라들이 생일을 기준으로 나이를 계산 합니다. 생일이 지나야 비로소 한 살을 더 먹게됩니다. 그에 비해 우리나라는 새해가 되면 모든 국민이 1살을 더 먹는 방식 입니다. 태어나면 1살 부터 시작하고 새해때 2살이 됩니다. 그래서 10월 이나 11월에 태어나는 아기들은 한두달 안에 2살이 되버리기도 하죠. 1살 차이도 크게 생각하는 우리나라 고유의 문화에 비롯한 계산법이 아닌가 추측해 봅니다. 미국이나 다른 나라가 사용하는 나이 계산법은 우리나라에서는 만나이 라고 하죠. getWesternAge 함수를 구현해주세요. getWesternAge 함수는 birthday 라는 인자(input)를 받습니다. birthday는 Date 객체이며 생일을 나타냅니다. 현재 기준으..

1. 문제 addFirstAndLast 함수 안에 작성해주세요. addFirstAndLast 함수에 주어진 인자 myArray는 숫자 값으로만 이루어진 array 입니다. addFirstAndLast 함수에 주어진 인자 myArray 의 첫번째 element와 마지막 element의 값을 더한 값을 리턴해주세요. 문제를 보고 금방 할 수 있을 거 같았다. 첫 번째 요소는 어떤 배열이든 array[0]이고, 마지막 값은 array[마지막 인덱스] 이기 때문이다. 처음 작성한 코드를 살펴보자. 코드를 살펴보면 이와 같다. 숫자로 이루어진 배열을 array 변수에 담는다. addFirstAndLast 함수를 호출하는데 인자로 array를 전달한다. addFirstAndLast 함수에 매개변수를 myArray로..

1. 객체 생성자 ◎ 객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값이나 함수들을 구현할 수 있게 해 준다. 다음 코드를 확인해보자. 위의 코드 결과는 다음과 같다. ※ 객체 생성자를 사용할 때 주의사항! 객체 생성자를 사용할 때는 함수의 이름을 대문자로 시작한다. 새로운 객체를 만들 때는 new 키워드를 앞에 사용해야 한다. 위의 코드를 살펴보면 dog가 가지고 있는 say 함수와 cat이 가지고 있는 수행하는 코드가 똑같음에도 객체가 생성될 때마다 함수도 새로 만들어져서 this.say로 설정이 되고 있다. 이처럼 같은 객체 생성자 함수를 사용하는 경우, 특정 함수 또는 값을 재사용할 수 있는데 이게 바로 프로토타입이다. 2. 프로토타입 ◎ ES6 이전까지는 자바스크립트에 클..

1. 반복문이란? ◎ 특정 작업을 반복적으로 할 때 사용할 수 있는 구문이다. 2. for 문 ◎ for문은 가장 기본적인 반복문이다. 정한 조건이 만족되면 계속 반복된다. 2-1. 문법 for (초기 구문; 조건 구문; 변화 구문;) { 코드 } ◎ 구문 뒤에는 항상 ;(세미콜론)을 써줘야 한다. 위치에 어떤 구문이 들어가야 하는지 알아야 한다.(많이 사용해서 익숙해지는 게 베스트) 문법을 활용하여 0부터 9까지 나타내는 for문을 작성해보자. 코드를 살펴보겠다. let i = 0; 은 초기 i 값을 0으로 설정한다는 구문이다. i

1. let(block scope) ◎ es6 이후로 변수를 선언할 때는 let 키워드를 사용한다. 변수는 바뀔 수 있는 값을 의미한다. 1-1. let의 특징 변수에 재할당이 가능하다. 처음에 value를 1로 선언하였고 콘솔로 value를 확인해 보면 선언한 value 값이 잘 나오는 걸 확인할 수 있다. 재할당이 가능한 특징을 이용하여 value 값을 다른 값으로 바꾸고 싶을 때는 value 값을 원하고 싶은 값으로 할당해 준다. 그리고 콘솔을 확인해 보면 처음에 설정한 value 값은 1이 나오고 두 번째로 재할당한 value 값은 2로 잘 찍혀 나온다. 변수의 재선언은 불가하다. let은 재할당은 가능하지만 재선언은 불가능하다. 다음 코드를 보고 확인해보자. let value = 1; 을 선언하..

※ Javascript 를 배우기에 앞서 javascript는 어떤 역할을 하며 특징이 무엇인지 알고 싶어 졌다. 처음부터 문법, 반복문 등 배우면 좋을 수 도있으나, 그 언어의 본질을 파악하는 게 먼저라고 생각하기 때문이다. 1. Javascript 란. ◎ 웹 브라우저에서 유저 인터페이스를 동적으로 사용하기 위해 만들어진 언어. 2. 특징 객체 기반의 언어 인터프리터 언어로써 코드를 한 줄씩 읽으면서 웹 브라우저에 의해 해석되고 실행이 된다. 스크립트 언어로써 애플리케이션에서 코드를 해석하는 엔진이 존재하여 그 스크립트로 해당 애플리케이션을 제어하기 위해 만들어진 언어이다. 진입장벽이 낮다?(개인마다 차이가 있지만 깊게 들어갈수록 어려운 언어라고 생각한다.) 3. 역할 웹 페이지에 기능을 더해 동적으..