Javascript 는 .js 의 확장자명을 가지며 html 어디에서나 호출이 가능함
( html은 Top-Down 형식으로 진행되므로 삽입한 위치에서 Javascript 실행 )
Javascript 를 <body> 태그 젤 밑단에 삽입하는 이유는 사용자에게 보여줄 화면을 먼저 구성하고
이후에 필요한 기능을 불러오기 위함
Javascript 는 C 언어처럼 int, double 의 자료형을 가지지 않고 var 라는 통합된 변수형을 사용
var 이외에 let, const 의 변수형도 존재함
var, let, const 의 특징은 아래 테이블 참고
| var | let | const | |
| *재선언 |
O | X | X |
| *재할당 | O | O | X |
*재선언 : 변수명을 동일하게 하여 새롭게 선언이 가능함을 의미함.
var myAge = 10;
console.log(myAge); // 10 출력, 에러없음
var myAge = 20;
console.log(myAge); // 20 출력, 에러없음
*재할당 : 기 선언된 변수에 새로운 값을 대입하는 것이 가능함을 의미함
const myHeight = 160;
myHeight = 188; // 에러발생 - TypeError: Assignment to constant variable.
변수명은 *예약어와 동일한 이름으로 지정할 수 없음
*예약어 : 특정한 규칙에 의하여 의미와 용법이 미리 고정되어 있는 단어
( var, try, catch 등이 사용 불가한 예약어 - 자바스크립트] 예약어와 식별자, 변수명 규칙 : 네이버 블로그 (naver.com))
변수명을 지정하는 방식은 크게 4가지 분류가 있음, 예시로 my age year 같이 세 단어가 결합되는 경우
- 카멜케이스 : 첫 단어를 제외한 단어마다 첫 글자를 대문자로 표기 -> myAgeYear
- 스네이크케이스 : 각 단어를 '_' 로 구분, 많은 개발자가 사용중인 형태 -> my_grand_father
- 파스칼케이스 : 각 단어의 첫 글자를 대문자로 표기 -> MyGrandFather
- 헝가리안케이스 : 변수 타입을 변수명에 포함하여 표기 -> (문자열인 경우) strMyGrandFather
--------------------------------------------------------------------------------------------------------
var name = "John "Doe""; console.log(name) // 에러발생
위의 형태처럼 문자열 내 " , \ 같은 특수기호를 표현하고 싶을 때는 앞에 \ 를 붙여 사용
var name = "John \"Doe\"";
console.log(name) // John "Doe" 출력
Javascript 에서 변수의 타입을 리턴받고 싶을 땐 typeof 예약어를 사용
var name = "wan9s";
var age = 25;
console.log(typeof name); // string 출력
console.log(typeof age); // number 출력
https://code.visualstudio.com/docs/editor/userdefinedsnippets
코드 자동화(스니핏) 만들기
https://amango.tistory.com/7
폰트어썸 사용법
오늘 배웠던 Bootstrap5 로 간단히 만들어봤던 Among Us 사진게시판
Album example · Bootstrap v5.0 (wkjung0624.github.io)
Album example · Bootstrap v5.0
Like Hate 45 mins
wkjung0624.github.io
'Programming' 카테고리의 다른 글
| [Ethereum] 210726 학습일지 (0) | 2021.07.26 |
|---|---|
| [Vue.js] 210706 학습일지 (0) | 2021.07.06 |
| [JS] 210629 학습일지 (0) | 2021.06.29 |
| [HTML, CSS] 210621 학습일지 (0) | 2021.06.22 |
| [HTML, CSS] 210618 학습일지 (0) | 2021.06.18 |
댓글