21.08.08

Younchong·2021년 8월 8일
0

VC prep-course

목록 보기
3/9

이번주 학습내용

Primitive & Reference
ES2015

원시값과 참조값에 대한 설명에서 포스트잇에 대한 설명이 이해가 잘됐고, 코어자바스크립트에서 더 심화된 이야기를 통해 이해를 했다. (첨에는 이해를 못했던)

Rest & Spread
함수 매개변수나 배열등에서 …이 나오면 뭔지 모르고 이해못했었는데, 자료를 흩뿌려주는, 퍼지게 해주는 기능인 걸 배움.
Rest가 함수 선언시 매개변수로, Spread가 배열이나 유사배열 형태의 자료에서

나머지 ES2015에서 생긴 가볍게 알아둘것들.

수업에서 함수네이밍, 변수 선언시 일반적 컨벤션
함수 => 동사 + 명사 구성
Event handler => handle + 명사 + 동사
*불리언값!
isSomthing, hasSomthing, canSomething, shouldSomething 으로 구성

이후 코드 작성시 airbnb JS 가이드를 더욱 참고하며 코드 작성!

코드리뷰

  1. DOM Element 네이밍과 다른 변수들과 구분되게 한다.
    리뷰어님의 예시로는 $playButton = document~ 이런식으로
    Dom Element는 $ 표시로 특징지었다.
    +질문관련 답변도 된다. CreateElement로 만들어진 요소와 구분시
    하지만 가장 중요한건 통일성, 코드를 관통하는 일관성이다.

  2. setInterval을 위해 만든 global scope 변수 초기값 넣어주어야하나 (저번 코드리뷰에서 초기값을 넣음으로 변수의 값을 예상할 수 있게 해서 가독성을 높혀주라는 피드백과 관련된 질문)
    => 이 경우는 굳이 안넣어줘도 된다. 하지만 변수명을 setInterval 사용을 위한 것임을 명확히 알려주기위해 예를 들어 timeAlarmIntervalId 로 정하게 좋다.
    +setInterval구간 세팅시 constant 값들도 변수에 저장해두면 수정이나 디버깅시 트랙킹 장점을 가진다! (숫자, 초 변수세팅하자!)

  3. 매개변수 네이밍도 명확히 해주자. (함수 내에서 어떤의도로 쓰이는 지 알기 쉽도록)

  4. if문 끝나고 state가 있을시에만 빈줄 넣어주면 된다.(컨벤션 관련 질문)
    그리고 if문을 더 눈에 잘 들어오게 하기 위해 if문 시작 앞과 끝나고 뒤에 빈줄을 만들어주자.

  5. number와 parseInt 차이
    간단히 number는 숫자가 아닌 요소가 섞이면 NaN를 return함.
    ParseInt는 number가 아닌요소가 섞여도 parsing해서 숫자만 return한다.

  6. classList와 setAttribute 차이
    예시로 보여준 코드에서 리뷰어님께서 나는 setAttribute로 사용한걸 classList로 바꿔 사용하셔서 검색해봄.
    SetAttribue는 inline스타일로 적용돼서 css적용설정 보다 우선된다.(너무 강력해서 주로 사용X)
    그래서 요소에서 클래스를 추가/변경/제거시에는 classList주로 사용.

질문에 대한 답변

  1. 현업에서 innerHTML사용잘 안하는 이유
    질문시 말했던 이유(성능, 보안취약)으로 거의 사용안하는 것 맞다.
    그리고 사용하면 개발자가 편하지만 유저 UX측면문제가 생길 수도 있다.
    개발자는 제품이 유저에게 다가갈때 어떤식으로 와닿을지, 작동하면 더 편리한 UX가지며 사용할지도 고민하는 것이 개발자의 몫이고 위 측면을 끊임없이 고민하자.

부족한 점

코드상 네이밍, 코딩스타일, 컨벤션이 아쉽다.
로직도 중요하지만 잘읽히는 코드도 중요하다!
어떤상황에서 어떤방식으로 해야 더 이해하기 쉽고, 눈에 잘보일까 생각하며 코드를 작성하자.
정답은 없지만, 끊임없는 고민과 더 나은 방향에 대한 생각을 하자!

한주 리뷰

최소 주 50시간 공부
최소 평일 8시간, 주말 5시간
평일에는 평균 8시간을 맞췄지만 주말에 4시간(토) 3시간(일)로 무너졌다.
항상 주말에 무너지는 것 같다.
저번주 보단 훨씬 나아졌지만, 주말에도 운동하고 나서나 쉬고나서 시작할때 빠르게 복귀하는 습관을 가지는게 중요할 것 같다.

이번주는 V.C공부 + 코어JS + 러닝JS뿐만 아니라 프로그래머스로 알고리즘 공부도 시작했다.
뭐든 대충넘어가지말고 집중해서 끝까지 파고들어 알아내자.
그리고 주말에 무너지지말자. 평일에 점심시간을 줄이자. 그래서 8시간 이상 하도록 노력하자!

공부도 수업도 코드작성도 너무 즐겁다. 잊지말고 몰입하자.
오는 주 더 나아지자

0개의 댓글