자바스크립트 개념과 특징

프로그래밍?

컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션.

그 전에, 무엇을 실행하길 원하는지에 대한 정의 .

= 문제(요구사항) 이해후 + 문제해결능력

*문제해결능력은 알고리즘과 같지않다.

 

1. 문제를 명확하게 이해

2. 복잡함을 단순하게 분해(Decomposition)

3. 자료를 정리하고 구분(Modeling)

4. 순서에 맞게 행위에 배열

 

_프로그래밍이란,

0과 1밖에 알지 못하는 기계가 싱행 할 수 있는 정도로 정확하고 상세하게 요구사항을 설명하는 작업.

그 결과물이 바로 코드

 

우리는 문제 해결방안을 고려할 때,

컴퓨터의 입장에서 바라봐야한다. 이때 필요한것이 'Computational Thinking'

 

 

 

ex. 사람처럼 두발로 걷는 로봇을 위해 '걷다'라는 기능을 디자인해보자.

 

문제 해결능력을 통해 만들어낸 해결방안은 프로그래밍 언어의 문법을 통해 표현한다.

즉, 프로그래밍의 목적은 문제해결이다.

*디버깅: 코드에서 버그를 제거하는 것

 

 

웹 프로그래밍언어의 표준으로 자리잡고있는, Java Script

 

자바스크립트는 크로스 플랫폼을 위한 가장 중요한 언어로 주목받고있다. 웹은 물론,

모바일 하이브리드 앱(PhoneGap)

서버사이드(Node.js)

데스크탑(Electron)

머신러닝(TensorFlow.js)

로보틱스(Johnny-Five)

프로그래밍 언어로서 세계에서 가장 인기있는 언어이다.

 

또한, Html Css와 더불어 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍언어이다.

- 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 '멀티 패러다임 프로그래밍언어'이다.

 

 

SPA(Single Page Application) 이 대중화되면서

Angular, React, Vue.js등 다양한 SPA프레임워크/라이브러리 또한 많은 사용층을 확보하고 있다.

 

 

 

*자주사용하는 개발자도구기능

 

 

개발자 도구의 Console(콘솔) 패널은 자바스크립트 코드에서 에러가 발생하여

애플리케이션이 정상적으로 동작하지 않을 때 가장 우선적으로 살펴보아야 할 곳이다.

 

에러발생이 아니더라도 콘솔은 매우 유용하다.

구현단계에서 디버깅을 실행하는것보다 간편하게 값을 확인하며 개발을 진행하기위해 console.log함수를

사용하는 경우가 많다. console log(...)는 소괄호 안에있는 코드의 실행결과를 콘솔에 출력하는 함수이다.

 

콘솔은 자바스크립트 코드를 직접 입력하여, 그 결과를 확인 할 수 있는 REPL(Read Eval Print Loop:입력수행 출력 반복)환경으로 사용 할 수도 있다. 개발자 도구 Console 패널을 클릭하면 프롬프트(<)가 깜빡인다.

 

프롬프트에 자바스크립트 코드를 입력하면 다음 줄에 실행결과가 표시된다.

엔터키를 입력하면 프롬프트로 이동한다.

 

여러줄로 이루어진 코드를 실행하는 경우 줄바꿈이 필요할 때 Shift키를 누른상태에서 엔터키를 누른다.

 

자바스크립트 코드 실행중에 에러가 발생하면, 에러의 내용이 콘솔에 출력된다.