오늘의 생각

시작하며
변수, 타입, 함수에 이어서 오늘부터는 본격적인 조건문과 반복문에 대해 배우게 된다.
뭔가 오늘부터 페어프로그래밍 퀴즈 난이도가 훅 올라갈 것 같은 불길한(?) 예감이 들지만..
이제부터 시작이다!!

마치며
오늘은 페어 민상님을 만나게 되었다. 프론트엔드 개발자를 목표로 1년 정도 독학을 하셨다고 한다.
확실히 코딩고수의 향기가.. 갈팡질팡하는 내 쪼랩 코딩을 보여드리며 괜시리 죄송한 마음이 들었다.. ^ ^
소소하게 내 코딩을 좀 더 간소화할 수 있는 꿀팁을 몇가지 알려주셨다.
열공해서 얼른 코딩 하수에서 중수로 Level Up 하겠어..!!

아쉬웠던 점
아쉬웠다기보단, 배울수록 복습/예습 철저히 해서 내 것으로 만들고 싶다는 욕심이 더 커지는 하루였다.

오늘의 학습내용

1. 조건문

1) Boolean Type

: 참/거짓으로 판별나는 값

2) 비교연산자(comparison operator)

> : 초과
< : 미만
>= : 이상
<= : 이하
=== : 같다
!== : 다르다

* 유의사항(하기 2가지 비교연산자는 쓰지 않는 것이 좋음. 예외사항 많음.)
== : 같다 / != : 다르다

3) 조건문 표현법

if(조건 1) {
	// 조건 1이 통과할 경우
} else if(조건 2) {
	// 조건 1이 통과하지 않고
    // 조건 2가 통과할 경우
} else {
	// 모든 조건이 통과하지 않는 경우
}

4) 논리연산자(Logical Operator)

: 두가지 조건이 한번에 적용되는 경우

논리연산자 NOT

!(조건)

!false = true
!(3>2) = false

• undefined : falsy한 값(false로 취급되는 값)
  '문자열' : truthy한 값(true로 취급되는 값)

!undefined = true
!'Hello' = false

• 기억해야할 6가지 falsy값
  : 조건이 false므로 if문이 실행되지 않음

if(false)
if(null)
if(undefined)
if(0)
if(NaN)
if('')

논리연산자 AND

(조건1)&&(조건2)

• 조건이 모두 만족해야 true

ture && true = true
true && false = false
false && false = false

논리연산자 OR

(조건1)||(조건2)

• 하나라도 true일 경우, true

ture || true = true
true || false = true
false || false = false

2. 문자열

1) .length

: 문자열의 길이를 리턴

let str = 'code states';
console.log(str.length)

> 11

2) indexOf()

: 문자열 내 지정된 요소가 위치하고 있는 인덱스 리턴

• 값이 없는 경우, -1을 리턴

let str = 'code states'

console.log(str.indexOf('s'))
> 5

console.log(str.indexOf('i'))
> -1

3) split()

: 문자열을 지정된 구분값을 이용하여 나눈 후 리턴(배열 형태)

• Enter 공백으로 나누어 줄때는 '\n'을 사용

let str = '사과, 바나나, 오렌지, 배, 감, 딸기';

let word = str.split(', ');
console.log(word);

> ['사과', '바나나', '오렌지', '배', '감', '딸기']

4) substring(start idx, end idx)

: 시작 인덱스와 끝 인덱스 사이의 값 리턴

• end idx값은 포함하지 않음

let word = 'abcdef'
console.log(word.substring(0,3))

> abc

• substring 과 slice 차이
  substring : 음수(-)값을 0으로 치환하여 처리
  slice : 음수(-)값 처리 가능 / 음수(-)는 뒤에서부터 처리

let word = 'abcdef'
console.log(word.substring(3,-2))

> abc

let word = 'abcdef'
console.log(word.slice(3,-1))
> de

5) toUpperCase()

: 대문자로 변환

let alphabet = 'a';

console.log(alphabet.toUpperCase());

> A

6) toLowerCase()

: 소문자로 변환

let alphabet = 'A';

console.log(alphabet.toUpperCase());

> a

추가 학습

3. 추가학습

1) if문 실행 조건

• 짝수면 true, 홀수면 false 리턴(if문 조건이 true일때 조건문 안 수식이 실행됨)

if(num%2){ 
	// 조건이 참이면 실행 : num%2 === 1
  	return false
} else { 
	// 조건이 거짓이면 실행 : num%2 !== 1
  	return true
}

• 3으로 나누어떨어지면(나머지 0) 'Fizz' 리턴

if(!(num % 3)){
    return 'Fizz'
  }

2) 문자열 template 표현

• '+' 연산자 없이 문자열/변수 한번에 표현 가능

function showTime(hour, min, sec) {
  return `현재 시각은 ${hour}시 ${min}분 ${sec}초 입니다.`
}