Day 17 - ==과 ===, 미니 프로젝트?

이유승·2024년 11월 22일
0

* 프로그래머스, 타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js) 5기 강의 수강 내용을 정리하는 포스팅.

* 원활한 내용 이해를 위해 수업에서 제시된 자료 이외에, 개인적으로 조사한 자료 등을 덧붙이고 있음.

1. ==과 ===

동등 연산자와 '엄격' 동등 연산자

== (동등 연산자)

  • 타입 변환(Type Coercion)을 수행한 후 값을 비교한다.
  • 비교하려는 두 값의 타입이 다르면 JavaScript는 타입을 강제로 변환하여 값을 비교하려고 시도한다.
console.log(5 == '5');  // true (문자열 '5'가 숫자 5로 변환되어 비교됨)
console.log(true == 1); // true (true가 숫자 1로 변환되어 비교됨)
console.log(null == undefined); // true (둘 다 "비어 있음"으로 간주)

=== (엄격 동등 연산자)

  • 타입 변환을 하지 않고, 값과 타입 모두 같은 경우에만 true를 반환한다.
  • 비교하려는 두 값의 타입이 다르면 바로 false를 반환한다.
console.log(5 === '5');  // false (타입이 다름: 숫자와 문자열)
console.log(true === 1); // false (타입이 다름: 불리언과 숫자)
console.log(null === undefined); // false (타입이 다름)

정리

연산자비교 방식타입 변환사용 예시
==값만 비교 (타입은 무시)O5 == '5' // true
===값과 타입 모두 비교X5 === '5' // false
  • 사실, 이래서 동등 연사자는 그냥 ===만 사용하는게 좋다. 타입 변환이 어떻게 일어나는지 파악하지 못하면 개발자가 예상치 않은 동작이 벌어질 위험성이 높기 때문.



2. 미니 프로젝트?

개요

  • 지금까지 배운 내용들을 활용하는 심화 학습용 미니 프로젝트.

  • 라우팅, 유효성 검사, 예외 처리, 리팩토링, 데이터베이스 사용 등의 내용을 다룰 예정.

  • 6가지 API로 구성
    - 회원, 로그인
    - 회원, 회원가입
    - 회원, 회원탈퇴
    - 채널, 채널생성
    - 채널, 채널수정
    - 채널, 채널삭제

  • 요구조건
    - 1개 계정에서, 채널 100개까지 생성이 가능하다.



Github 저장소



실습

profile
프론트엔드 개발자를 준비하고 있습니다.

0개의 댓글