한 입 크기로 잘라먹는 React - Day 1

프로젝트 진행해야 돼서 빠르게 react 공부 시작합니다
🗓 진행일: 2022.04.05 (화)

자바스크립트부터 간단하게 훑고, node.js > react로 넘어갈 예정

1. Hello World

• codesandbox를 구글에 검색해서 여기서 코딩 진행
• 여러가지 꿀팁들을 알려주셨는데,
  • 콘솔만 볼 거니까 우측 하단의 콘솔 끌어서 우측 상단에 두기
  • 왼쪽의 페이지 모양 ‘explorer’ 클릭해서 왼쪽 메뉴바 안 보이게 하기
  • 적을 때마다 실행하니까 그렇게 못 하도록 오른쪽 위 ‘설정' 아이콘 클릭 > Preview > Preview on edit, Instant preview 해제

2. 변수와 상수

• 변수 let
• 상수 const

3. 자료형과 형 변환

• Primitive Type(원시 타입): 한번에 하나의 값만 가질 수 있음 (하나의 고정된 저장 공간)
  • int, float 외에
  • Infinity (무한대), -Infinity (음의 무한대), NaN(Not a Number)
  • String: `` < 백틱 사용 (템플릿 리터럴)
  • Boolean
  • null, undefined
• Non-Primitive Type(비원시 타입): 한번에 여러 개의 값을 가질 수 있음 (동적 공간)
• 형 변환
  • parseInt(String): 명시적 형변환

4. 연산자

• 산술 연산자: + = * / %
• 연결 연산자: +
• 복합 연산자: += 등등
• 증감 연산자: 산술 연산자 2번 이어서 쓰기, 숫자에만 (++, —)
• 논리 연산자: 변수 앞에 ! 붙여서 값 반대로, &&, ||
• 비교 연산자: == (값만 비교), === (값과 타입을 비교), 똑같이 ! = , ! == 이것도 있음, typeof (변수): 변수 자료형을 문자열로 리턴함
• null 병합 연산자

  let a;
  
  a = a ?? 10;
  console.log(a); --> 10

5. 조건문

• if/else if
• switch

6. 함수

• 선언, 호출, 매개변수, 반환