개발자를 꿈꾸며

변수(Variable)

변수유형 변수이름 = '변숫값';

· 어떤 값(조건, 상황)에 이름을 붙이는 것

▶console창에서, (1~3번을 순서대로 진행할 것)

1. 변수선언(변수 만들기)

변수유형 변수이름;

2. 변수에 값 지정시키기

변수이름; = 변숫값;

3. 결과! 1, 2번이 제대로 적용되었다면,

console.log(변수이름); 입력시 → 지정시킨 변숫값이 출력됨

다만 출력에 반드시 console.log();가 사용되는 것은 아님

▶위 예시의 1, 2번을 한번에 할 수도 있음!

변수유형 변수이름; = 변숫값;

· 변수유형

- 어떤 변수인지

- 예시: let, char,  int, string, double 등

· 변수이름 =변수로 사용할 이름 

· 변숫값

- 예시: 숫자

변수이름(=변수로 사용할 이름) 만들기

▶변수이름(=변수로 사용할 이름) 만들 때 지켜야 할 것

1. 자바스크립트의 식별자는 다음 3개 중 하나여야 함

2. 대문자와 소문자를 구별할 것

· 대문자≠소문자 (서로 다르게 인식한다)

3. '예약어' 사용금지!

· 예시: let, if, for 등

▶변수이름(=변수로 사용할 이름) 만들 때 tip

· camelCase를 사용할 것

- 변수 이름에는 띄어쓰기를 사용할 수 없기 때문에,

첫글자는 → 소문자로,

띄어쓰기 위치의 바로 뒤에 있는 단어의 첫글자는 → 대문자로 표기하면 좋다.

- 예시

goodVariableName (O)

good_variable_name (X)

기타

▶변숫값에 작은따옴표(', ') 사용)

char 이름 = '홍길동';
int 나이 = 1000;

▶문자열일 때(변숫값에 큰따옴표(", ") 사용)

string 인사 = "안녕하세요";

▶예시

올해(2021) 나이 계산하기

//이하 올해(2021) 나이 계산
var currentYear = 2021; //올해 연도 변수선언
var birthYear; //태어난 연도 변수선언
var age; //결과로 출력될 나이 변수선언

birthYear = prompt("태어난 연도는?")
age = currentYear - birthYear + 1; //1=상수(고정값), 우리나라 나이를 기준으로 계산할거라 +1을 상수로 설정함
document.write(currentYear + "년 현재,<br>")
document.write(birthYear + "년에 태어난 사람은 " + age + "세 입니다.")

자료형(Data type)

· 자료형에 속하는 예시: 숫자, 문자열, 불린... 등

숫자(Number)

▶구성

· 정수: 0, 양수, 음수

· 소수: 소숫점 있는 그 소수...를 의미

▶사칙연상(+, - , ×, ÷) 가능

문자열(String)

▶구성

▶더하기(+) 가능

▶예시

"Hello"+"Code"

불린(Boolean)

▶구성

▶위의 숫자, 문자열은 값을 구하는 과정에서 많이 사용되나,

불린은 주로 (어떤 조건에 의해 실행된) 결과값으로 사용된다.

▶정리해보면,

· 불린에 속하는 값(2가지): 참, 거짓

· 불린에 속하는 연산자(3가지, =불린 연산자)

▶불린에 속하는 연산자는, =자바스크립트 연산에 속한다.

자바스크립트 코드가 짧을 경우(html 문서 내에서 해결하고자 할 때)

html문서 내에서 <script>태그를 이용한다.

자바스크립트 코드가 길 경우(자바스크립트 파일을 연결하고자 할 때)

html문서에서 스크립트 파일로 저장된(별도의 파일로 저장된) 자바스크립트 파일(.js)을 연결시키고자 할 때

html문서에서 <script>태그의 src속성, 즉 <srcipt src>를 이용해서 자바스크립트 파일을 연결시킨다.

· <script src="자바스크립트파일경로"></script>

▶예시

· <script>태그 + src속성

· <script src="anniversary-calculator.js"></script>

  ...
  <script src="anniversary-calculator.js"></script>
</body>
</html>

위치는 상관 없으나, 처리 속도를 고려하면 </body>직전에 넣어주는 것이 좋다.

JavaScript

미국의 넷스케이프 커뮤니케이션즈(Netscape Communications)에서 개발한 프로그래밍 언어.

웹 개발자에게는  필수적인 언어다.

웹 브라우저를 동적으로 만들기 위한

html로 웹 페이지를 구성(토대 마련),

그 구성을 토대로 자바스크립트를 이용해 사용자와 상호작용 한다.