반응형
자바스크립트 - 웹페이지에 생동감을 불어넣기 위해 만들어진 언어
- 웹의 요소 제어 (HTML, CSS로 처리할 수 없는 것들을 처리 가능)
- 다양한 프레임워크, 라이브러리 사용 (React, Vue)
- 백엔드 개발 (Node JS - Express JS)
자바스크립트 사용 방법
1. HTML 내부
<script>
자바스크립트 문법;
</script>
2. HTML 외부
<body>
<script src = "index.js"></script>
</body>
변수 선언
- var 변수 - 권장되지 않음
- let 변수 - 변수 선언
- const 상수 - 상수 선언
* 변수 이름 규칙
- 예약어 사용 금지
- 문자 , _, $, 숫자 사용 가능
- 숫자는 맨 앞에 올 수 없음
타입
- Number (ex. 1)
- String (ex. "abc")
- Boolean (ex. true)
- Array (ex. [1, "abc", true])
연산자
- 대입 연산자 =
- 산술 연산자 더하기 +
- 산술 연산자 빼기 -
- 산술 연산자 곱하기 *
- 산술 연산자 나누기 /
- 산술 연산자 나머지 %
- 비교 연산자 같다 ==
- 비교 연산자 다르다 !=
- 비교 연산자 미만 <
- 비교 연산자 이하 <=
- 비교 연산자 초과 >
- 비교 연산자 이상 >=
조건문
if (조건문){
실행할 자바스크립트 문법
}
if (조건문){
조건문이 참일 때 실행할 문법
} else {
조건문이 거짓일 때 실행할 문법
}
if (조건문1){
조건문이 참일 때 실행할 문법
} else if (조건문2){
조건문1이 거짓이고 조건문2가 참이면 실행할 문법
} else {
조건문이 모두 거짓일 때 실행할 문법
}
반복문
for (초기식; 조건식; 증감식) {
자바스크립트 문법
}
함수
function sayHi(name) {
console.log("Hi, " + name);
}
sayHi("NAME");
const sayHi = (name) => {
console.log("Hi, " + name);
}
sayHi("NAME");
Event 속성
- onclick
- onfocus
- onsubmit
- onerror
등
반응형
'WINK-(Web & App) > HTML & CSS & JS 스터디' 카테고리의 다른 글
| [2024 신입부원 기초 스터디] 김규현 #3주차 (0) | 2024.05.12 |
|---|---|
| [2024 신입부원 기초 스터디] 김지나 #3주차 (0) | 2024.05.12 |
| [2024 신입부원 기초 스터디] 김태일 #3주차 (0) | 2024.05.12 |
| [2024 신입부원 기초 스터디] 김수아 #3주차 (0) | 2024.05.12 |
| [2024 신입부원 기초 스터디] 이종윤 #3주차 (JS 첫번째 수업) (0) | 2024.05.10 |
