1주차 1,2일 학습미션

1장 Hello, JavaScript!

1.1 자바스크립트를 시작하기 전에

1.2 프로그래밍 사고력 기르기

2장 기본 문법 배우기

2.1 코드 작성 규칙

2.2 자료형

 

 

자바 스크립트 프로토타입 기반 객체지향 언어이다. 자바스크립트는 스크립트 언어의 특성 상 플랫폼에 독립적이며 모든 웹 브라우저에서 동일한 실행 결과를 얻을 수 있다. 무료이며, 쉽고 자유롭게 사용할 수 있다. 프로그램 코드가 직접 html문서에 삽입되어, 브라우저에서 html파일을 읽을 때 같이 해석되고 실행된다. 클라이언트에서만 실행되기에 정보를 서버에 보낼 필요 없이 처리할 수 있다. 타입 체크가 철저하지 않습니다. 즉, 변수들의 타입에 있어서 차이를 두지 않는다. 자바스크립트 기반 프론트엔트 기술의 발전으로 근래, 순수 스크립트의 사용을 선호하게 되며 JAVA보다 확장성이 뛰어난 언어이다. 자바스크립트 개발자가 있을 만큼 사용방법이 다양하며, 반드시 익혀두어야 합니다. 

 

스크립트 언어란? 어플리케이션이 실행되는 동안 라인 단위로 해석(인터프리터)되어 실행되는 언어. 별도의 컴파일 과정이 없다. HTML 문서 내에서 스크립트 언어는 사이에 작성한다. 자바스크립트는 웹 개발자에 아주 중요하다고 생각하며 반드시 복습 하시길 바랍니다

참고 사이트: w3schools.com

 

 

 

 

자바스크립트의 기본 구조

 

 

자바스크립트 사용방법

자바스크립트를 외부 파일로 사용되는 경우 (CSS의 외부스타일 시트방법과 동일) 태그 부분이든 기능을 구현할 곳에 삽입 외부 파일 자바스크립트의 확장자는 "js" script element의 src 속성값이 호출할 자바스크립트의 파일명

 

변수

자바스크립트 구문

문장 끝에 세미콜론(;)을 입력한다.

구문 사이를 구분하기 위해 사용. 생략해도 무관하나 오류방지를 위해 권장한다.

 

자바스크립트 주석

// : 한 줄 주석 처리. 프로그램 코드 끝에 사용

/* ~ */ : 한 줄 이상의 주석 처리

변수 선언 var 키워드 이용 자바스크립트에서 변수의 스코프(scope)는 코드 블록({ })이 아닌 함수 단위

let키워드 이용(ES6문법에 추가된 변수) var는 동일 변수의 중복을 허용하지만

let은 중복 변수의 선언을 허용하지 않습니다

 

 

자바 스크립트는 문법이 틀리면 화면상에 표시되지 않습니다.

개발자 도구 F12에서 확인해야 합니다 콘솔의 결과도 개발자 도구에서 확인합니다

 

데이터 타입

 

기본타입 숫자(number) 정수, 실수 구분 없음

 

문자열(string) 문자, 문자열 구분 없음 쌍따옴표("") 로 묶어도 되고, 홑따옴표(‘’)로 묶어도 됨

 

불린(boolean) 타입 true/false 비교 결과가 0, null, ""(빈 문자열), false, undefined, NaN으로 판단되면 false, 나머 진 true 동등 비교를 할 경우 타입도 같이 비교해 주는 === 사용을 권장

 

undefined

변수는 선언했으나 초기화를 하지 않은 경우 자동 저장됩니다. 불린형은 false로 반환, 숫자는 NaN, 문자열은 "undefined"로 반환됨

 

null

값은 저장했으나 존재하지 않을 때 나타납니다

 

참조타입

배열 [ ]

객체 {}로 생성

 

연산자

 

배열

자바 스크립트의 배열은 [ ] 로 묶어 주기만 하면 됩니다.

자바 스크립트의 배열은 저장은 자바와 다르게 타입과 상관없습니다

 

 

반복문 while

 

함수(선언적 함수)

자바스크립트에서 함수는 1급 최상위 함수입니다. 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 한다.

 

 

 

 

매개 변수

- 함수가 필요한 값을 전달하는 매개체 입니다.

- 아무것도 적지 않을 수 있고, 여러 개 받을 수도 있으며 ,로 연결 하면 됩니다.

- 자바스크립트의 매개 변수는 함수를 호출하는데 영향을 끼치지 않습니다.

 

리턴

- 메서드가 실행 결과를 돌려주는 반환 값 입니다.

- 자바스크립트의 return뒤에 함수 실행 후 돌려줄 값을 적습니다.

- return false를 만나면 함수는 강제종료 됩니다.

function method(a, b) {

return a + b;

}

 

함수의 가변 인자 argument

자바스크립트에서 매개변수는 큰 의미가 없다, 단순히 인자 값에 들어오는 것에 이름을 붙이는 형태 이다 method(1,2,3,4,5,6,7);

 

function method(a, b) {

return a + b;

}

다음 코드는 에러를 발생시키지 않는다