과제 1_프로그래밍 시작하기 in JavaScript

JS를 배워야 하는 이유

• 상당히 많은 Web 서비스들을 만들 때 사용됐음
• 활용도가 다양해지고 있음

세미콜론 (;)

• 문장의 마침표와 같은 역할을 함
• JS에서는 코드를 한 줄에 한 문장 씩 작성할 경우 코드가 실행될 때 자동으로 세미콜론을 추가해주는 기능이 있음

Comment (주석)

• 코드의 의도를 설명하거나 구현한 코드의 동작을 기록할 때 사용됨
• 간결하게 써 주는 게 좋음
• 단축키: Ctrl + /

// this is comment line

/* we can write 
multiple comment line 
at once */

기본 자료형 (data type)

숫자 (Number): 사칙연산 가능

• 정수(Integer)
• 소수(floating point)

문자열 (string)

• "", '' 으로 표현
• + 기호를 통해 문자열 끼리 연결 가능

불린(Boolean)

• true 와 false 값만 가짐
• 주로 어떤 조건에 의한 결과값으로 사용됨

추상화 (abstraction)

• 복잡한 것들을 목적에 맞게 단순화 하는 것
• 변수, 함수, 객체가 존재하는 이유
• 코드를 짤 때 꼭 생각해야 할 핵심
  목적을 명확히
  불필요한 것들은 숨기기
  핵심만 들어 내기

변수 (variable)

• 값을 담기 위한 상자
• 변수 선언

let name;
let name = cielo; //변수 선언과 동시에 값을 넣을 수 있음

• 장점
  값을 정확하게 썼는지 일일이 확인 할 수고를 덜어줌
  값을 변경 시 간편함
  코드를 이해하기 쉬워짐
• 할당연산자 =
  오른쪽의 값을 왼쪽에 할당한다는 뜻

• 오류 방지를 위한 룰

1. JavaScript 식별자는 '문자a-z, A-Z', '밑줄_' 혹은 '달러 기호$'로 시작해야 함
2. 대소문자를 구별함
3. 예약어는 사용하면 안됨 (if, for, let 등)

• 암묵적인 룰

1. a, b, c와 같이 의미 없는 이름 지양
2. 지나치게 추상적인 이름 지양
3. camelCase 지향
4. ~의 자바스크립트 스타일 가이드 검색해 보기

함수 (function)

• 변수가 값을 저장하듯 함수는 다양한 명령들을 저장함
• 함수선언

function functionName(parameter1, parameter2) {
  
  let variable;	//명령;
  console.log(parameter1); //명령;
};

• 함수호출

functionName();

매개변수 (parameter)

• 함수 내에서 변수처럼 사용 가능

반환값 (return)

• 함수의 output
• 함수를 호출한 자리에 반환값이 전달 됨