자바스크립트 개요와 환경설정
자바스크립트의 활용 (1)
•
JS 는 웹 브라우저에서 사용하는 프로그래밍 언어
◦
웹 클라이언트 애플리케이션 개발
▪
초기의 웹은 변하지 않는 정적인 것들이었다
•
JS는 동적처리가 가능하다
◦
웹 서버 애플리케이션 개발
▪
기존 웹 개발 → 2가지 언어가 필요
•
웹 클라이언트는 애플리케이션을 JS로 개발하고, 웹 서버 애플리케이션은 C#, JAVA, 루비, 파이썬 등
▪
Node.js 가 등장하면서 JS만으로 웹 서버 애플리케이션 개발 가능해짐
▪
Node.js 장단점
•
웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공하므로, 데이터 처리와 예외처리 등이 조금 복잡 (다소 복잡)
•
빠른 속도로 서버 구매 비용과 유지 비용이 1/10 수준 (비용 절감)
◦
모바일 애플리케이션 개발
▪
리액트 네이티브 (React Native)
•
JS만으로 모든 운영체제에서 빠르게 작동하는 네이티브 애플리케이션 작성 가능
•
안드로이드폰은 자바/코틀린(Kotlin), 아이폰은 스위프트 프로그래밍 언어로 개발
◦
데스크탑 애플리케이션 개발
▪
NW.js (노드웹킷 제이에스)
▪
깃허브에서 JS 개발 전용 텍스트 에디터인 아톰(atom) 배포 : 일렉트론
▪
일렉트론으로 개발된 애플리케이션
•
VSCode, Discord, Github 데스크탑 클라이언트, 워드프레스 데스크탑 클라이언 등
◦
데이터베이스 관리
▪
MongoDB
•
데이터베이스 관리에 JS를 활용하는 대표적인 NoSQL 데이터베이스
역사
•
JS 종류
현재명칭 : ECMAScript 이름으로 표준화 (공식 명칭)
모바일 애플리케이션의 종류
•
네이티브 앱
◦
제조사가 추천하는 프로그래밍 언어를 사용해서 만들어진 애플리케이션
▪
아이폰: 오브젝티브-C
▪
안드로이드폰: 자바 프로그래밍
•
모바일 웹 앱
◦
웹사이트 화면을 애플리케이션으로 감싸기만 해서 보여줌
•
하이브리드 앱
◦
스마트폰의 기능과 웹 페이지를 연결할 수 있는 층을 설치해서 웹사이트가 스마트폰의 기능을 활용
◦
쿠팡, 위메프 등의 쇼핑 애플리케이션
•
리액트 네이티브
◦
하나의 프로그램을 만들어서 여러 프로그램을 만들어주는 엔진 또는 프레임워크
◦
페북, 인스타, 핀터레스트, 디스코드, 스카이프 등등
요약
•
JS란 웹 브라우저에서 작동하는 프로그래밍 언어
•
ECMAScript 란 유럽컴퓨터제조협회에서 표준화한 JS의 공식명칭
•
웹 애플리케이션이란 기존의 웹 페이지보다 많은 기능을 구현한 웹 페이지
기본용어
•
표현식 - 값을 만들어 내는 간단한 코드
•
문장 - 표현식이 하나 이상 모인 것
•
프로그램 - 문장이 모인 것
•
표현식과 문장
◦
표현식 : JS에서 값을 만들어내는 간단한 코드
◦
문장 : 하나 이상의 표현식이 모여 문장(statement)을 구성, 문장 끝에는 세미콜론 붙임
◦
프로그램 : 줄바꿈으로 문장을 구분해 코드를 작성
•
키워드 : JS가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어
•
식별자
◦
프로그래밍 언어에서 이름을 붙일 때 사용하는 단어
◦
주로 변수명이나 함수명 등으로 사용
▪
키워드 사용x
▪
숫자로 시작x
▪
특수문자는 _ 와 $ 만 허용
▪
공백문자 포함x
◦
식별자를 만드는 일반적인 관례
▪
클래스의 이름은 항상 대문자로 시작
▪
변수와 인스턴스, 함수, 메소드는 항상 소문자로 시작
▪
여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로
◦
주석 //, /* */
•
출력
◦
JS는 다른 프로그래밍 언어와 비교해서 출력 방법이 많고 복잡
▪
간단한 표현식 결과 확인
•
Ctrl + Shift + I 눌러 개발자 환경 띄우기
•
about:blank 에서 [Console] 탭 클릭해서
▪
경고창에 출력
•
개발 전용 에디터를 사용할 때
•
alert() 함수를 사용하여 웹에 경고창 띄우기
<script>
alert('Hello js')
</script>
C++
복사
▪
콘솔에 출력
•
console.log() 사용