공부하는 블로그

Vue 하다가 React 하는 개발자 이야기 6 오늘은 GraphQL의 이야기를 먼저 해보고자 합니다. 앞서 출시한 프로젝트가 안정화 되어가고, 코로나 사태 등으로 인해 대외적으로 사용자들에게 집중하기보다는, 내실을 다지는 기간으로 보내고 있습니다. 사실 API 쪽도 Apollo Federation 같은 기술을 이용해서 점진적인 코드 변경을 해가고자 했으나, 오래된 버젼의 라이브러리를 사용해오고, 코드가 너무 스파게티처럼 얽히고 설켜있어서 더 이상 유지보수가 어렵다고 판단되어 리팩토링이 아닌 code-first 방식으로 Re-writing 작업을 하고 있습니다. 주변에 같은 고민을 했던 사람들이 있나 싶어 찾아보아도 다들 Schema-first 에서 Code-first로 점진적인 Migration이 쉬운..

Vue 하다가 React 하는 개발자 이야기 2 어제 올렸던 내용에 대해서는 일단 apollo client의 상태 관리 시스템은 기각하고 redux를 쓰는 것으로 결정을 했습니다. 커뮤니티에서 자문을 구한 결과, 아직 아폴로 상태 관리 시스템은 프로덕션에 적용하기에는 무리라는 판단이 들었습니다. 전 회사에서도 node.js의 ORM을 선택할 때 star 수 활발하게 commit이 되고 있는가? 문서화가 잘 되어 있는가? 현재 프로젝트와 궁합이 잘 맞을까? 등을 고려해서 선택했던 것이 TypeORM 이었는데, 사용하다보니 부족한 점이 많았습니다. 또한 처음 접하는 이슈 등에 대해서는 이슈 트래킹이나 검색도 잘 안되어 고생하는 경우도 있었습니다. 이때 1) 스타 수로만 프로젝트를 판단하면 안 되겠구나. 2)..

Vue 하다가 React 하는 개발자 이야기 1 관리자 페이지를 새로 만들고 있습니다. React + Typescript + GraphQL 조합입니다. 그전 코드는 유지보수가 너무 힘들고 장황한 코드가 많아서 개발 시간보다 코드 리딩에 더 큰 시간이 들어 많은 개발자들이 고통받고 있었습니다. 새로 프로젝트 시작을 하게되어 기쁘게 생각합니다. Graphql + typescript + codegen을 이용하니까 엄청 간편하다고 느꼈습니다. 개발자가 할 게 없네요. 회원 목록을 구현했는데 몹시 빠르게 개발했습니다. use~ 시리즈를 찬찬히 살펴보고 있습니다. useEffect 는 Vue에서 watch와 비슷하다는 느낌을 받았습니다. 그러나 useEffect는 렌더링 직후에 실행이 된다고 하네요. 동료 개발자가..