728x90
JavaScript 자바스크립트란?
프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 모든 브라우저는 기본적 으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 기반으로 작동한다.
JavaScript 자바스크립트 사용하기
<head> </head> 안에
<script>
function hey(){
alert('안녕!!')
}
</script>
위와 같은 형태로 넣어준다.
JavaScript 자바스크립트 함수
함수 : 부르면 정해진 동작을 한다.
function hey(){
alert('안녕!');
}:: hey() 입력할 경우 '안녕!!' 이라는 알림이 뜬다.
자바스크립트 함수 만들기
function 함수이름(필요한 변수들)
{ 내릴 명령들을 순차적으로 작성 }
자바스크립트 함수 사용하기
함수이름(필요한 변수들);
JavaScript 자바스크립트 변수
변수 : '값을 담는 박스'로 숫자, 문자열을 다 담을 수 있다.
let a =2- 변수 대입( a = 2 )의 의미: "오른쪽에 있는 것을 왼쪽에 넣는 것!" (2를 a라는 변수에 넣는다)
- 사칙연산, 문자열 더하기가 기본적으로 가능하다.
let a = 10
let b = 5
a+b // 15
a/b // 2
let first = 'Jann'
let last = 'S'
first+last // 'JannS'
first+' '+last // 'Jann S'
first+a // Jann10-> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행한다.
JavaScript 자바스크립트 자료형 :: 리스트, 딕셔너리
-자바스크립트 리스트 자료형 : 순서를 지켜서 가지고 있는 형태
let a_list = [] // 리스트를 선언. 변수 이름은 아무렇게나 가능!
// 또는,
let b_list = ['귤', '복숭아', '딸기'] // 로 선언 가능
b_list[1] // '복숭아' 를 출력
b_list[2] // '딸기'를 출력
// 리스트에 요소 넣기
b_list.push('과일들')
b_list // ['귤', '복숭아', '딸기', '과일들'] 를 출력
// 리스트의 길이 구하기
b_list.length // 4를 출력-자바스크립트 딕셔너리: 키(key)-밸류(value) 값의 묶음
let a_dict = {} // 딕셔너리 선언. 변수 이름은 아무렇게나 가능!
// 또는,
let b_dict = {'name':'Jann','gender':'F'} // 로 선언 가능
b_dict['name'] // 'Jann'을 출력
b_dict['gender'] // 'F'를 출력
b_dict['favorite'] = 'fruit' // 딕셔너리에 키:밸류 넣기
b_dict // {'name':'Jann','gender':'F', 'favorite' : 'fruit'}을 출력
728x90
'JavaScript-JQuery' 카테고리의 다른 글
| [jQuery + Javascript] 입력한 글자 alert 얼럿 띄우기 (0) | 2022.01.24 |
|---|---|
| Ajax로 환율 api 적용해 페이지 나타내기 (0) | 2022.01.03 |
| Ajax 기본 사용 방법 & OpenAPI 이용해 실시간 값 가져오기 (0) | 2022.01.01 |
| JQuery show() hide() - 창 보이기 숨기기 (0) | 2021.12.30 |
| 제이쿼리란? JQuery 사용하는 방법 (0) | 2021.12.29 |
댓글