Achievement Goals

변수 Intro

• 프로그래밍은 데이터 처리를 하는 것임을 이해한다.

  O

• 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.

  O

• 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다.

  O

• 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.

  표현문은 반복문이나 할당문 등의 모든 식을 뜻한다.

변수 기초

• 자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.

  • 선언 : 변수를 사용하겠다고 주는 것. ex) let age
  • 할당 : 변수에 값을 담아줌. ex) age = 26

• 변수 선언과 값 할당에 사용되는 용어에 대해서 정확하게 알 수 있다.

  변수명에는 공백이 포함되면 안된다. 대신 가독성을 위해 중간에 대문자를 섞어주는데, 이를 "camel case" 라고 부른다. ex) isAdult

• =가 "같다"라는 의미가 아니라 할당연산자임을 이해할 수 있다.

  = 은 할당연산자로 변수에 값을 할당해줄 때 사용한다. 예를 들어, num1 = 12 의 경우 num1과 12가 같다는 것이 아닌, num1에 12라는 값을 할당해주겠다는 것을 의미한다.

• num = num + 1이 "같다"라는 의미가 아니라 값을 할당하는 것임을 설명할 수 있다.

  위에서 설명했듯이, = 은 할당연산자이며, num1 = num1 + 1은 num1에 1을 더한 값을 num1에 다시 할당해주겠다는 의미이다. 이는 간단하게 num1 += 1로 표현할 수 있다.

타입

• 자바스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다.

  • 원시자료형(primitive type) : 변수에 데이터값을 저장
  • 참조자료형(reference type) : 동적할당이 가능한 주소를 저장

• 원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다.

  • string : 문자열
  • number : 숫자
  • boolean : true / false
  • undefined : 변수에 값이 할당되지 않음 (null : 의도적으로 값이 없음)

• 타입마다 다른 속성과 메소드가 있다는 것을 이해할 수 있다.

  객체 배울 때 다시 만나요~!

• typeof 를 활용하여 특정 값의 타입을 확인할 수 있다.

  O

• 비교 시 엄밀한 비교( === 과 !== )의 필요성을 이해할 수 있다.

  • === : 비교연산자 중 일치연산자에 해당한다.
  • == : 같은 비교연산자지만, 타입을 엄격하게 비교해주지 않기 때문에 잘 사용되지 않는다.

함수 Intro

• 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다.

  O

• 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다.

  keyword name(parameter) {
  	body
      }

• 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다.

  모든 함수는 출력값을 반환한다. 선언된 함수를 호출하여 return값을 받을 수 있으며, return값이 없을 경우 'undefined'가 할당된다.

• 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다.

  const name = function(parameter) {
  body
  }

• 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있다.

  let ret = function(parameter)

  이런 식으로 변수에 함수의 return값을 할당해줄 수 있다.

함수 기초

• 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.

  function plusNum(num1, num2) {
  	return num1 + num2
  }

• 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다.

  위에서 선언한 함수 그 자체(func)를 호출하려면~~??

  plusNum(2, 3)

• 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.

  • 매개변수 : 함수를 선언할 때 사용하겠다고 하는 변수
  • 전달인자 : 함수를 호출할 때 변수에 넣어주고자 하는 값

• 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

  인자로 받은 두 값을 곱한 결과를 리턴하는 함수를 만들어보자.

  선언식

  function multNum(num1, num2) {
  	return num1 * num2
  }

  표현식

  const multNum = function(num1, num2) {
  	return num1 * num2
  }

  화살표 함수

  const multNum = (num1, num2) => {
  	return num1 * num2
  }

  -> 아래처럼 줄여 쓸 수 도 있다 !

  const multNum = (num1, num2) => num1 * num2

조건문 기초

• truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.

  조건문은 조건이 true일 때 실행된다.
  그렇다면 falsy인 경우를 알아보자.

  1. NULL
  2. 0
  3. false
  4. NaN(Not a Number)
  5. undefined
  6. ''(빈 문자열)

  이 외의 경우 모두 true 이다 !

• 비교연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.

  O

• if 와 else if , else를 이해하고 무리없이 활용할 수 있다.

  if (조건1) {
  // 조건1이 true일 때 발동
  } else if(조건2) {
  // 조건1이 false이고,
  // 조건2가 true일 때 발동
  } else {
  // 그 외 모든 경우
  }

• 논리연산자를 (&&, ||, ! ...)을 통해 복잡한 조건을 간결하게 작성할 수 있다.

  O

c언어 공부하다가 javascript로 넘어오니 이 친구 참 친절하고 똑똑하다는 생각이 든다. 이 생각이 언제까지 이어질지 모르겠지만,, 내일도 열심히 해야지 !!