Javascript

Chaehee Sohn·2022년 10월 9일
0

국비 개발교육 일지

목록 보기
26/28

특징

  • 웹의 동작(동적) 구현하기 위한 언어
  • 웹 브라우저에서 동작 (단, node.js는 서버에서 동작)
  • html문서 내에서 <script> ~ <script> 태그 안에 작성
    - 외부 자바스크립트 연결도 가능
  <head>
  <script>
      document.write("외부 자바스크립트 연결하기");
    </script>
    <script src="./js/script.js"></script>
    <!-- //* 외부 자바스크립트 연결  -->
  </head>
  • 대소문자를 구별
  • 객체(object) 기반의 스크립트 언어
  • 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능

기본문법

  • 프로그래밍이란?
    • 컴퓨터의 프로그램을 작성하는 일
    • 일반적으로 프로그램 작성 방법의 결정, 코딩, 에러 수정 등의 작업

변수 (Variable)

  • 데이터를 저장할 수 있는 메모리 공간
  • 값이 변경될 수 있으며 자바스크립트에서는 let 키워드를 사용하여 변수를 선언하고 선언되지 않은 변수를 사용하거나 접근하려고 하면 오류가 발생함
  • var 변수명;
  • let 변수명;

[변수명을 선언하는 규칙]
- 사용가능한 문자는 영문자, 숫자, _, $
- 숫자로 시작할 수 없다
- 공백은 허용되지 않는다
- 자바스크립트 문법 안에서 규정된 키워드는 변수로 사용할 수 없다

상수 (constant)

  • 데이터를 저장할 수 있는 메모리 공간
  • const 상수명;

기본출력

alert("Hello Javascript!!!");
	- 메세지창을 띄워줌
document.write('body영역에 출력');
   - 웹브라우저에 출력됨
console.log("Hello Javascript!!!");
 	- 콘솔창에 출력
const result = confirm("확인 또는 취소를 눌러주세요");
   - 메세지가 뜨고 확인/취소를 누를 수 있음
   - boolean형으로 데이터 전달
       - 확인: true
       - 취소: false
const name = prompt("당신의 이름을 입력하세요");
   - prompt는 사용자가 데이터를 입력할 수 있음
   - 문자열로만 전달함

데이터타입

데이터타입은 String (문자열형), Number (숫자형), Boolean (불린형), undefined형, null형, Object (객체형) 으로 나뉜다.
이후에 따로 블로그로 다루려고 한다.

연산자

연산자 또한 따로 공간을 만들어서 다루려고 한다.
연산자 종류는 굉장히 다양하다.

  • 산술연산자
  • 비교연산자
  • 증감연산자
    • 전위
    • 후위
  • 대입연산자
  • 논리연산자
  • 삼항연산자

제어문

  1. 조건문
  2. 반복문
profile
손체리

0개의 댓글