< 관련사이트 >
제출시트 : 시트 이동하기
피그마 예제보기 : 피그마 이동하기
< 수업 >
- 자바스크립트 기초
console, 숫자와 문자 : 코드펜 이동
console.clear();
// console창에 나오진 않지만 실행되고 있다.
"안녕하세요"
console.log(2.145*3+5.2)
// 1단계 1+"1"
// 2단계"1"+ "1"
// 3단계"11"1.문자는 ""안에 작성한다.
2.숫자는 ""없이 작성한다.
3.자바스크립트는 위에서부터 한줄한줄씩 실행된다.
4.숫자데이터랑 문자데이터랑 만나면 숫자데이터가 문자데이터로 변환된다.
ㄴ1단계 1 + "1"
ㄴ2단계 "1" + "1"
ㄴ2단계 "11"
[console]
1.자바스크립트가 어떻게 작동되는지 보여주는 창(데이터, 오류)
2.console창에 나타나지 않아도 자바스크립트식은 작동한다.
3.console.log(); -> console창에 데이터 출력하는 코드이다.
4.console.clear(); -> console창을 깨끗하게 사용한다는 코드이다.
- 변수
변수 : 코드펜 이동
console.clear();
// let -> 변수 선언 준비
// 이름 -> 변수명
// = -> 대입연산자 (오른쪽에 있는 데이터를 왼쪽에 있는 무언가에 넣겠다.)
let no = 2.154;
console.log("첫번째 줄"+ no * 3);
no = 3.5;
console.log("두번째 줄"+ no * 3);[변수]
1.변수를 호출할때는 ""없이 작성해야한다.
2.변수이름 - 대시(-)를 사용할 수 없다.
- 숫자만 사용할 수 없고 숫자를 앞에 쓸 수 없다.
- 언더바(_)를 사용할 수 있다.
- 두 단어가 이어지는 경우 뒷 단어 첫글자는 대문자로 작성한다.
- 변수명으로 사용할 수 없는 단어가 있다.
ㄴ사용할 수 없는 단어를 매번 체크할 수 없기 때문에 뒷단어를 작성 해주면 좋다.(개인차가 있을 수 있다.)
- 같은 변수명은 사용 할 수 없다.
- 변수는 변할 수 있는 값이기 때문에 값을 재선언 할 수 있다. 재선언 할때는 앞에 let, var, const 등 없어야 한다.