[패스트캠퍼스] 프론트엔드 강의 4주차 - javascript 기초

4주차에서는 JavaScript의 기초 문법을 학습했습니다. 이번 주차에서는 변수, 연산자, 조건문, 반복문, 함수 등에 대한 개념과 사용 방법에 대해 요약 정리해보았습니다.

Javascript 란?

우선, JavaScript는 웹 프로그래밍에서 가장 중요한 언어 중 하나입니다. 이번 주차에서 배운 변수, 연산자, 조건문, 반복문, 함수 등은 JavaScript를 이해하는 데 매우 중요한 기초 개념들입니다. 이를 제대로 이해하고 활용하는 것은 웹 프로그래밍을 하는 데 매우 중요합니다.

특히, 함수는 JavaScript에서 가장 중요한 개념 중 하나입니다. 함수를 이용하면 코드의 재사용성을 높일 수 있으며, 유지보수를 쉽게 할 수 있습니다. 이번 주차에서는 함수의 정의와 호출, 매개변수와 반환값, 함수 스코프 등 여러 가지를 배웠습니다. 이를 제대로 이해하고 활용하는 것은 웹 프로그래밍에서 매우 중요합니다.

또한, JavaScript의 데이터 타입과 형변환, 객체와 배열 등에 대한 학습도 진행했을 것입니다. 이를 이해하면서, 데이터를 다루는 방법과 객체와 배열을 이용하여 유연하게 데이터를 처리하는 방법을 배울 수 있었습니다.

Javascript 개요

주석

// 한 줄 주석

/* 한 줄 주석 */

/**
* 여러 줄 주석
* 메모 1
* 메모 2
*/

데이터 종류(자료형)

1. String
2. Number
3. Boolean
4. Undefined
5. Null
6. Object
7. Array

JS로 개발할 땐 데이터를 중심으로 사고해야한다. JS는 모든게 데이터로 이루어져 있다.

변수 선언

let 변수 = 값;

변수는 재사용, 재할당 가능하다.

상수 선언

const 상수 = 값;

상수는 재사용은 가능하지만, 재할당은 불가능하다.

예약어(Reserved Word)

특별한 의미와 용도가 있어서 변수나 함수 이름 등으로 사용할 수 없는 단어이다.

• this
• if
• break
• etc

조건문

조건의 결과(true, false)에 따라 코드를 분기 실행하는 구문이다. 키워드는 if 와 else가 있다.

if (isShow) {
  console.log('show!');
} else {
  console.log('hide!');
}

일치 연산자 vs 동등 연산자

1. 일치 연산자 '==='
   : 두 변수의 메모리 주소 값이 같은지 참/거짓, 형변환 없이 실제 값 비교

2. 동등 연산자 '==' (사용 미권장)
   : 형 변환(Type Conversion) 이 일어나서 값을 비교한다.

1 === '1' // false
1 == '1' // true

불리언 형 변환(Type Conversion)

1. Truthy(참과 같은 값)
   • true
   • {} (객체, 빈객체)
   • [] (배열, 빈배열)
   • 양수, 음수
   • 문자열

2. Falsy(거짓과 같은 값)
   • false
   • '', "" (빈 문자열 또는 빈 문자)
   • null
   • undefined
   • 0
   • NaN (Not a Number) <- 1 + undefined

리터럴 생성 방식

특정 기호로 어떤 데이터를 바로 만들어내는 방식을 리터럴 방식이라 한다.

const obj = {}

const str = "a"

const arr = []