본문 바로가기
Interactive Web/Fast Campus

패스트캠퍼스 환급챌린지 20일차 미션 (2월 20일) : 인터랙티브 웹 강의 후기

by 박철준 2024. 2. 20.

서론

오늘은 자바스크립트에 대한 새로운 접근을 시도하기로 결정했다. 최근 인터랙티브 웹 개발이 수학적인 측면으로 너무 기울어져 어려워진 감이 없지 않아 있었다. 이에 다시 한번 자바스크립트의 기본을 다져보기로 했다. 이 과정에서 두 개의 중요한 강의를 듣게 되었는데, 하나는 Nullish 병합 연산자에 대한 것이고, 다른 하나는 전개 연산자에 대한 것이다. 이러한 개념들은 자바스크립트를 사용하여 보다 효율적인 코드를 작성하는 데 있어 필수적인 요소들이다.

본론

환급 챌린지 조건에 의해 최소 두 개의 강의를 들어야 한다. 다음 두 강의를 나누어 간략히 내용과 후기를 적으려 한다.

  • 첫 번째 강의: Nullish 병합 연산자
  • 두 번째 강의: 전개 연산자

첫 번째 강의: Nullish 병합 연산자

첫 번째 강의에서는 Nullish 병합 연산자(??)에 대해 배웠다. 이 연산자는 자바스크립트에서 'null'이나 'undefined'가 아닌 경우에만 우측의 값을 반환한다. 예를 들어, const n = 0; const num1 = n || 7; console.log(num1);을 실행하면, || 연산자는 n이 falsy한 값이라 판단하여 7을 반환한다. 하지만 n ?? 7을 사용하면, n이 falsy 값이 아니라 0을 정확히 출력한다. 이는 0, null, undefined를 구분할 필요가 있는 경우 매우 유용하다.

falsy한 값 : 거짓에 속하는 값들. 예를 들면 0, undefined, null, 빈문자"" 와 같은 값들

 

두 번째 강의: 전개 연산자

두 번째 강의에서는 전개 연산자(...)에 대해 배웠다. 이 연산자는 배열이나 객체의 모든 항목을 개별 항목으로 전개한다. 예를 들어, const a = [1, 2, 3]; console.log(...a);를 실행하면 1, 2, 3이 출력된다. 또한, 배열을 복사([...a])하거나 배열을 합치는([...a, ...b]) 경우에도 사용할 수 있다. 이전까지 나는 전개 연산자를 단순히 배열을 깨고 값들을 출력하는 용도로만 알고 있었는데, 이 강의를 통해 그 활용 범위가 훨씬 넓다는 것을 알게 되었다.

 

결론

자바스크립트의 기본을 다시 한번 살펴보는 것은 매우 유익한 경험이었다. 특히 Nullish 병합 연산자와 전개 연산자와 같은 강력한 기능들을 배우면서, 코드를 더욱 간결하고 효율적으로 작성할 수 있는 방법을 배웠다. 이러한 지식은 향후 인터랙티브 웹 개발 프로젝트에 큰 도움이 될 것이다. 계속해서 학습을 통해 더 많은 자바스크립트의 기능과 팁을 익혀나갈 계획이다.

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.

https://bit.ly/48sS29N