Jake의 블로그

# lucide-react, lucide-react-native를 활용해서 아이콘 한 번에 해결하기 UI를 개발하는 과정에서 아이콘의 사용은 필수적입니다. 특히 UI가 복잡하거나 기능이 많을 경우, 좋은 UX를 제공하기 위해서는 아이콘은 반드시 필요합니다. 하지만 개발팀에 디자이너가 없거나 있더라도 아이콘까지 직접 디자인을 하는 것은 시간을 많이 빼앗기는 일입니다. 그러다보니, 필연적으로 여러 아이콘 라이브러리들을 활용하게 됩니다. 그런데 항상 모든 라이브러리들이 충분한 수의 아이콘을 제공하는 것은 아니므로, 여러 라이브러리에서 필요한 아이콘들을 찾아서 사용하다보면, 전체적인 통일감이 떨어져서 아쉬움이 드는 경우가 많습니다. 오늘 포스팅에서는 이러한 경우에 활용 가능한 심플하면서도 많은 아이콘을 제공하는..

# Simple Icons - 웹 또는 앱 서비스를 제공하려다 보면 다운로드 링크, 지원하는 플랫폼을 표시, 소셜미디어등 여러가지 상황에서 브랜드의 로고나 아이콘이 필요한 경우가 있습니다. 개별 브랜드에서 아이콘을 제공하기도 하지만, 일일히 이를 구하는 일은 귀찮고 번거로운 일입니다. 본 포스팅에서는 이런 경우, 도움이 될 사이트를 알려드리려고 합니다. # 사용법 https://simpleicons.org/ Simple Icons 2437 Free SVG icons for popular brands simpleicons.org - 사이트에 접속을 한 후, 검색 창에 원하는 브랜드 명을 검색 하셔서 찾으신 다음, svg나 pdf 파일로 다운 받거나, svg 코드로 바로 복사할 수 있습니다. 그리고 필요한 ..

# IconKetchen을 활용해서 앱 아이콘을 만드는 방법 소개 - 크로스 플랫폼 개발을 진행하게 되면, 아이콘 작업은 피할 수 없는 작업이지만, 여러 플랫폼 별로 다양한 크기 및 포맷이 다르기 때문에, 이를 생성 및 적용하는 것은 귀찮은 일입니다. 특히 React Native의 경우, 기존에 잘 활용하던, react-native-make가 더 이상 유지보수가 되고 있지 않아서, 고민하던 차에 예전에 안드로이드 아이콘 생성에 사용했었던, Android Asset Studio가 기억이 나서 찾아보니, IconKitchen이라는 서비스로 교체가 되었다는 사실을 알게 되었고, 너무 편해서 혼자 쓰기에는 아쉬워서 본 포스팅을 작성하게 되었습니다 # 사용방법 - IconKitchen 사이트에 접속을 합니다. 그..