[2024 이노캠] 사전과정 1일차 (5/27)

Chanyoung Park·2024년 5월 27일
0
post-thumbnail

들어가며..

오늘은 이노캠 개강전, 1.5주간의 사전준비과정에 돌입했다.
30분가량 강사님의 과정에 대한 설명을 간략히 듣고, 게더를 통해 4명의 팀원과 인사를 마치고, 각자 공부를 하고 7시에 다시 모이기로 했다.

오늘 공부할것

  • 5/27(월) : 환경설정 및 1주차 1-8
    • JS, VS code 등 개발에 필요한 환경설정
    • 스파르타코딩클럽 1주차, 1강 ~ 8강

1. 환경설정

https://hh99.gitbook.io/onboarding-js/part-01.-hello-world/0.-../javascript

  • Node.js, VScode

2. 스파르타코딩클럽 1주차, 1강 ~ 8강

1주차 주요 내용 : 자바스크립트 기본 문법

1주차 - 1강. 자바스크립트 소개

  1. JS언어의 역사
  2. JS언어의 특징
    1. 객체지향 프로그래밍 지원
      • Object {}
    2. 동적 타이핑
      • 런타임시, 변수의 타입 변동적으로지정
    3. 함수형 프로그래밍 지원
      • 일급객체 : 함수를 일반 값과 마찬가지로 변수에 할당하거나, 함수의 인자로 전달/반환값으로 사용할 수 있는 객체
    4. 비동기 처리
      • 동기적이지 못한(ex. API통신) 구간에 대한 응답을 기다리지 않고, 병렬로 처리할 수 있도록 하는 방식
    5. 클라이언트/서버 측 모두 사용가능
      • JS의 모태는 웹 브라우저에서 사용하기 위했지만, Node.js의 발전으로 인해 서버측에서도 사용이 가능함

1주차 - 2강. 변수와 상수

  • 변수 : var let const
  • 상수 : const

1주차 - 3/4강. 데이터 타입

  • 데이터 타입 : 숫자, 문자열, 불리언, undefined, null, Object, Array

1주차 - 5강. 형변환

  • 암시적 형 변환 : JS에서 자동으로 수행되는 형 변환, 일반적으로 연산자를 사용할 때 발생
    • 문자열 변환
    • 숫자 변환
    • 불리언 변환
  • 명시적 형 변환 : 직접 자료형을 변환하는 것
    • 문자열 변환
    • 숫자 변환

1주차 - 6강. 연산자

  • 산술연산자 : + - * / %
  • 할당연산자 : = += -= *= /= %=
  • 비교연산자 : == === != < >
  • 논리연산자 : && ||
  • 삼항연산자 : ? :
  • 타입연산자 : typeof

1주차 - 7강. 함수

  • 함수 선언문
function add(x,y) {}
  • 함수 표현식
let add = function (x,y) {}

1주차 - 8강. 스코프와 화살표 함수

  • 스코프(scope)란, 현재 실행되고 있는 Context로 값이 표현되거나 참조될 수 있는 환경을 말함.
    • 전역 스코프 (Global scope) : 어디서든 참조할 수 있는 환경
    • 지역 스코프 (Local scope) : 특정 함수안에서만 참조할 수 있는 환경
    • 블록 스코프 (Block scope) : if, for문과 같이 {}에 둘러쌓여 있는 환경
  • 화살표 함수
    • 화살표 함수는 ES6문법에서 나온 것으로, 함수선언을 =>지정어로 간결하게 표현할 수 있으며 내부적 this바인딩이 존재하지 않아, 중첩함수안에서 사용될 경우, 렉시컬 스코프에 의해서 this는 선언된 객체를 가리킨다.
      (화살표 함수가 선언된 곳의 객체가 this가 된다)
profile
더 나은 개발경험을 생각하는, 프론트엔드 개발자입니다.

0개의 댓글