IMAGE
-
[1일차] MP3 Tools 웹앱 개발 시작프로젝트 개발/MP3 Tools 웹앱 (Drop) 2021. 5. 16. 17:13
한동안 관심을 가졌던 ffmpeg.wasm(https://ddochea.tistory.com/147) 으로 웹 서비스를 개발해보았다. 이번에는 광고를 붙이고 소소하게 수입이 들어오길 바라는 야망(?)을 품고 있기 때문에 어느정도 완성이 되면 URL을 공개할 것이다. 첫 시작으론 mp3 파일에 cover image를 추가하는 기능이다. ffmpeg.wasm 을 사용해보았기 때문에 구현자체는 어렵지 않았다. 프로젝트 구성 이번 프로젝트는 지난번 "뮤직플레이어 웹앱" 때와 마찬가지로 소스코드를 오픈해두었다. 다만 지난시간엔 App.ts 에 화면, 기능영역 구분없이 구현했었다. 이번엔 비즈니스 로직과 화면영역을 분리할 계획이다. 아이콘 및 파비콘 디자인 아이콘은 Figma를 통해 디자인하였다. 처음엔 어려웠지만..
-
[디자인] CSS, Mobile App 개발시 유용한 사이트 모음ETC 2021. 5. 9. 23:17
웹 프론트엔드영역 개발시 필요한 사이트나 도구를 링크로 보관하고자 정리한 포스트 1. 구글 폰트(Google Fonts) 웹 폰트 및 아이콘 제공 및 검색할 수 있는 사이트. 구글에서 제공한다. fonts.google.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. Figma 목업(Mockup) 디자인 개발에 유용한 툴. 만든 디자인을 css, svg 로 export 할 수 있다. www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design..
-
[UiPath] Email 본문에 Image를 추가하기 (Base64방식)UiPath RPA/Tips 2020. 4. 18. 17:17
UiPath Forum에 서식(?)하던 중 메일 본문에 이미지 추가하는 방법에 대한 문의가 있어 답변할 겸으로 발송예제를 만들어보았습니다. 메일에서 이미지를 추가하는 방법은 2가지가 있습니다. 별도의 서버환경에 이미지를 올려둔 후, 해당 서버의 URL을 통해 Image 보여주는 방식과, base64 코드로 변환하여 메일본문 안에 이미지를 추가하는 방식입니다. 둘다 공통적으로 메일본문이 HTML 형식을 사용해야하기 때문에 HTML에 대한 기본적인 지식이 필요합니다. URL을 사용하는 방식은 어디에서든 접근 가능할 수 있도록 공개된 서버가 존재해야하기 때문에 서버유지를 위한 비용이 발생하게 됩니다. 단, 국내외 대부분의 웹메일에서 이미지를 정상적으로 표시할 수 있습니다. Base64 코드로 변환하여 추가하는..