[코드 스테이츠] 29일차, "HA 대비중"

그런데 뭘 어쩌겠어 공부해야지

  공휴일이라서 수업은 따로 없었다. 하지만, 수요일에 시험도 있으니 공부를 안 할 수는 없었다. 오늘 공부는 Refactorying을 좀 하고 코플릿 문제들을 많이 풀었다. 그리고 크루님께서 HA 문제 맛보기를 보여주셨는데 그것을 바탕으로 React 생 코딩을 했다. 예전 내 페어분께서 게더타운을 통해 모각코하고 시간이 되면 서로의 의견을 나누는 공간을 만드셨다. 거기에 참여해서 많은 분의 코딩을 보고 그 분들의 지식덕분에 또 많은 배운 것을 배우고 있다. 

 

일종의 스터디 그룹을 시작했다.

 

---

[ 오늘의 TODO ]

1. 코드 스테이츠) 코플릿 문제 (조건문, 반복문)
2. 코드 스테이츠) React 과제 Bare 다시 다 풀어보기
3. 패스트 캠퍼스) 인강 3개 이상 듣기 // optional
4. 생활) 물 1L 이상 마시기

---

[ 오늘의 해결 ]

1.  Link 는 exact가 없다.

  내가 전에 페어분과 함께 React 과제를 해결하다가 분명 Link를 걸었는데 속성에 exact 를 지정해주지 않아서 원하는 결과가 렌더링되지 않은 적이 있었다. 그것때문에 Route에 exact 로 path 지정한 곳으로 건너가는 Link 에도 exact 를 넣어줬다. 그런데 예전에 나와 함께 페어였던 분께서 함께 보시고 Link에 exact를 없애보자는 말씀을 하셨다. 나는 이전에 이런 경험이 있어서 넣어준 거다 했는데 지워보니 세상에, 지워도 괜찮았다. 이게 무슨 일인가 싶어서 이전에 오류난 내용을 확인해보니 NavLink 에 exact 를 넣어준 것이었다. 그러니까 나는 NavLink 에 exact 를 넣었으니 Link 에도 넣어줘야 한다는 생각을 했고, 이게 시간이 흐르면서 그 원인인 NavLink 는 완전히 까먹고 Link 에 exact 를 넣어야 한다는 생각으로 고정된 것이다.

 

  이것으로 얻게된 교훈은 밑의 카테고리에서 설명하겠지만, 어쨌든 덕분에 내 잘못된 개념을 바로잡을 수 있었다. 

2.  point-events: none;

  이건 CSS 에 적용되는 예시다. 말 그대로 event Handler가 실행될 수 있는 영역에서 제외되는 것이다. 

---

[ 오늘의 교훈 ]

1. 집단 지성이 필요하다

  내가 모르는 것을 다른 분들이 알고 계시기에 많이 배울 수 있었다. 그리고 내가 코딩한 것들을 다른 사람에게 설명하는 과정을 통해서 생각보다 더 빠르게 지식을 내것으로 가지고 올 수 있었다.

 

2. 오류가 난 원인을 제대로 파악하자 

  만약 내가 에러났을 때 그 에러창을 제대로 확인만 했다면 의문을 가지면서 내가 지금 무슨 문제가 있는지 찾고 해결할 수 있었을 것이다. 하지만 그런 과정이 지금 빠져 있었기 때문에 내가 잘못 알고 있었던 개념을 수정하는 기회가 없어졌다. 

 

  그리고 한 가지 더 추가하자면 무언가 개념을 배울 때 넘겨 짚지 말고 한 번 실험이라도 해보거나 공식 문서를 통해서 내가 깨달은 지식이 맞는지 확인하는 작업이 필요할 것 같다. 내가 그냥 넘겨 짚으면서 NavLink 에서 됐으니까 Link 에도 되겠지 라는 안일한 생각을 하니 이런 사태가 벌어진 것 같다. 조금 더 신중하게, 개념을 배우는 동안에는 야매로 배우면 안 되고 정석으로 배워야하기 때문에 무언가 개념을 정립하기 위해서는 좀 차분히, 섣부르게 판단하지 말아야할 거 같다.