TIL #2 Javascript

dooyeonk·2020년 9월 16일
0

위코드 사전스터디 2주차 시작

위코드 사전스터디 1주차가 끝나고 2주차가 시작되었다.
1주차 때 각자 만든 자기소개 페이지를 보면서 소개하는 미팅을 했었는데, 다른 분들이 완성하신 자기소개 페이지를 보고 세상은 넓고 잘하는사람은 많다라는걸 알게되었다...

여튼, 그 분들은 그 분들이고 나는 나대로 해야겠다.

이번 주 주제, Javascript

자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 예를 들면, "웹 페이지에서 어떠한 버튼을 누르면 특정한 기능을 수행해줘!" 같은 것들을 정의하는데 사용된다.

이번 주 미션

블로그에 어떤 식으로 정리를 해야하나 고민을 하다가 그냥 미션 하나하나를 클리어(?) 하는 과정을 담기로 했다.

이번 주 미션 목록으로는:

  • javascript에서 var, let, const를 이용해 변수를 선언하고 각각의 차이점을 조사하기
  • template literal을 이용해 변수와 string을 동시에 작성하기
  • for문과 while문을 반복문을 작성하기
  • if와 else를 이용해 조건문을 작성하기
  • array method 중 slice, splice, push, pop, filter, map 을 활영한 함수를 작성하기
  • 1주차 때 만든 자기소개 페이지에 javascript로 미니게임 코드를 넣어보기

이며 오늘은 마지막 두 미션만 제외하고 모조리 할 생각이다.

미션 1. javascript에서 var, let, const를 이용해 변수를 선언하고 각각의 차이점을 조사하기

const

const는 'constant'의 약자로 해석하면 '상수'인데 말 그대로, 변하지 않는 값을 저장하고 있는 것이다. 주로 이 자료형을 사용했던 대표적인 경험으로는 API(페이스북 등)를 이용한 웹을 구현할 때 각각 다르게 주어지는 API key값을 저장해 놓을 때 사용했다. 안에 담고있는 내용이 절대 변해서는 안되기 때문이다.

위에 코드는 과거에 본인이 페이스북 로그인 및 사용자 위치를 불러오는 API를 사용하기 위해 수정되면 안되는 API_ID를 const로 선언한 것이다.

var와 let의 차이점

var로 변수를 선언했을 때에는 다시 그 같은 이름의 변수로 선언 할 수 있다.
코드로 보면,

하지만 let을 이용하면 값은 바꿀 수 있지만 다시 선언하는 것은 불가능하다.

요약

var: 변수의 재선언, 값 바꾸기가 모두 가능
let: 변수의 재선언은 불가능하지만 값을 바꾸는 것은 가능
const: 모두 불가능

미션 2. template literal을 이용해 변수와 string을 동시에 작성하기

템플릿 리터럴을 이용한 방식과, 기존의 방식의 코드를 모두 작성해 보았다.

결과를 보면,

이렇게 같은 값을 출력하지만 다르게 표현할 수 있고, 템플릿 리터럴을 이용하면 좀더 후에 변수가 포함된 문자열을 수정할 때 더욱 간편하게 할 수 있다.

미션 3. for문과 while문을 반복문을 작성하기

for문과 while문의 특징으로는 for문은 보통 얼마나 반복하는지 정확히 알고 있고 그만큼 반복하는것을 정의할 때 사용하고, while문은 반대로 정확히 몇번이나 반복해야하는지는 모르지만 특정조건이 달성될 때까지 반복하려 할 때 주로 사용한다.

미션 4. if와 else를 이용해 조건문을 작성하기

오늘은 이정도로 마무리하고 다음에 남은 미션을 수행해야 겠다.

profile
잘하고 싶다

0개의 댓글