2023.08.15(화) 슈퍼코딩 부트캠프 프론트엔드 React 인턴 Day 2 보고

• TO-DO LIST

- 6-1강 JS(ES6+) Part 2. ~ 7강 JS(ES6+) Part 3. 수강하기

- 17:00 정기 팀 회의

Internet - How does the Internet Work? 읽기

​

• 배운 내용 요약 정리

- 변수 선언 방법

let

const

var (ES5 이전)

​

- 연산자

1. 할당 연산자

- 타입 변환과 타입 강제

const birthYear = '1990; // string

console.log(Number(birthYear) + 1); // number 타입으로 변환

console.log(Number('Hello')); // NaN

​

console.log("나는 " + 22 + "살입니다.");

console.log("20" - 5.5); // 14.5

​

암묵적 타입 변환(implicit coercion) (velog.io)

​

2. 비교 연산자

const stringThree = '3';

const numberThree = 3;

console.log(stringThree == numberThree); // true

console.log(stringThree === numberThree); // false, 값과 타입 모두 같아야 함

​

Truthy vs Falsy (0 / false ' / "" / Null / Undefined / NaN ...)

​

3. 산술 연산자

let num = 3;

num++;

console.log(num); // 4

​

4. 논리 연산자

const a1 = true && true; // true

cosnt a2 = true && false; // false

const a3 = false && true; // false

const a4 = false && 3 == 4; // false

const a5 = 'Cat' && 'Dog'; // true && 'Dog' -> 'Dog'

​

const 01 = 'Cat' || 'Dog'; // 'Cat'

const 02 = false || 'Cat' // 'Cat'

​

5. 삼항 연산자

const age = 17;

const adultCheck = age >= 18 ? '성인' : '미성년';

​

- 함수

함수는 입력과 출력이 존재하는 로직의 단위

자신의 외부 코드가 호출할 수 있는 하위 프로그램

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions

함수 - JavaScript | MDN

 

 

function buySomeFruits(bananaCount) {

const fruits = `바나나 ${bananaCount}개를 샀다.`;

return fruits;

}

const bananas = buySomeFruits(5);

console.log(bananas); // 바나나 5개를 샀다.

​

- 함수 선언식

function 함수명 () {

구현 로직

}

호이스팅 영향 받음 -> 함수 선언되기 전에 호출해도 정상 실행

선언 위에서 호출 가능

​

- 함수 표현식

cosnt 함수명 = function () {

구현 로직

}

호이스팅 영향 받지 않음 -> 함수 선언되기 전에 호출하면 에러

클로저, 콜백 사용 가능

​

- 화살표 함수

const 함수명 = () => {

구현 로직

}

​

• 부족한 점

​

• 스스로 시도해본 것들

팀원분께서 올려주신 js 암묵적 타입 변환을 더 읽어봤다.

​

• 해결 내용

​

• 알게된 점

대부분 알고 있던 내용이었지만

논리연산자 문자열 true / false 는 처음 접했다.

​

• 헷갈리거나 실수한 점

​

• 회고

ㅎㅇㅌ ㅎㅇㅌ