사실 (Fact) 8주차는 CSS-in-JS에 대해 학습했다. 스타일링을 하는 여러가지 방식이 있고 CSS-in-JS는 현재 매우 많이 쓰이고 있는 방식중에 하나다. props를 활용하여 조건부 스타일링을 할 수 있다. Theme을 활용하여 어플리케이션의 스타일 값들을 먼저 구성하고, 전역에서 내려주어 편리하게 활용할 수 있다. 과제는 아직 제출하지 못했다. 느낌 (Feeling) 나만의 디자인 시스템을 꼭 만들어보고 싶다는 생각이 들었다. 만들게 되면 실제로 생산성에도 도움이 많이 되고 과정속에서 고민하며 배울 수 있는점이 많을 것이라고 느껴졌다. 회사 업무가 많아 이번 주차는 제대로 참여하기가 어려웠다. 다음 주차를 나가면서 틈틈이 학습하는 시간을 가져야 겠다. 교훈 (Finding) 한번 늦어지면 ..
# OKR을 계속 발전시키기 이 Action을 왜 하려고 하는지. TDD를 왜 하려고 하는지. 클린코드를 왜 작성하려고 하는지. 목적을 생각하기. Action을 Project로 만들기. 기간과 완료여부가 있어야 한다. 수치화하기, 이에 대해 답을 얻어가고 있는 것 같다. 긴급하진 않지만 중요한 것을 하기(예: 운동) 고통스럽고 피하고 싶은 것을 목표로 잡기.
p.355~390 중첩 데이터 구조를 변경하기 위하여 재귀 함수를 활용한다. 재귀를 안전하게 사용하려면 종료 조건이 있어야 하고, 재귀 호출을 해야 하고, 재귀 호출을 할수록 종료 조건에 다가가야 한다. 종료 조건이 빈 배열이라면, 재귀 함수의 각 호출에서 배열의 항목을 하나씩 없애야 한다. 그렇지 않으면 무한 반복. 데이터 구조가 중첩되어 있다면 편리함을 위해 추상화 벽을 사용.
# 버그를 해결할때는 단계적으로 분석하기 컴퓨터는 거짓말을 하지 않으니 버그가 생겼다면 분명히 어딘가에 문제가 있는 것이다. 정말 다양한 원인이 있을 수 있는데 코드를 확인하고 단계별로 확인해가면서 점점 범위를 좁혀나가는 게 중요하다. 그냥 대충 코드를 바꿔가면서 되나? 안되나? 하는 것이 아니라 제대로된 디버깅을 하는 과정이 꼭 필요한 것 같다. 그리고 이 과정은 좋은 경험치로 습득해야 한다. 테스트 코드는 범위를 상당히 좁혀준다고 생각한다.
p.301~354 map, filter, reduce. 자바스크립트에서 배열의 메소드로 주로 사용하다가 함수로 보니 색다로웠다. reduce는 map, filter는 물론 다양한 것들을 할 수 있다. 함수형 도구 체이닝. 함수의 결괏값으로 또 다른 함수를 호출하고 반복한다. 선언적으로 코드를 작성할 수 있다. 데이터 변화의 흐름을 파악하기 쉽다.
p.266~300 고차 함수. 함수를 인자로 받고 함수를 리턴한다. 중복되는 코드들에서 변화되는 부분만 함수의 인자로 받아서 리팩토링한다. 고차 함수를 과하게 사용하면 추상화 수준이 높아져서 코드를 이해하기 어려울 수도 있다. 좋은 코드인지가 가장 중요하다. map 함수를 통해 배열을 반복하면서 기존의 배열을 다른 배열로 변환할 수 있다. 매우 유용하다.
# 두려움보다는 설렘 머리로는 그러면 안 된다는 것을 알면서도 두려워서 컴포트존에 머무는 것을 편안하게 여겼던 적이 있었다. 모르는 것, 어려운 것을 한다는 것에 다양한 이유로 두려움이 있던 때가 있었는데 이제는 설렘이 오는 것 같다. 처음부터 완벽하게 알고 시작하는 개발이 얼마나 되겠냐는 생각도 많이 들었고 세상의 문제를 소프트웨어로 해결하는 것이 개발자의 존재 이유라는 생각이 들었다. 그리고 이제는 모르는 것을 시도함으로써 더욱 많이 배우게 된다는 것을 느끼게 되었다. 경험치를 채우며 레벨업을 하는 듯한 느낌이 좋다.
p.231~265 일급 값, 변수에 저장이 가능하고 함수의 인자와 리턴값으로 사용될 수 있다. +와 같은 연산자도 함수를 만들어 일급으로 사용할 수 있다. 아래와 같은 plus 함수를 굳이 왜 만들까? 라고 생각했던 적이 있었는데 이해가 확 됐다. const plus = (a, b) => a + b; 고차 함수, 함수를 인자로 넘기로 리턴값으로 사용할 수 있는 함수. 함수를 인자로 받으면 다양한 동작을 추상화할 수 있다. 함수 이름에 있는 암묵적 인자를 하드 코딩에서 명시적 인자로 리팩토링. 본문을 콜백으로 바꾸기.
