Skip to content

Lucide icons - Open Source Contribution

퇴사 이후 사용하고 싶던 기술들을 경험하고 경력이 쌓인 지금, 어떤 구조와 생각으로 프로젝트를 완성할 수 있을지 궁금하여 차량 관리 프로젝트을 진행하고 있었다.

그러던 중 이게 지금의 나에게 정말 도움이 되는 경험이 될지, 시간적 여유가 생긴 지금 경험하지 못했던 것은 무엇일까라는 고민이 들었고, 다른 회사는 어떻게 코드를 작성할지와 어떤 생각을 가지며 개발하는지 회사 다닐 때보다 더 궁금해졌다.

많은 라이브러리를 살펴보며 기여할 수 있는 라이브러리를 찾아보았고, 처음 기여해보기에 괜히 나의 Pull Request가 시간을 뺏는 것은 아닐까, 내가 올린 코드를 봐줄지 봐주지 않으면 어떡하지? 많은 걱정을 했다.

그래도 걱정은 잠깐일뿐 ! 내가 잘하지 않아도 실천력과 끈기 하나는 좋은 성격이니까 바로 도전!!

많은 오픈소스를 봤지만, 오픈소스 기여는 처음이라 코드가 아닌, 아이콘을 선택했다.
lucide Icon에 기여를 선택한 이유는 내 프로젝트에서 사용했고, 유명했기 때문이다.
기여 전, lucide Icon의 동작 방식이 궁금해서 코드를 확인했다.
역시 배울게 많고.. 세상에 잘하는 사람은 많은거 같다..
처음 보지만 코드가 간결하면서 한 눈에 들어왔기 때문에 고수인거같다.

어떻게 동작하는지 확인 후에 Contribution Guidelines을 살펴봤다.
Contribution Guidelines를 살펴보며, 어떤 방식으로 PR을 작성하고 커밋을 남겨야 하는지 확인했다.

비행기 금지 plane-off 아이콘을 만들고 PR을 올렸는데 karsa-mistmere가 내가 만든 아이콘을 보면서 의견을 남겼다.

I think this simply has to have the diagonal -off line / in the same position as other -off icons, / although I can certainly see why you've decided to move it, / as none of the below work particularly well. 🤔

나는 이 아이콘이 다른 -off 아이콘들과 동일한 위치에 대각선 -off 라인을 가져야 한다고 생각해.
물론, (karsa-mistmere 수정본) 잘 어울리는게 없어서 네가 위치를 옮기기로 한 이유도 충분히 이해 돼 🤔

내가 고민했던 부분들을 모두 이야기했기에 나의 의견과 의견을 존중한다는 표현, 그리고 어떤식으로 맞추면 좋을지 물어보면서 맞추겠다고 표현했다.

근데 jguddaskarsa-mistmere가 제안한 수정본 디자인에 의견을 던지게 되었고, 나는 내가 만든 아이콘 디자인과 karsa-mistmere가 만든 디자인을 비교해보기로했다.

Studio Lucide Icon PR

가운데가 내가 만든거고 왼쪽이 karsa-mistmere가 수정해준 디자인이었다.

나는 최대한 기존 plane 아이콘을 살려야 한다고 생각했는데, karsa-mistmere-off 아이콘을 기준으로 맞춘거기에 직접 확인해보니 너무 달랐다.. 이래서 역시 규칙이 중요한건가 ?

Studio Lucide Icon

Lucide Icon 은 아이콘 규칙이 매우 엄격해서 직접 스튜디오 페이지까지 제공했기에 이해하기 쉽고 작업하기도 편했다.
사이드 프로젝트를 진행하다보면 svg 수정하기 힘들었는데 좋은거 하나 알게된거 같다.

Lucide Icon 은 PR를 모아두고 필요하다고 느낄 때 merge 하기에 반영되지는 않았지만, 그래도 좋은 경험이었던거같다. 그래도 내가 시도한, plane-off 아이콘이 배포 전 단계 홈페이지에는 올라갔다.

개발에 정답은 없지만 자기 의견을 주고 받으며, 맞춰간다는 것 너무 좋은 경험인거같다.

🔗 Pull request