수업
자바스크립트 입문
오전 수업 때는 자바스크립트가 어떻게 만들어졌는지 등등 본격적으로 자바스크립트를 배우기 전에 알아가는 시간을 가졌다.
최초의 웹사이트:
http://info.cern.ch/
자바와 자바스크립트는 코끼리와 바다코끼리만큼 다르다!
처음 자바와 자바스크립트라는 단어를 들었을 때, 둘이 꽤 관계가 깊은 언어인가보다 하고 생각했는데, 전혀 아니었다. 다른 말로는 햄과 햄스터만큼의 차이라고 한다..
자바스크립트: 웹브라우저를조작하여 기능을 구현할 수 있는 유일한 언어
ajax의 등장과 더불어 폭발적으로 성장했다. 딱 필요한 정보만 보낼 수 있게 되어서 랜더링 속도가 빠르다. (html을 통째로 안바꿔도 되니까.)
탈 웹, 탈 브라우저 시대가 도래했다.(서버사이드 언어)
변수
var: 이런 변수가 있다는 걸 일단 컴퓨터에게 알려준다.
var = variable = 나 변수 쓸거임
*요즘은 var를 안 쓴다.
할당 연산자 "="
변수: 도라에몽 주머니라고 보면 된다.
변수로는 예약어가 쓰일 수 없다.( var, function, for 등...)
자료형
typeof ' ' // -> "string"
typeof 1 // -> "number"
typeof NaN // -> "number"
typeof true // -> "boolean"
typeof undefined // -> "undefined"
typeof Symbol() // -> "symbol"
typeof null // -> "object", 심각
typeof [] // -> "object", 심각, array라고 나와야지!
typeof {} // -> "object"
typeof new Date() // -> "object"
typeof /test/gi // -> "object"
typeof function () {} // -> "function"parseInt: 정수로 변환.
NaN: Not a Number
isNaN(): true아니면 false를 반환해주는 함수. " 너 숫자 아니지? " : 숫자일 때는 false.
parseFloat:소수로 변환 - 문자인데도 작동을 한다?자기가 이해할 수 있는 범위까지만.
13.3px.10는 13.3으로
r13.3px.10는 NaN으로 반환한다.
참고링크:
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/parseFloat
NaN === NaN // false
Number.isNaN(NaN) // true, Number.isNaN을 사용하세요!
isNaN(undefined) // true, isNaN은 논란의 여지가 많음
isNaN(null) // false, (이건 또 false?)
isNaN(-NaN) // true
isNaN({}) // true
Object.is(NaN, NaN) // trueNaN 는 특정한 무언가를 지칭하는 키워드일 뿐이지, 실제로 NaN 두개는 다를 수 있다.
생각
자바스크립트를 시작하면 우주미아가 된 것 같은 기분일 것이라는 얘기는 들었지만, 정말 심각했다. 이게 무슨 소리인가..? 심지어 나는 그래도 자바스크립트 챌린지 하면서 아주 조금이나마 슬쩍 훑어보고 왔는데도 이래서 정말 당황했다. 이제 시작이다..!
느낀점
잘한점
- 주말에 오프라인 모각코에 참가하기로 했다! 개발자는 소통하면서 서로 많이 배운다고 생각을 해서 최대한 스터디나, 모각코에 열심히 참여하고자 했다. 게다가 나는 누굴 만나도 나보다 잘 할 것이라서 어떤 스터디를 가도 도움을 많이 받을 수 있다! 앞으로도 이런 스터디나 모임이 있으면 적극적으로 참여해야겠다.
계획
- 자바스크립트 들어가기 전에, HTML, CSS 다시 한 번 훑어 보기!
- 모던 자바스크립트 딥다이브 책 사서 읽기
