🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • start
  • class
  • ai이미지-생성기-구현
  • 자료형
  • async--await
  • 변수와자료형
  • xmlhttprequest-부터axios-까지
  • 1-자바스크립트와-ecma
  • reduce
  • 캘린더-만들기
  • generator
  • destructuring
  • spread-operator
  • module-export-import
  • http-통신-이란
  • 시작
  • 2-자바스크립트-코드-실행-과정-및-용어정리
  • map
  • 동기와-비동기
  • 연산자
  • promise-thencatch
  • 3-실행컨텍스트와-스코프
  • 콜백-함수
  • 제어문
  • 4-클로저
  • windowlocation
  • 함수
  • 5-객체
  • 이벤트
  1. 홈
  2. 문서
  3. JavaScript
  4. JavaScript 기초
  5. 1-자바스크립트와-ecma

1-자바스크립트와-ecma

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

목차

1-프로그래밍이란

1-1-정의

인간이 컴퓨터에게 일을 시키기 위해 요청하는 소통방법.

1-2-요건

내가 하고싶은 일을 명확히 정리하고 해결방안을 정의하는 능력필요 (문제해결능력 ≠ 알고리즘)

1-3-수행절차

  1. 문제(요구사항)의 명확한 이해
  2. 단순화
  3. 작업단위 분해(decomposition)
  4. 자료정리
  5. 구분(modeling)
  6. 절차에 맞게 행위배열

Info: 컴퓨팅적 사고란?(computational thinking) ”조금 더 크게하라” 는 지시는 인간적 사고로 컴퓨터는 알아듣지 못한다. 조금 더 크게 라는 것은 관념적인 개념으로 컴퓨터에게는 부적절한 표현이다.

10,6 과 같은 양적개념인 숫자를 사용해서 명령 하는것이 적절하다. 또한 우리는 흔히 “좀더 크면서 부드럽게 하고 밝은색으로 해” 라는 복합적인 지시를 흔하게 사용하는데 컴퓨터는 이런 지시를 어려워 하므로 작은 단위로 나누어 지시를 해야 한다. 크기를 10으로 변경해 모서리의 각도를 20으로 변경해 배경색을 #fff000 으로 변경해 처럼 세 단계로 나누고 무엇을 얼만큼 어떻게 해야하는지를 정확히 이야기 해주는것이 중요하다.


컴퓨팅적 사고란→ 해결 과제를 최소 단위로 분해하고 패턴화 해서 추출하며 프로그래밍 내에서 사용될 개념을 평가가능하도록 정의하는것

2-프로그래밍 언어

2-1-컴파일러(Compiler)

사람이 이해하는 언어를 자연어 라고 하며 프로그래밍 언어(자바스크립트,C,JAVA … ) 는 자연어를 사용하여 작성된다. 그러나 일을 수행해야하는 주체는 컴퓨터 이다. 컴퓨터는 0과 1을 사용하는 기계어를 사용하며 자연어를 이해하지 못한다. 사람이 자연어를 기계어로 변환하여 직접 명령을 지시하는 것은 매우 어려우므로 보편적으로 번역기를 사용한다. 이때의 번역기가 컴파일러, 인터프리터 이다.

3-자바스크립트와 ECMA

구분설명
ECMAScript자바스크립트 문법과 기능을 정의한 공식 표준
자바스크립트ECMAScript를 기반으로 만든 실제 프로그래밍 언어 (브라우저에서 동작)

3-1-ECMAscript

ECMAscript 는 자바스크립트의 표준사양인 ECMA-262 를 의미한다. ECMA-262 에는 값,타입,객체,함수 … 핵심 문법을 규정하고 있다. 각 브라우저의 제조사들은 이 사양을 준수해서 브라우저에 내장되는 자바스크립트 엔진을 구현한다.

3-2-Javascript

자바스크립트는 기본뼈대를 이루는 ECMAscript 와 브라우저에서 별도로 지원하는 클라이언트사이드 Web API(DOM,BOM…) 를 통칭하는 것이다.

목차

  • 구문