오늘 한 일

니콜라스 JS 8강 듣기 (크롬 Momentum 따라하기)

• geolocation 함수를 통해 내 현재 위치의 위도와 경도를 받는 법을 배웠다.

• openweathermap 사이트의 API를 이용해 위도, 경도, API_KEY를 URL에 변수로 넣어주어 내 위치의 도시 정보, 온도 정보 등을 불러올 수 있게 되었다.

⇒ 네이버지도, 구글맵이나 날씨 앱에서 볼 수 있는 정보들이 이러한 데이터들을 기반하여 만든다고 생각하니,나도 그 일부분을 손수 짜본 것에 약간 희열이 느껴졌다.

• Momentum 처음부터 혼자 힘으로 짜보기

⇒ JS로 기능은 일부 짜놨는데 CSS를 아직 구현 못해서 너무나 허접해 보인다. 음식의 완성도 플레이팅이듯이 어서 빨리 기능을 다 완성하고 CSS로 이쁘게 꾸며야겠다. 지금 todo list 삭제하는 모듈에서 막혔다. local storage에 JSON을 통해 배열을 저장하고 다시 parse해서 빼는 부분이 이해가 덜 되서다. 내일 이 부분에 대해 다시 복습하고 시도해보자!

SEB FULL 35기 Pair-programming 시작

• 걱정되었던 Pair-programming이 다행히 잘 끝났다. 시간이 무려 3시간이나 잡혀있었는데 오늘 배운 것들은 그래도 예전부터 알음알음 알고있던 내용이었고, 최근들어 다시 공부하게 되면서 소화하는 데 무리가 없었다. 그래서 페어분과도 아이스브레이킹 시간을 빼면 30분 전에 다 끝낸 것 같다. 나와 동갑이어서 끝나고도 이런 저런 얘기들을 주고 받고 각자 개인공부하러 흩어졌다.

• 아마 내용들이 점점 어려워지면서 페어분과도 많은 모험이 생길 것 같은데 나는 이게 걱정되면서 한편 기대도 된다(?)

새로 배운 것들

• span: nth-child(n): first-child랑 last-child만 알았는데 3개 이상 되니까 중간 값을 어떻게 설정할 지 몰라서 찾았더니 이런 놀라운 정보가,,

• .value: 콘솔에서 계속 오류가 나서 봤더니 .Value로 해서 오류가 난거였다.. 대소문자 구분을 잘해야겠다.

• addEventListener("submit",~): submit은 button에서는 따로 구분이 안되더라. 폼에서만 submit처리가 되는 것 같다.

• CRUD js를 만들 때 function을 click 시 add, save를 만드는게 아니라 중간에 컨트롤 할 수 있는 JS를 만들어 거기서 값을 받아서 add하고 save하는 구문을 추가한다.

• JSON(Javascript Object Notation)

  • 장점: 가장 간단한 데이터포맷, key-value로 이루어져있고, 가벼운 텍스트를 기반으로 만들어짐
    프로그램 언어나 플랫폼에 상관없이 쓸 수 있음
    Json은 함수가 포함이 안됨.

• array 중 요소를 삭제한다는 건 일부 요소만 삭제하는 개념이 아니라, 그 요소만 빼고 배열을 다시 만드는 개념이다. → filter를 이용해야함.

• hoisting: 선언 된 곳이 어디라도 찾아가는 것) ex) 맨 밑에서 function을 호출을 하더라도 중간에 있는 function으로 찾아갈 수 있음

• 엘리쌤 바닐라 js 꿀팁 2가지

  1. 'use strict' 문법에 맞게 좀 더 강한 문법 조건으로 제약. added in ES5

  2. html 내에서 js를 호출 할 때 defer을 써라

  • defer과 async의 차이는 js를 다운로드하고 파싱하는 순서 차이.

  • defer가 제일 효율적임(HTML을 reading과 동시에 js다운, HTML reading 이후 js 순차적으로 로드)

  • JS는 dynamically typed language이라 runtime으로 타입값이 변경될 수 있음. 이로 인해

프로토 타입은 빨리 만들 수 있지만, 실제 운영환경에서 이 부분때문에 오류가 많이 날 수 있음.

이를 보완하기 위해 TS(TypeScript)가 나오게 됨.