#TIL #210810-0829

 

08월 10일 (화)

오늘 공부 한 것

• JS공부 - console.log 란
  • 바야흐로 디블리셔 초보 시절 이사님이 추천해주셨던 책의 앞자락에 적힌 글이 기억나 기록하고 싶다.
  • 책 이름이 정확히 기억이 안나지만(알려주세요....)
  • 대략 이런글

alert() 으로 디버깅 하는 사람 = 초보
console.log() 디버깅 하는 사람 = 좀. 하는 사람

• 당시 인도네시아에서온 개발팀 동료가 console을 찍으며 우아하게 데이터를 출력하는게 얼마나 멋져보였는지. 이제 console을 알았으니, 우.아.하.게 사용할 수 있도록 노력할 일만 남았다.😏

 

---

 

08월 11일 (수)

오늘 공부 한 것

• JS공부 - 함수의 정의
  • 지난 주 스터디 때 발표 주제였던 함수 정의에 대해 정리했다.
  • "함수를 정의한다고 해서 실행되지 않는다."

 

---

 

08월 12일 (목)

오늘 공부 한 것

• JS공부 - 함수의 호출
  • "함수를 실행시키키 위해서는 함수 호출이 필요하다"
  • 멋들어진 함수를 만들어도 호출 될 일이 없으면 보이지 않는다는게, 꼭 인간사같다.

 

---

 

08월 13일 (금)

오늘 공부 한 것

• JS공부 - 배열
  • 배열의 사용성에 대해 궁금한 점이 생겼다.
  • 실무에서 어떻게 사용되는지 직접 보고 싶다.

 

---

 

08월 14일 (토)

오늘 공부 한 것

• JS공부 - 배열 메서드(추가, 제거)
• 스터디 3주차 발표 : 객체에 접근하는 두 가지 방법
  • 스터디가 점점 재미있어지는데, 벌써 3주차라니.
  • 호영님께 꿀팁 배움
    • 주석 한 번에 처리하는 단축키 ( command + / )

 

 

---

 

08월 15일 (일)

오늘 공부 한 것

• JS공부 - 배열 메서드(잘라내기, 합치기)
  • 글로만 마주하는 내용이 헷갈려서 그림으로 표현해보기 위해 노력했다.
  • slice와 splice가 이해될 것 같다.

 

---

 

08월 16일 (월)

오늘 한 것

• JS공부 - 배열 자주 사용되는 메서드 정리
  • 💡 정렬에 관한 메서드가 정말 많다.
  • 그 많은 것 중에서도 '실무에서 한 번 이라도 마주친 코드만' 정리해 보려 했는데도 끝이 없다. 전부 다 필요한 것 같다. 차라리 그때 그때 MDN에서 검색하는게 더 낫지 않을까 생각했지만 "백문견이 불여일타"라는 말을 되뇌이며 한 번이라도 쳐보려고 노력했다.
  • 그래도 끝이 없다.

 

계속 할 일

• '드림코드 by 엘리' - 배열 관련 강의 다 보기

 

---

 

08월 17일 (화)

오늘 한 것

• JS공부 - 배열 메서드(정렬)
  • 정렬 기능을 통해 배열에 새로운 사용성을 부가할 수 있다.
  • 그만큼 조건을 줄 수 있는 부분이 많아 parameter도 복잡하게 많이 사용되는 기분이다.

 

계속 할 일

• 관련 알고리즘 문제 많이 풀어 볼 것
• typescript를 통해 API를 확인하며 푸는 습관을 들이자 - 드림코딩 by 엘리
  • console값으로 값이 어떻게 전달 되고 도는지 꼼꼼히 확인해 볼 것

 

---

 

08월 18일 (수)

오늘 한 것

• JS공부 공부 - Return이란
  • 사전 학습 때, 가장 많이 본 명령어지만 가장 모르겠는 부분이라 시간을 가지고 다시 살펴봤다.
• 웹 브라우저 조사 과제 공유 내용
  • 일전에 조사한 chrome, Edge, Whale에 대해서 조사한 내용을 드라이브 한 켠에 둔 걸 발견했다. 신나게 조사한 내용이었는데 이렇게 묵혀뒀다가 또 흩어져버릴까봐 얼은 블로깅해두었다.

 

---

 

08월 19일 (목)

오늘 한 것

• JS공부 - 화살표 함수 특징
  • 아직 ES6가 낯설다.
  • 화살표 함수 하나에도 ES5와의 차이점이 터져나온다. 그걸 이해하려면 또 this를 공부해야하고, this를 공부하니 또 바인딩, 생성자, 인스턴스 등등 정확한 의미를 모르는 단어들이 나타난다.

 

---

 

08월 20일 (금)

오늘 한 것

• JS공부 - 객체란? 문법과 사용하는 이유  내용
  • 객체의 개념은 들어도 들어도 늘 10%정도가 모자라게 채워지는 기분이다. 그래도 객체가 제일 재밌다. 대부분 객체를 설명할 때 '자동차'를 많이 비유한다.  내가 좀 더 기깔나는 비유를 해보려고 머리를 쥐어짰지만, '자동차'만 개념이 없다.
  • 정보처리기사 공부 때, 객체지향의 캡슐화, 상속, 다형성 등을 공부했었는데 아직 "그래서 왜? 그렇게 사용해야하는지" 정확히 모르겠다. 눈으로 직접 볼 수 있었으면 좋겠다.

 

---

 

08월 21일 (토)

오늘 한 것

• JS공부 - 객체 접근 방법 (점 표기법, 괄호 표기법)
  • 지난 스터디 시간에 발표한 내용을 다시 복습하고 정리했다.
