FE RYAN
완벽하지 않으면 어때
FE RYAN
전체 방문자
오늘
어제

블로그 메뉴

  • 💾 깃허브 링크
  • 홈
  • 태그
  • 분류 전체보기 (151)
    • 개인프로젝트 (8)
      • 개인 포트폴리오 웹앱 (6)
      • 프론트엔드 기술면접 아카이빙 웹앱 (2)
    • 기록 (121)
      • 원티드 프리온보딩 인턴십 (0)
      • 코드스테이츠 프론트엔드 (75)
      • 생각들 (3)
      • Today I learned (32)
      • 회고 (9)
      • 리뷰 (1)
    • 개발 (17)
      • React (3)
      • Javascript (7)
      • CSS (1)
      • HTML (3)
      • HTTP (1)
      • 자료구조 (0)
      • 알고리즘 (2)
    • 코딩테스트 (2)
      • 백준 (2)
      • 프로그래머스 (0)
    • 디자인 (1)
      • UI & UX (1)
    • 수학 (0)
    • 자기계발 (0)

공지사항

인기 글

태그

  • useMemo
  • 원시타입
  • seb39
  • 딥다이브
  • 포트폴리오
  • seb 39
  • 프론트엔드
  • 리액트
  • css
  • 자바스크립트
  • 메인프로젝트
  • 회고
  • HTML
  • 자바스크립트 딥다이브
  • 부트캠프
  • Til
  • ES6
  • 코드스테이츠
  • 신입개발자
  • 타입스크립트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
FE RYAN

완벽하지 않으면 어때

기록/코드스테이츠 프론트엔드

1주 3일차 - 조건문

2022. 4. 27. 22:54
728x90

1. 리뷰

  • 오늘은 나보다 더 잘하시는 페어분과 함께하여 많이 배워갈 수 있었던 시간이었다. 원하는 대로 조건 분기하는 것이 아직 많이 미숙하다. 클린코드 욕심 낼 때가 아니라 동작부터 제대로 하는 코드를 짜는게 먼저라, 주말간 많은 문제를 더 풀어봐야 할 것 같다. 백준에서 문자열 문제만 여태 한번도 안 풀어봤더니 문자열 메소드가 아직 익숙하지 않았다.

2. 학습 키워드

  • truthy/ falsy, falsy 값 6가지, 인덱스로 접근, 읽기전용, + 연산자의 자동 형변환, concat, indexOf, includes, split(seperator), csv형식, 개행문자, substr(start, end), immutable, 단축평가

3. 스스로 설명해보기

  • truthy: true로 평가되는 값. falsy값을 제외하면 다 truthy 이다.
  • falsy: false로 평가되는 값. (NaN, null, undefined, 0, ‘’, false)
  • 자동 형변환: + 연산자 사용시 문자열로 형변환(모든 타입에서), +외의 연산자 사용시 숫자로 형변환
  • str.substr(x, num) : x부터 num개의 문자열 반환
  • str.substring(start, end) : start부터 end까지의 문자열 반환
  • immutable: 원본을 변경할 수 없음 - 모든 문자열 메소드의 공통적인 특성

4. 이해가 부족했던 개념

  • 문자열은 읽기전용으로 변경되지 않는다.
  • String()과 toString()의 차이
    • 문자열로 바꿔주는 기능 자체는 동일하나 toString()은 인수로 2~36 내의 정수로 기수변환이 가능함.(숫자를 문자로 바꿀 경우)
  • if 와 else 로 2가지 분기를 가진 조건문을 대체할 수 있는 3가지 방법.
    1. 삼항연산자
    2. if, if
    3. 단축평가(or논리연산자)
  • else if문을 풀어 생각해보면 else 내에 if문이 들어간 형태로 볼 수 있다.
  • else if 문을 연달아 사용하여 늘어지는 것은 애초에 조건에 대해 명확하게 생각하고 있지 못한 경우일 수도 있어, else if문을 여러번 쓸 경우 switch문으로 대체하거나 else if 대신 같은 레벨에서 if문을 써서 명확하게 조건을 분기시키는게 좋다.
if (age >= 19) {
	return console.log('성인');
} else if (age < 19 ) {
	return console.log('미성년');
}

// else if는 else, 그리고 if 즉 else 내에 if문이 들어간 것과 같다.
// 따라서 아래와 같은 코드이다.

if (age >= 19) {
	return console.log('성인');
} else {
	if (age < 19 ) {
	return console.log('미성년');
	}
}

// 따라서 else if 대신 같은 레벨에서 if문을 써줘 명확하게 조건을 분리시키는게 좋다.
if (age >= 19) {
	return console.log('성인');
}
if (age < 19 ) {
	return console.log('미성년');
}
728x90
저작자표시 비영리 변경금지 (새창열림)

'기록 > 코드스테이츠 프론트엔드' 카테고리의 다른 글

1주 6일차 - 조건문/ 반복문 복습  (0) 2022.04.30
1주 5일차 - html 기초  (0) 2022.04.29
1주 4일차 - 반복문  (0) 2022.04.28
1주 2일차 - 변수와 자료형  (0) 2022.04.26
1주 1일차 - OT  (2) 2022.04.25
    '기록/코드스테이츠 프론트엔드' 카테고리의 다른 글
    • 1주 5일차 - html 기초
    • 1주 4일차 - 반복문
    • 1주 2일차 - 변수와 자료형
    • 1주 1일차 - OT
    FE RYAN
    FE RYAN

    티스토리툴바