(20.07.18)
Mission
- javascript에서 var, let, const를 이용해 변수를 선언하고 각각의 차이점을 조사해보세요
- template literal을 이용해 변수와 string을 동시에 작성해보세요
- for문과 while문을 반복문을 작성해보세요
- if와 else를 이용해 조건문을 작성해보세요
- array method 중 slice, splice, push, pop, filter, map을 활용한 함수를 작성해보세요
- 1주차때 만든 자기소개 페이지에 javascript로 미니게임 코드를 넣어봐도 좋습니다
js
(우선 javascript '함수' 강의 까지 수강한 이후 webbrowser javascript 강의로 넘어갈 수도 있다)
점점 앱 기능이 웹에서도 구현 가능하게 되면서 js의 중요성은 높아지고 있다
- 설치
js는 브라우저에서 동작하는 언어-> 각 브라우저가 개발자 도구 - 실행(탈웹브라우저 / 탈웹)
js는 웹브라우저 뿐만 아니라 node.js / plugin / goolgle script / pdf / 각종 데스크탑 위젯에서도 적용가능하다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
alert('Hello world'); //자바스크립트 부분
</script>
</body>
</html>(20.07.19)
javascript 언어를 이용해서 환경(browser / node.js / spreadsheet 등)에 따라 해당 기능 및 명령어를 입력한다
- 환경 설정
webbrowser(chrome): F12 -> alert, console.log - 개발도구
IDE(Integrated Development Enviroment) : 종합 개발자 도구
node.js + VSC 설치 후
VSC 실행하여 폴더를 지정한 뒤 js 코드 작성 및 저장
terminal node 파일명.js 실행하는 방식
Expression Statement
여러 표현식(expression) 모여 문장(statement)이 될 수 있다
문장 끝에는 세미콜론을 붙여야 한다
여러 문장을 나열했을 때는 마지막 문장이 최종적으로 실행된다
문장이 모여 프로그램이 된다(표현식 < 문장 < 프로그램)
조건문(if) 반복문(for) 문장이지만 마지막 '}' 뒤에 세미콜론을 붙이지 않습니다
Keywords & Reserved Words
keywords 특정 목적을 위해 사용하는 단어
keywords 는 Reserved Words 로 지정되어 있다
- var : 변수 선언 키워드
Reserved words 이름으로 사용할 수 없는 단어(이미 특정 목적이 있기 때문)
- return, for 등
Future reserved keywords
앞으로 사용할 가능성이 있어서 이름으로 사용할 수 없는 단어
identifier(식별자)
코드 내의 변수, 함수 혹은 속성을 식별하는 문자열
(함수의 이름, 변수의 이름)
이는 대소문자를 구분한다
유니코드 문자(한글), 특수문자를 사용할 수 있지만, 숫자로 시작은 할 수 없다
예약어(Reserved words), 공백 사용할 수 없다
comment(주석)
한줄 주석 //
ctrl + /
여러줄 주석 /* */
variable & constant (변수, 상수)
const 상수 선언
ex) const sum = 5 + 10;
let 변수 선언
ex) let result = false;
변수의 유효범위(scope of variables)
const, let -> 블록스코프 {}
블록 안에서 선언된 변수는 밖에서는 사용될 수 없다
블록 밖에서 선언된 변수는 안에서도 사용될 수 있다
- 블록은 중첩된 구조로 사용할 수도 있다
조건문 / 반복문 / 함수 -> 모두 블록스코프
var -> 함수 스코프 function() {}
var a = 0;
(function{
a++;
console.log(a); //1이 출력됨
})();
console.log(a); //1이 출력됨
(function(){
var b = 0;
console.log(b); //0이 출력됨
})
b++;
console.log(b); //출력 안됨(범위를 넘어갔기 때문에)또다른 예시
{
var a = 0;
console.log(a);
}
console.log(a); // 출력 오류 없음(블록스코프의 적용을 받지 않기 때문에)- 이런 문법이 어색하다고 여겨져 ecma6 부터는 const, let 주로 사용
+(20.07.20)
const / let / var 비교
const 재선언 불가능 재할당 불가능(가장 자주 쓰인다)
let 재선언 불가능 재할당 가능
var 재선언 가능 재할당 가능
