- 브라우저가 이해하는 프로그래밍 언어
- 작업 중인 웹페이지의 콘솔 창에서 코딩
- 맛보기
-
버튼 클릭시 js의 hey() 함수 작동하여 alert 창 생성<head> <script> function hey() { alert('hey') } </script> </head> <body> <button onclick="hey()" type="button" class="btn btn-primary">기사저장</button> </body>
-
-
//변수, 기본연산 //let으로 변수 선언, 한번 선언하면 다시 안함 let num = 20 num = 'Bob' //사칙연산, 문자열 더하기 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 -
//리스트 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_list = [1,2,'hey',3] // 로 선언 가능 b_list[1] // 2 를 출력 b_list[2] // 'hey'를 출력 // 리스트에 요소 넣기 b_list.push('헤이') b_list // [1, 2, "hey", 3, "헤이"] 를 출력 // 리스트의 길이 구하기 b_list.length // 5를 출력 //딕셔너리 let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_dict = {'name':'Bob','age':21} // 로 선언 가능 b_dict['name'] // 'Bob'을 출력 b_dict['age'] // 21을 출력 b_dict['height'] = 180 // 딕셔너리에 키:밸류 넣기 b_dict // {name: "Bob", age: 21, height: 180}을 출력//리스트, 딕셔너리의 조합 names = [{'name':'bob','age':20},{'name':'carry','age':38}] // names[0]['name']의 값은? 'bob' // names[1]['name']의 값은? 'carry' new_name = {'name':'john','age':7} names.push(new_name) // names의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}] // names[2]['name']의 값은? 'john' - 리스트, 딕셔너리가 데이터의 유지보수에 도움을 준다
-
//기본 함수 //나머지 let a = 20 let b = 7 a % b = 6 //비교 let a = 100 a > 50 // true a < 150 // false a == 100 // true a != 100 // false //대문자로 let myname = 'spartacodingclub' myname.toUpperCase() // SPARTACODINGCLUB //문자열 나누기 let myemail = 'sparta@gmail.com' let result = myemail.split('@') // ['sparta','gmail.com'] result[0] // sparta result[1] // gmail.com let result2 = result[1].split('.') // ['gmail','com'] result2[0] // gmail result2[1] // com myemail.split('@')[1].split('.')[0] // gmail //문자열 나누기2 let txt = '서울시-마포구-망원동' let names = txt.split('-'); // ['서울시','마포구','망원동'] //문자열로 합치기 let result = names.join('>'); // '서울시>마포구>망원동' (즉, 문자열 바꾸기!) - split은 문자열을 받아서 리스트 출력, join은 리스트를 받아 문자열 출력
'course > spartacoding' 카테고리의 다른 글
| [웹개발 종합반] 2주차 (1) jQuery (0) | 2021.10.28 |
|---|---|
| [웹개발 종합반] 1주차 (5) 1주차 과제 (0) | 2021.10.28 |
| [웹개발 종합반] 1주차 (4) Javascript 문법 (0) | 2021.10.28 |
| [웹개발 종합반] 1주차 (2) CSS Bootstrap (0) | 2021.10.27 |
| [웹개발 종합반] 1주차 (1) html, css 기초 (0) | 2021.10.27 |
