코딩에 갇힌 지 1일차(자바스크립트 개요와 개발환경 설정)

Undong·2023년 3월 6일
post-thumbnail

Chapter 1

자바스크립트

  • 웹브우저에서 사용하는 프로그래밍 언어
  • 웹 클라이언트 애플리케이션 개발
  • 웹 애플리케이션
    • 기존의 웹 페이지보다 많은 기능을 구현한 웹 페이지
  • 웹 서버 애플리케이션 개발
    • Node.js는 웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공합니다
    • 하지만 Node.js는 빠릅니다
  • 모바일 애플리케이션 개발 (리액트 네이티브)
  • 데스크톱 애플리케이션 개발
  • 데이터베이스 관리

종류

  • ECMAScript
    • 유럽컴퓨터제조협회가 자바스크립트를 ECMAScript로 표준화
  • 네이티브 앱
    • 프로그래밍 언어를 사용해서 만들어진 애플리케이션
  • 모바일 웹 앱
    • 스마트폰이 처음 나왔을 때 웹사이트 화면을 애플리케이션으로 감싸기만 해서 보여는 애플리케이션
  • 하이브리드 앱
    • 중간에 스마트폰의 기능과 웹 페이지를 연결할 수 있는 층을 설치해서 웹사이트가 스마트 폰의 기능을 활용 할 수 있게 하는 앱
  • 리액티브 네이티브

개발환경(개발을 할 수 있는 환경)

  • 텍스트 에디터(비쥬얼 스튜디오)
    • 코드를 작성할 수 있는 프로그램
  • 코드 실행기(크롬)
    • 구글 크롬 개발자 도구
      • 구글 쿠롬이 개발자를 위해 오류 확인 등의 기능을 제공하는 도구

오류

  • ReferenceError
    • 예외처리
  • SyntaxError
    • 구문 오류

알아두어야 할 기본 용어

  • 표현식 → 문장 → 프로그램

표현식

  • 자바스크립트에서 값을 만들어내는 간단한 코드

문장

  • 하나 이상의 표현식이 모이면 문장

프로그램

  • 하나의 표현식도 문장의 종결을 의미하는 세미콜론 또는 줄바꿈을 넣으면 문장이라고 부르고, 이러한 문장이 모인 것.

키워드

  • 자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어

식별자

  • 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어
    • 키워드를 사용하면 안됨
    • 숫자로 시작하면 안됨
    • 특수 문자는 _ 와 $만 허용합니다
    • 공백 문자를 포함할 수 없습니다
  • 식별자를 만드는 일반적인 관례
    • 클래스의 이름은 항상 대문자로 시작합니다
    • 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작합니다
    • 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 합니다

주석

  • 프로그램 코드를 설명할 때 사용하며 프로그램 진행에는 전혀 영향을 주지 않습니다
  • 크게 HTML 태그 주석(<!— —>)과 자바스크립트 주석(//, /* */)으로 나누어진다.

출력

  • 공부할 때 제대로 하고 있는지 확인하기 위한 기본적인 방법
  1. 간단한 표현식 결과 확인하기
  2. 경고창에 출력하기
    1. 함수의 괄호에 들어가는 것을 매개변수라고 부른다.
  3. 콘솔에 출력하기
    1. console.log() 메소드를 사용한다.
profile
console.log("Hello")

0개의 댓글