• 사전 스터디
  • 내 주제 : 웹 페이지에서 일어날 수 있는 이벤트 종류
    • 좀 더 심도있게 준비하지 못한 것 같아 아쉽다. 단순히 종류만 늘어놓을 게 아니라 더 많은 예시와 브라우저의 작동에 영향을 주는 이벤트도 함께 준비했으면 좋았을 걸 하는 아쉬움. 더 보강해서 공유할 수 있도록 해야겠다.

 

---

 

08월 22일 (일)

오늘 한 것

• 블로그 font-weight 수정
  • 본문 글자의 가독성이 떨어지는 것 같아 굵기를 좀 더 얇게하고 색상을 진하게했다. 훨씬 보기 좋아졌다. 
• JS공부 - this에 대하여  1편
  • this를 공부한 이유 : 
    • 지난 번ES6의 화살표 함수에 대해 공부 중 this에 관한 부분부터 막히기 시작했다. prototype, 바인딩 등등 모르는 단어들이 줄줄이 등장.
    • '나중에 찾아봐야지'하다가 그 '나중'이 영영오지 않을 것같아, 하나하나 따라가보기로했다.
  • 그런데 이것도 한 번에 안끝날 것 같다.

 

공부해나갈 개념들

• prototype
• 바인딩
• 전역 스코프
• callback 함수

 

 

---

 

08월 23일 (월)

오늘 한 것

• 웹 퍼블리셔로 있으며 경험했던 부분 중 잊혀지는게 아까운 경험들을 틈틈히 정리해보기로 했다.
  • 오늘의 주제는 웹퍼블리서의 QA과정
  • 요즘 친구들이랑 '갤럭시 Z플립 3'을 사니 마니하며 토론하는 중었다. 언팩 정보를 찾아보다가 우연히 생각한 '다양한 사이즈의 디바이스'들에 대한 고찰이 QA경험까지 떠오르게했다.
  • 휴대폰 디자인의 르네상스인 '피처폰 시절' UI관련 작업자분들의 작업방식이 궁금해졌다. 언젠가 인터뷰 해보고 싶다.
  • 의식의 흐름대로 쓰다보니 velog포스팅 적인 느낌. 공부한 내용을 올리는 것보다 더 부끄럽지만 일단 '공개'로 전환해봤다. 

 

---

 

08월 24일 (화) - 27 (수)

서울로 이사옴. 

 

 

---

 

08월 28일 (토)

오늘 한 것

• JS공부 - 객체지향 class(ES5/ES6)  내용
  • js의 prototype 대해 알아보려는데 계속 '상속이~~, 클래스가~~'라고 해서 class부터 다시 알아보는 시간이었다😂

 

 

---

 

08월 29일 (토)

오늘 한 것

• JS공부 -  prototype
  • 공부하기 앞서 다들 prototype을 소개할 때 "거물급 개념", "핵심적인 개념" 등 무서운 단어로 소개해서 공포스러웠다. 하지만 너무 이해할 필요없다고 개념만 알고, 그 시간에 다른 부분을 더 공부하는게 낫다고 말하는게 위안이 되었다.
    • '물리학자가 아니면서 양자역학 다큐를 보는 것'
  • 그래서 한 번에 이해가 못한다고해서 좌절할 필요가 없다고 생각하기로했다. 페인트를 여러 번 덧칠하듯 익히다보면 거부감 없이 개념이 자리잡힐 것 같다.
  • 유튜브 "생활코딩", "코딩애플" 채널에 매우 감사를 표합니다😭
  • CS스터디 공유 완료

[MDN에서  "Prototype"과 첫 만남을한 내 상태]

• CS 스터디 첫 주
  • 개강 전 마지막으로 마음대로 달려보는 스터디가 아닌가 싶다. 
  • 미연님의 브라우저 랜더, 파싱 등의 발표 내용도 흥미로웠다.
    • 최신 브라우저의 내부 살펴보기 2 - 내비게이션 과정에서 일어나는 일 (naver D2)
    • 최신 브라우저의 내부 살펴보기 3 - 렌더러 프로세스의 내부 동작 (naver D2)
  • 경현님의 약 3시간짜리 내용은 거의 돈을 내고 들어야 할 것같은 심도있는 내용이었다. 어려웠지만 js를 공부하면서 뭔가 흩어졌던 '왜?'라는 질문의 답을 알것같은 키가 될 것같은 기분.
    • 어떤 부분은 명확하게 설명된 자료가 없어서 외국 다 뒤졌다고 하시는데 열정이 대단하심 
      • zero부터 시작하는 'var'를 쓰지 않는 이유 1편 (부제 : 프로그래밍 언어)
      • zero부터 시작하는 'var'를 쓰지 않는 이유 2편 (부제 : 컴파일러&인터프리터&JIT 컴파일러)
      • zero부터 시작하는 'var'를 쓰지 않는 이유 3편 (부제 : 컴파일레이션 & 스코프&호이스팅&클로저)

zoom이 계속 끊겨서 마무리하려는 교수님과 열정의 학생들

• 티스토리 개발 블로그 카테고리 일부 수정
  • TIL가 맞긴하지만, js카테고리를 비워두고 굳이 TIL에 따로 작성하는게 거슬려서 글을 싹 옮기고 TIL의 메뉴의 룰을 다시 정했다. TIL를 하기전 홀딱 반했던 초보몽키님의 개발공부로그를 참고해서 진행함.

내일 할 일

• wecode 25기 개강 - 열심히 참여하기