코드 일지, Code Archive

typescript 별거 없다고 생각했지만, 실제로 코드를 쓰기까지 오랜 시간이 걸렸다.Nicolas의 Nomadcoder 무료 강의를 통해 공부해보았다.해당 강좌는 블록체인에 대한 기본 지식이 선행되어야 이해할 수 있을 것이다.

Nestjs란 Express 기반의 서버개발용 Framework이다.Nestjs가 핫하다고 하여 항상 공부하고 싶었다.Express로 서버를 개발하면 항상 무에서 유를 창조해야 했다.멋있는 작업이라고 생각하긴 했지만, 항상 막막하고 뭔가 두려운 느낌이 들었다.

기존에는 @egjs/flicking으로 동작하는 컴포넌트가 있었다.이번에는 @egjs/react-flicking으로 옮기며 메이저 버전이 올라갔다.그래서 라이브러리 업데이트 후 기존에 사용하던 컴포넌트를 모두 주석처리 하니 해결되었음.

기능이 어느정도 동작은 함그런데 뭔가 이상하게 동작함어디서부터 봐야할 지 막막했던 상황솔직히 8시간 이상 동안 이것만 봄위와 같이 css를 세팅하라는 설명이 있었음IE9도 지원하면 좋겠다 생각하여 아랫줄만 입력그런데 윗 줄은 무조건 기본으로 넣어줘야했던 것

nested 적용 불가& 적용 안됨변수 사용 방식 변경마크업 개발자에게 도움 요청

메타베이스에서 Line 차트 생성 시, x축은 입력이 가능한 반면 y축에 데이터 지정이 불가. DB의 데이터가 nested이면 추출이 불가함. 고민이 길어져 지칠대로 지쳤을 때 팀원에게 하소연겸 투정함. 팀원이 해결법을 알려주었음.

팀원이 쓴 코드에 forwarding refs가 적용되어 있었다.이해할 수 없는 코드였기에 공부를 하면 이곳에 정리(번역)하고자 한다.이씨.. 글이 엄청 기네이건 자동으로 자기 자식 컴포넌트에 ref를 전달해주는 기술이다.대부분의 경우에 이 기능은 필요 없을 것이다.

기존 팀원이 작성했듯이 forwardRef를 추가한다.근데 팀원은 왜? 무슨 근거로 이를 추가했을까?팀원이 작성한 forwardRef를 제거한다.에러가 두 개로 늘어났다.그래서 다시 추가하면 하나로 줄어든다.어딘가 빼놓은 게 있는 것 같으니 그걸 찾아본다.

팀원이 작성한 코드를 옮기다가 발생하였다.왤까..해당 repo issue부터 뒤졌다.아래 글을 발견했다.동일한 문제였는데 다들 해결이 되었다고 한다.나는 안되었는데?!

각기 다른 서비스가 공통으로 사용하는 컴포넌트를 만들어야 했다.문제는 다른 서비스의 apollo-client 버전이 다르다는 점.버전 차이에서 오는 기능 차이가 치명적인 상황이었다.이에 공통 컴포넌트 workspace는 react-query를 쓰기로 했다.