1-12. Javascript 맛보기
자바스크립트란? 유일하게 브라우저가 알아들을 수 있는 프로그래밍 언어.
<head>안에 <script>를 만들어 그 안에 자바스크립트 코드를 작성.
function hey( ) { aleart("안녕"); } //안녕이라고 뜨는 경고창을 보여주는 hey라는 함수
<a onclick="hey()" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
//포스팅박스 열기를 클릭하면 hey함수 실행
브라우저 개발자도구(F12) - console창에서도 이어서 코드 작성가능함. but 새로고침하면 다 사라짐.
1-13. Javascript 기초 문법 배우기(1)
console.log("Hello world!") //콘솔 창에 괄호 안의 값을 출력해줌
console.log(A, B) //두개 이상의 값은 콤마
변수: 값을 담는 박스. let/const 변수이름 = 값 //변수 선언.
한 번 선언했으면 다시 선언하지 않고 값을 넣는다.
사칙연산, 문자열 더하기 가능.
변수명은 camel case(firstName), snake case(first_name) 와 같이 쓸 수 있음.
자료형: 숫자, 문자열(따옴표로 감싸진것)
리스트(array): const/let 변수이름 = [ ] //리스트 선언. (순서가 중요, 숫자0부터 시작)
변수이름.push("hi") //리스트에 "hi"추가
변수이름.length //리스트 길이
변수이름[2] //리스트 안의 세번째 요소를 불러옴
딕셔너리(object): 키(key)-밸류(value) 값의 묶음.
const/let 변수이름 = { key1: value, key2: value2 } //딕셔너리 선언.
변수이름["key1"] //value출력
변수이름["key3"] = value3 //딕셔너리에 키:밸류 추가
변수이름["key4"] = 리스트변수이름 //딕셔너리에 리스트도 추가가능
기본함수: 100 % 3 //100을 3으로 나눈 나머지 출력(=1).
트래픽을 균등하게 나눌때, 짝수, 홀수 구분할 때 등에 쓰임
== //같다
!= //같지 않다
변수이름.split("@") //@를 기준으로 문자열을 나눔
변수이름.toUpperCase() //모든 알파벳을 대문자로 바꿈
콘솔창에서 위 방향키를 누르면 이전에 작성한 코드를 불러올 수 있음.
1-14. Javascript 기초 문법 배우기(2)
프로그래밍에서의 함수는 부르면 정해진 동작을 하는것.
shift + enter //콘솔창에서 줄바꿈
조건문: if (조건) { 동작 } else if (조건) { 동작 } else { 동작 }
&& //and
|| //or
반복문: 주로 리스트와 함께 쓰임
let people = ['철수','영희','민수','형준','기남','동희']
for (let i = 0; i < people.length; i++) {
console.log(people[i])
}
//리스트의 모든 원소를 한 번에 출력, for (시작조건; 반복조건; 더하기) { 동작 }
1-15. Javascript 연습하기
1. 미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하기
2. 자전거(parkingBikeTotCnt)가 5개 이하인 정류장의 이름을 출력하기
1-16. 1주차 끝 & 숙제 설명
쇼핑몰 메인페이지 만들기.
homework 폴더에 index.html 파일 만들고 부트스트랩 시작 템플릿과 부트스트랩 컴포넌트 이용하기.
2-1. 2주차 오늘 배울 것
jQuery, Ajax
2-2. Javascript 복습
클릭 함수 만들기.
count += 1; //count = count + 1;
변수를 함수 안에 선언하면 함수가 끝나면 사라짐.
함수 밖에 선언한 변수 = 전역변수
'개발일지' 카테고리의 다른 글
| [스파르타코딩클럽/웹개발 종합반] 6일차. 3-6 ~ 3-13 강의 (Python, 크롤링, mongoDB) (0) | 2022.02.13 |
|---|---|
| [스파르타코딩클럽/웹개발 종합반] 5일차. 2-11 ~ 3-5 강의 (Python) (0) | 2022.02.11 |
| [스파르타코딩클럽/웹개발 종합반] 4일차. 2-3 ~ 2-10 강의 (jQuery, Ajax, API) (0) | 2022.02.10 |
| [스파르타코딩클럽/웹개발 종합반] 2일차. 1-4 ~ 1-11 강의 (HTML, CSS, Javascript) (0) | 2022.02.08 |
| [스파르타코딩클럽/웹개발 종합반] 1일차. 0-1 ~ 1-3 강의 (HTML, CSS, Javascript) (0) | 2022.02.08 |
