본문 바로가기

TIL(Today i learned)

(79)
[TIL-2022.10.27] Evaluate란 무엇일까 1.next 13업그레이드 : next13으로 업그레이드를 했다. 아니나 다를까 꽤 많은 오류들이 생겨서, 오류를 수정하는데에 많은 시간을 보냈다. 2.server component : next13으로 업데이트 한 것 중에 주목할 만한 것이 있다면, 이제 Next에서도 server component를 이용할 수 있게 되었다는 것이다. 그런데 아직 나는 server component에 대해서 제대로 공부해보지를 않았다. next 13의 기능도 제대로 이용해볼 겸 이참에 server component도 한번 공부를 해봐야할 것 같다. 3.next-mdn-remote Could not parse expression with acorn: Unexpected token : 업데이트를 하고 났더니, 이런 에러가 난..
[TIL-2022.10.23] Nextjs에서 라우팅 테스트하기 1.next관련 좋은 영상을 찾았다 : 유튜브에서 next router test 관련 영상을 찾아보다가, 성능 최적화 관련된 영상도 발견했다. 그래서 그냥 여기에 저장해두려고 한다. https://youtu.be/hZr4J42JDoc https://www.youtube.com/watch?v=TOP33Kwa6Qg 물론 라우터 관련 영상도 찾았다. 사실 당장 내가 딱 원하는 내용은 아니었지만, 나중에 충분히 필요할 것 같은 내용이다 https://www.youtube.com/watch?v=uF2lqBluQV8 https://github.com/vercel/next.js/issues/7479 How to mock useRouter? · Issue #7479 · vercel/next.js Question abo..
[TIL-2022.10.22] 테스트 코드의 맛 카카오톡이 고장난 핑계로 TIL을 작성하지 않고 있었다. 다시 TIL을 작성해보고자 한다. 1.detail 페이지 테스트 코드 : 테스트 코드를 작성하는 중 act가 뭔지 궁금해졌다. https://flyingsquirrel.medium.com/testing-library-react%EC%9D%98-act%EB%8A%94-%EC%96%B8%EC%A0%9C-%EC%8D%A8%EC%95%BC%ED%95%A0%EA%B9%8C-c6036a8cd4b3 testing-library/react의 act는 언제 써야할까 이미 act로 감싸져 호출되는 경우가 대부분이라 내가 직접 쓸 일이 없다. flyingsquirrel.medium.com 이 글에서 설명을 참 잘해준다. act는 dom에 적용할 때 사용하는 함수이다...
[TIL-2022.10.13] 1.알고리즘 스터디 : 스터디를 하면서 갑자기 커링을 사용할 수 있는 부분이 눈에 보였다. 그래서 기존의 코드를 커링을 사용하는 방법으로 리팩토링을 해봤는데, 심히 재미있는 순간이었다. 2.귀에서 피빼기 : 주짓수를 하다보니, 귀에 피가 계속 찬다... 그냥 넘어갔었는데 아무래도 귀가 아파서 병원에 갔다. 이미 귀가 조금 변형되었다고 한다ㅜ 만두귀... 오늘은 피를 뺐다. 꽤 아프더라. 귀보호대를 구매해야 할 까보다.. 3.함수형 자바스크립트 책읽기 : 함수형 너무 재미있다. 사실 객체지향보다 더 재미있다. 왜 함수형이 더 재미있게 느껴지는지는 아직 이유를 잘 모르겠다. 내가 자주 사용하는 함수를 예시로 들어서 그런걸까? 4.드롭다운 만들기 : 드롭다운을 만드려고 했는데, 내가 굳이 이걸 다 만들어줄 필..
[WIL-2022.10.09] 주간회고 주간회고는 딱히 해본 적이 없다. 그런데, 요즘 일일 회고를 하는게 꽤 유익하다는 것을 스스로 느끼고 있다. 이 참에 주간회고도 같이 해볼까 한다. 회고는 딱히 누군가 보라고 작성하는 글은 아닌 것 같다. 그저 작성해두니, 스스로에게 도움이 되는 것 같다. 주간회고는 어떻게 해볼까. 1.순공시간 10시간 만들기 : 우선 내가 목표로 하고 싶은게 있다면, 순공 시간 10시간을 만드는 것이다. 그런데, 이번주는 그걸 성공한 적이 없는 것 같다. 그나마 많이 공부한 날은 9시간 정도. 그러면 이번주에 내가 순공 10시간에 실패한 이유는 무엇이었나? 1.늦잠 2.유튜브 3.슬랙 메시지 확인 이 3가지가 결정적인 원인이었다. 그래서 이번주에 목표를 세워보기로 했다. 1.늦잠 -> 하루 7시간 미만으로 자기. 2...
[TIL - 2022.10.08] 1.오픈소스기여하는 법 : 오픈소스 하려고 할 때, 내가 먼저 찜해놓아야 한다. 먼저 찜해놓아야 본인이 차지해서 할 수 있다. 먼저 올려둔 이슈에 대해서 메인테이너가 도와준다. https://github.com/firstcontributions/first-contributions/issues/29706 Inconsistency in links to translations · Issue #29706 · firstcontributions/first-contributions Hello everyone, as I have noticed there is a slight inconsistency in the available languages flags in the readme other languages sect..
[TIL-2022.10.07] 나의 학습법에 대한 단상 | yarn berry 마이그레이션 | CI에 린터 붙이기 #TIL 학습법에 대한 고민, 노트북 수리, 이미지 슬라이드 수정, Yarn berry 마이그레이션, Ci에 린터와 번들 분석기 붙이기 1.나의 학습법에 대한 단상 : 생각해보면 리액트의 동작원리를 파고 들 때나, 어제처럼 HTTP2의 동작 원리를 이해하기 위해서 파고드는 것처럼 공부하는 것은 너무 즐거운 일인 것 같다. 나는 이렇게 방산형으로 공부를 해나가면서 깨달음을 얻는것이 너무 즐거운 것 같다. 그러면서도 이런 행위들에 시간적 촉박함이 느껴지면 이내 즐거움을 잃어버린다. 나는 대학시절부터, 공부에 즐거움을 느꼈다. 그전까지는 공부는 재미없는 것이었다. 곰곰히 생각해보면 대학시절 공부가 즐거웠던 이유는 내가 알고 싶은 주제에 대해서 깊이있게 탐독할 수 있고, 가지에서 가지로 뻗어나가며 지식이 확장되..
[TIL - 2022.10.02] 아주 조금씩 익숙해지는 테스트코드 | 1.HTTP 글쓰기 : 아침에 일어나서 1시간 정도 자료를 조사하고 글을 썼다. 오늘 조사하면서 글을 쓴 내용은 http/1.1버전에 대한 내용이었다. 이 버전의 내용 중에서도 특히 keep-alive에 대한 기능을 조사하고 글을 썼다. 1.0과 1.1의 중대한 차이점을 이야기하자면 바로 이 keep-alive 기능이라고 할 수 있을 것이다. 2.TagInput 옮기고, test코드 작성하기 : 어제 TagInput을 기존의 코드베이스에 리베이스 하다가 에러가 생겼다. 그래서 그대로 TagInput 코드를 복사해서 기존의 코드베이스에 붙였다. 다행히 큰 의존성이 없었기 때문에 한번에 복사가 되고 정상 동작했다. 그 다음은 테스트 코드를 작성했다. 역시나 테스트 코드 작성은 쉽지 않았다. describe(..