JavaScript 기본 개념 정리 (1)

근듀·2023년 3월 8일
0

JavaScript

목록 보기
1/5
post-thumbnail

JavaScript 특징

  1. 브랜든 아이크가 10일만에 설계하였다. 1996년 3월 넷스케이프의 웹브라우저에 'Mocha'로 명명되었고 그 이후 12월에 'JavaScript'가 최종 명명되었다.
  2. 객체 기반 프로그래밍 언어
  3. 웹사이트를 만들고 싶다면 반드시 배워야하는 프로그래밍 언어

기본 개념

✔️ 세미콜론 (;)

프로그래밍 언어의 마침표, 문장의 구분

console.log(29);

✔️ 주석 (Comment)

메모 기능

  • 어떤 의도로 코드가 작성되었는지 설명할 때

  • 구현한 코드가 어떤 동작을 하는지 기록할 때

    필요한 만큼만 간결하게 표현하는 것이 중요!

    한줄 주석 처리 //
    두줄 이상 주석 처리 /* */

//15를 출력하는 코드
console.log(15);

/* 더하기를 이용해서
15을 출력하는 코드 */
console.log(10 + 5);
console.log(20 - 5);

✔️ 자료형(Data type)

자바스크립트에서 계산할 수 있는 다양한 값

  • 숫자형(Number) -> 정수(Integer) & 소수(Floating point)
    사칙연산이 가능하다.
  • 문자열(String)
    " "(큰따옴표) ' '(작은따옴표) 사용가능
  • 불린(Boolean) -> True & False
    어떤 조건에 의한 결과값
console.log("Hello") // 문자열
console.log(-2) // 정수 숫자형
console.log(3.14) //소수 숫자형
console.log(8<6) //불린형

✔️ 추상화(Abstraction)

구체적인 정보에서 꼭 필요한 핵심만 말하기 => 원할한 소통!
프로그래밍에서 추상화를 통한 코드를 작성하면 좋은 소통, 좋은 표현이 된다.

"목적을 명확히! 불필요한 것들은 숨기기! 핵심만 드러내기!"

✔️ 변수 (Variable)

값을 담기 위해 이름이 붙은 상자
-> let 변수;

let espressoPrice = 3000;
let lattePrice = 4300;
let mochaPrice = 4800;

console.log(espressoPrice * 2);
console.log(lattePrice * 4 + mochaPrice * 2)
console.log(lattePrice + mochaPrice)
console.log(espressoPrice + lattePrice * 4 + mochaPrice * 2)
console.log(lattePrice * 3)

⚠️ 변수 선언 시 주의해야할 것
1. 문자, 밑줄(_), 달러($)로 시작해야 한다.
2. 대문자와 소문자 구별해야 한다.
3. 예약어(JavaScript가 찜해놓은 단어)는 사용하면 안된다. ex) let, for, if

✔️ 원활한 소통을 위한 약속

  1. 의미없는 이름은 좋지 않다. 가독성이 떨어진다.
let a,b,c,d
  1. 너무 추상적인 이름은 좋지 않다. 구체적이게 이해하기 쉽게 만들자
let name; //너무 추상적이다.
  1. 모든 변수 이름은 'camelCase'로 쓰는 것이 좋다.

변수명은 띄어쓰기가 불가능하기 때문에 띄어쓰기 역할을 대신 할 무언가가 필요하다. 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기하는 방식을 'camelCase'라고 한다. 중간중간의 대문자자가 낙타의 혹처럼 생겨서 그렇게 부른다.

let bad_variable_name; // X
let goodVariableName;  // O

👉🏼 등호(=) : 프로그래밍에서 등호는 할당연산자라고 해서 오른쪽에서 있는 값을 왼쪽으로 할당한다.
👉🏼 코드스타일을 위해 다양한 약속들이 있는데 이런 약속을 스타일 가이드 or 코딩 컨벤션이라고 한다.

profile
프론트엔드 개발자 취준생입니다.

0개의 댓글