목차

1. javascript와 프론트엔드 개발 개요

• js 탄생배경

  • html에 동적인 기능을 추가하기 위해 빠르게 개발된 언어
  • by 팀 버너스 리, 브랜든 아이크

• js로 무엇을 할 수 있을까

  • 서버개발 - nodejs, NestJS, Express
  • 앱개발 - ReactNative, NativeScript, Cordova , ...
  • 프론트엔드 개발

    • React, Vue, Angular, JQuery, Backbone.js,

    • 다양한 프론트엔드 개발 분야

      

• 브라우저 동작 원리

  • 통신 - 렌더링 - 스크립트 실행

• 프론트엔드 개발자의 역할

  • 브라우저에서 동작하는 UI를 개발하는 일

  • 디자인과 백엔드와의 의존도가 높다.

    • 디자인에서 목업,와이어프레임을 받고,
    • 백엔드에서는 데이터, API를 받는다.
    • 마지막에 작업하기 때문에 협업과 일정을 잘 맞추는 것이 중요한 직무

  • 6가지 핵심 역량

    • 커뮤니케이션
    • UI
    • 네트워크
    • 보안
    • 브라우저
    • 디자인

    ↔ CS소홀, CSS안하기, 코더가 되는 것

1-1.

2. 변수, 상수, 자료형 그리고 메모리

2-1. 변수, 상수, 자료형

• 변수
  • 프로그래밍에서의 변수는 메모리에 할당한 값을 의미
  • 변수 선언 키워드 var와 let
• 상수
  • 상수는 변하지 않는 값
  • 한 번 선언된 이후 변할 수 없는 값
• 자료형
  • String ( “”, ‘’ , ````)
  • Number (소수점, 실수, NaN, Inf)
  • Boolean( true, false )
  • Object > Array
  • Function
  • Undefined
  • Null

2-2. 메모리

• 할당 → 사용 → 해제
• 할당
  • 변수 선언 시 메모리에 할당
• 사용
  • 할당된 메모리에 값을 넣어 사용
• 해제
  • js에서는 GarbageCollector를 통해 해제
• 식별자는 값이 아닌 메모리 주소를 참조하고 있다.