JavaScript 배우는날
HTML = 뼈대
CSS = 꾸미기
JavaScript = HTML + CSS를 움직이게 만들기
처음보는 function
뭐에 쓰이는 것들인고 하니
영화 기록하기 버튼을 누르면 이렇게 알림창이 뜬다
onclick="hey()"
클릭을 하면 hey()를 호출해라
hey()는 script fucnction으로 정의하고
alert('안녕?') 보여주기
결국 JavaScript 문법은 script안에 쭈~욱 쓰는것
이 script는 개발자 도구의 console 텝과 같다고 한다
실제로 개발자들이 개발할 때 작동이 잘 되는지 확인할 때마다 번거로워서 만든것이라고
프로그래밍 언어 5가지
변수 값을 담는다
자료형 이게 숫자인가 문자인가
함수 아까 나왔던 hey()같은
조건문 if() 이렇다면 요렇고 else() 그게 아니면 이렇게 된다
반복문 계속 반복한다
변수
F12 개발자 도구 - console에서 JavaScript 문법 연습해봄
강의에는 빠져있지만 중요한 내용 같아서 강의자료 참고 ▼
이렇게 쓰다보면 문법 데이터가 너무 방대해져 정리가 필수라고 한다
너무나 당연한 얘기이다
자료형 2가지 방법
순서,숫자가 중요한 ?_list = 
key,value가 중요한 ?_dict =
결국 프로그래밍 언어라는 것도 사람 편하자고 만든 것이기 때문에
사람들이 평소에 어덯게 언어를 쓰는지가 반영되어 있다
이번에는 JavaScript 자체 함수들 몇가지 강의자료 참고 ▼
gmail값만 도출해낸 모습
함수
PyCharm에 function sum함수를 입력하고 개발자도구 console로 넘어와
sum(2,3)을 입력하면
이렇게 홈페이지에 알림이 뜨는 모습을 확인할 수 있다그런데 홈페이지에서 읽히는 이 부분이 사진처럼 흰색배경과 함께 나온다
우리는 이미 배경에 해당하는 코드를 body에 작성했는데 이유는!
빨간박스 밑의 body내용을 읽기 전에 해당 부분만 읽혔기 때문이라고 (기억하자)
그리고 alert()대신 console.log를 사용해 console창에 결과를 보여 줄 수 있다
alert이 계속 뜨면 개발자가 확인하기 불편하기 때문에
이런식으로 console.log를 활용해 결과를 console텝에서 확인할 수 있다!조건문
if() 이렇다면 요렇고 else() 그게 아니면 이렇게 된다
20세보다 크지 않으면 (같은 값으로) '청소년입니다'
25세는 20세보다 큰 값이다 '성인입니다'반복문
일단 위 코드를 해석해보면
for (let i = 0; i < 4; i++)
i가 0부터 하나씩 커지면서
console.log(a_list[i])
이 부분을 실행시킨다
a_list.length
어디까지? 위 길이까지
강의자료 참고 ▼
실제 서울시 미세먼지 데이터를 받은거라고 한다
▲ 사진은 데이터가 너무 길어서 첫부분만 자름
쨋든 이 데이터를 복붙하고 긴 부분은 가려준다
코드가 방대해져 [...]; 가려놓은 모습 86~438
실제로 접하게 되는 데이터 코드들이 이런식이라고 한다
여기까지 JavaScript 끝내고 다음주 강의로
