전체 글(189)
-
Leptos 후기
https://leptos.dev/ Home - LeptosYour favorite language Leptos makes it easy to integrate Rust backend code with your user interface in a few lines of code. #[server] functions let you cross the client-server boundary without the boilerplate of setting up a new API endpoint, making it easleptos.dev 한동안 무심했던 rust 공부도 할 겸, Leptos를 사용해서 간단한 SPA를 만들어봤다. https://github.com/Jonghakseo/leptos-study Git..
2024.11.02 -
useQuery의 흐름 끄적끄적
아폴로 클라이언트를 사용하면서 가장 많이 사용하는 훅은 useQuery일 것이다.선언한 graphql 규격에 맞춰, ApolloClient는 어떻게 데이터를 요청할까? 소스코드 흐름을 보며 따라가보자.useQuery.tshttps://github.com/apollographql/apollo-client/blob/v3.11.8/src/react/hooks/useQuery.ts https://github.com/apollographql/apollo-client/blob/v3.11.8/src/react/hooks/useQuery.ts#L155function _useQuery( query: DocumentNode | TypedDocumentNode, options: QueryHookOptions, NoInf..
2024.10.13 -
근황
0. 시간이 어떻게 가는지 모르겠다... 눈 깜빡이면 한 달 단위로 지나는 것 같다. 1. 최근까지 진행하던 영어 과외를 그만뒀다. 졸업이라기엔 뭐하지만... 과외로 얻을 것들을 충분히 많이 얻은 것 같아 Next step으로 가보려고 한다. 2. 회사에서 오픈소스 소스코드 톺아보기 스터디를 진행중인데 재미있는 포인트가 많아서 좋았다. lodash 코어 로직이라던지 vercel/next 레포지토리 세팅 파일에서의 인사이트라던지... 3. 오픈소스는 디스코드 채널과 컨트리뷰터들의 과도한(?) 열정으로 내 몸에 부하가 걸려 잠시 쉬어가고 있다. 최근에는 스위스, 폴란드에서 기여해주시는 개발자분들과 팀 미팅도 가졌다. 영어로 진행해서 두근두근 했는데 나름 잘 해냈다...! 그리고 왠지 2k가 넘는 별을 받고 ..
2024.10.12 -
코드 리뷰의 원칙
https://soojin.ro/review/standard
2024.07.31 -
개발팀 문화
많은 조직에서는 좋은 개발팀을 갖고 싶어 한다.좋은 개발팀이라는 것은 개발자들의 생산성이 높고 리텐션이 유지되며 팀 자체가 성장하고 있어 조직의 문제 해결 능력에 지속적으로 큰 기여를 할 수 있는 팀을 말한다. 이런 팀은 외부로부터의 인재 유입도 비교적 수월하며 새로운 아이디어와 혁신에도 비교적 열려있다. 좋은 개발팀을 갖고 싶은 조직은 좋은 개발 문화를 통해 현재의 팀을 좋은 개발팀으로 만들고 유지하길 원한다. Stackoverflow의 서베이나 개발자들을 대상으로 한 여러 조사에서도 나타나듯 개발팀의 문화는 개발자들이 해당 조직에 머무는 이유 중 큰 비중을 차지한다. 좋은 개발 문화란 무엇일까?모든 조직에 들어맞는 법칙은 없겠지만 일반적으로는 다음과 같은 것들이 물망에 오른다. 1. 서로에 대한 신뢰..
2024.07.27 -
React에서의 Modal
리액트의 모달 컴포넌트는 다양한 방식으로 사용된다. 모달 렌더링에 대한 책임을 버튼 컴포넌트에 넘기는 방식. 모달의 열림/닫힘 상태를 버튼에서 관리하여 보일러 플레이트 코드를 줄이기 좋다. Props에 대한 타입 전달이 자연스러럽게 되는 장점도 있다.Share! 모달의 열림/닫힘 상태를 제어하면서 모달 컴포넌트를 렌더링하는 방식. 가장 일반적인 방식이고 러닝커브가 없다.const modal = useModal();//...Share! 모달을 함수 호출 시점에 렌더링하는 방식. 호출부와 렌더링 코드가 붙어있어 응집도가 높은 편이다.const { openModal } = useModal();const handleClick = () => openModal(ShareModal, { url });//...Shar..
2024.07.04