2022. 11. 14. 22:23ㆍWEB개발/TIL
Javascript
: 웹페이지에서 복잡한 기능을 구현(동적구현)할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어,
// javascript 작성법
<script>
// javascript 코드 작성
</script># <head>태그나 <body>태그 안에 모두 사용: 중요도에 따라서 head 혹은 body태그에 적절히 사용
Javascript 출력하기
1) .console.log()
: 함수 안에 적은 내용을 브라우저의 개발자 도구 → 콘솔에서 확인 가능
2) .alert()
: 브라우저가 열렸을 때, 그 내용을 알림창에 보여줌(창을 띄우는 함수)
Javascript 변수
1) 선언: 변수이름 지정
let 변수이름;
var 변수이름;2) 할당: 변수이름과 값 지정
const 변수이름 = 값;
let 변수이름 = 값;
var 변수이름 =값;| 재선언 | 재할당 | |
| var | 가능 | 가능 |
| let | 불가능 | 가능 |
| const | 불가능 | 불가능 |
# 재선언이 불가능할 경우, 변수 이름을 실수로 중복해서 만드는 실수를 방지할 수 있음
# 재할당이 불가능할 경우, 한번 선언하면 값을 바꿀 수 없음
# var은 함수 레벨 스코프, let/const은 블록 레벨 스코프 -> 참고: https://palette77.tistory.com/15
Javascript의 자료형
▼참고) 언어 타입의 종류
강한 타입 언어: 타입의 종류를 명확히 지정해야 함(string, int, double등 타입을 1종류로 명확히 지정)
안할 시 실행이 되지 않음 (ex. java, C)
약한 타입 언어: 타입 오류를 만나더라도 실행 됨 (ex. javascript)
# Javascript는 약한 타입 언어: 데이터 종류와 관계 없이 var, let, const 키워드로 변수를 선언하고 사용함
Javascript 자료형
# 자료형 확인 함수: typeof()
- 기본형(Primitive)
| Primitive(기본형) 자료형 | |
| stirng | 문자 데이터를 나타낼 때 사용 |
| number | 숫자형으로 정수와 부동 소수점, 무한대 및 NaN(숫자x) |
| Boolean | 참(True) 또는 거짓(False) 둘 중 하나의 값을 갖는 요소 |
| Null | 빈 값을 뜻함, 타입은 존재하지만 값은 존재하지 않음 |
| Undefined | 값도 없고 타입도 없음 |
- 객체(Object): 기본형이 아닌 것은 모두 객체
# 형 변환
- 정수가 아닌 것들을 정수로 변환: parseInt(), Number()
- 문자열로 변환: string(), toString()
Javascript 연산자
| 대입 연산자 | = |
| 비교 연산자 | ==(값이 같음), !=(값이 다름), ===(값과 타입 모두 같음), !===(값과 타입 다름), >, >=, <, <= |
| 산술 연산자 | +, =, *, / |
| 논리 연산자 | !, &&(and), |
Javascript 함수
: 특정 작업을 수행하기 위해 독립적으로 설계된 코드 집합
function hello(parameter: 매개변수(인자)) { }
# 함수 선언 방식
'WEB개발 > TIL' 카테고리의 다른 글
| Javascript(자료형-object) (1) | 2022.11.14 |
|---|---|
| Javascript(조건문, 반복문) (0) | 2022.11.14 |
| CSS 속성(display, animation) (0) | 2022.11.14 |
| CSS 속성(transform, transform-origin) (0) | 2022.11.14 |
| CSS 속성(position, z-index) (0) | 2022.11.14 |