All About

혼자 공부하는 자바스크립트_1주차 정리 및 미션 본문

혼공학습단/혼공 JS(10기)

혼자 공부하는 자바스크립트_1주차 정리 및 미션

ColorNScent 2023. 7. 9. 18:15

혼자 공부하는 자바스크립트 1주차

※ 순서

Chp 1. 정리

Chp 2. 정리

미션

 

Chp 1. 자바스크립트 개요와 개발환경 설정

■ 기본 용어

  • 표현식 ⊂ 문장 ⊂ 프로그램
  • 키워드: 프로그래밍 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어
  • 식별자: 이름 붙일 때 사용하는 단어
    • 규칙
      1. 키워드 X
      2. 숫자로 시작 X
      3. 공백 X
      4. 특수 문자 '_(언더바)'와 '$(달러)'만 가능
    • 종류
      1. 변수: 괄호 X, 단독 사용
      2. 속성: 괄호 X, 다른 식별자와 사용
      3. 함수: 괄호 O, 단독 사용
      4. 메소드: 괄호 O,  다른 식별자와 사용
  • 주석: 프로그램 코드 설명하는 문장
    • HTML 태그 주석: <!-- -->
    • 자바스크립트 주석: //(한 줄), /* */(여러 줄)

 

 

Chp 2. 자료와 변수

■ 기본 자료형

  • 자료형: 자료의 종류
    • 문자열 자료형: 문자 표현
      • ""(큰따옴표) or ''(작은따옴표) 사용하여 표현 가능
      • \(이스케이프 문자) 사용하여 따옴표를 문자 그대로 사용 가능
      • 문자열 연결 연산자: '+'
      • 문자 선택 연산자: 문자열[인덱스]
      • 문자열 길이: 문자열.length
    • 숫자 자료형: 숫자 표현
      • 숫자 연산자 통해 사칙 연산 가능(+나머지 연산자 '%')
    • 불 자료형: 참(true), 거짓(false) 표현
      • 비교 연산자 사용 → '==='과 '!==': 값과 자료형 비교
      • 불 부정 연산자: 논리 부정 연산자 '!'
      • 논리합/논리곱 연산자: '||', '&&"
    • 자료형 검사: 자료형 확인 시 사용
      • typeof 연산자: typeof(자료)

 

■ 상수와 변수

  • 상수: 변하지 않는 값을 저장하는 식별자
    • const 이름 = 값
  • 변수: 변하는 값을 저장하는 식별자
    • let 이름 = 값
    • 변수 = 값

-선언: 상수 또는 변수를 생성하는 것

-할당: 상수 또는 변수에 값을 넣는 것

 

■ 자료형 변환

  • 자료형 변환: 어떤 자료형의 값을 다른 자료형으로 변경하는 것
    • 함수
      • Number(): 숫자 자료형으로 변환 시
      • String(): 문자열 자료형으로 변환 시
      • Boolean(): 불 자료형으로 변환 시

-문자열 입력: prompt(메시지 문자열, 기본 입력 문자열)

-불 입력: confirm(메시지 문자열)

 

 

▶ 1주차 미션

    ▷ 기본 미션     

<코드 실행하기(2): 파일 만들고 저장해 실행하기_HTML 페이지 작성하기>
<코드 실행하기(2): 파일 만들고 저장해 실행하기_HTML 페이지 실행하기>