<head>
<style>
</style>
<script>
function hey() {
alert('안녕!!');
}
</script>
</head>
<button onclick = "hey()"
검사 → console 혹은 F12
- 변수
let num = 20
num = 'bob'
//변수는 값을 저장하는 박스
//한 번 선언하면, 다시 선언하지 않고 값을 넣습니다.
//사칙연산, 문자열 더하기가 기본적으로 가능
* first_name // snake case
firstName // camel case 회사마다 규칙이 있음
띄어쓰기 또는 특수문자는 불가능!
- 리스트
순서를 지켜서 가지고 있는 형태
let 변수이름 = []
// 리스트에 요소 넣기
변수이름.push('문자열')
// 리스트의 길이 구하기
변수이름.length
- 딕셔너리
키(key) - 밸류(value) 값의 묶음
let 변수이름 = {}
또는
let 변수이름 = {'문자열':'문자열', '문자열':'문자열' ...}
// 추가하기
변수이름['문자열(key)'] = value
- 기본함수
// 알파벳을 대문자로 바꾸고 싶은 경우
변수이름.toUpperCase()
//특정 문자로 문자열을 나누고 싶은 경우
let 변수이름2 = 변수이름1.split('나누고 싶은 문자')
ex) let email = 'sparta@gamail.com'
let result = email.split('@') >> ['sparta','gmail.com']
//특정 문자로 합치고 싶은 경우
변수이름.join('문자')
콘솔 클리어는 Ctrl + L 이다
'HTML, CSS' 카테고리의 다른 글
| [HTML, CSS] Homework (0) | 2022.02.24 |
|---|---|
| [HTML, CSS] 1-3 Javascript 기초 문법 2 (0) | 2022.02.23 |
| [HTML,CSS] Quiz : 페이지 발전 (0) | 2022.02.23 |
| [HTML,CSS] Quiz : 간단한 로그인 페이지 만들어보기 (0) | 2022.02.22 |
| [HTML,CSS] 1-1 : CSS 기초 (0) | 2022.02.22 |
