분류 전체보기 (7) 썸네일형 리스트형 웹 사이트 다국어 지원 방법 노션에 문서를 작성하고 블로그에 복사를 하는 방법을 사용하고 싶은데 노션에 작성한 문서 중에서 이미지를 긁어오지 못하네요. 시간나면 하나하나 이미지 처리해야 할 듯 하네요. 아니면 문서 작성의 순서를 바꿔서 여기에 문서를 작성하고 노션에 따로 저장하는 방법을 써야할지... 우선 링크만 달았습니다. https://appres.notion.site/d3e164e70bb2406f8502f49a9654564a 웹 사이트 다국어 지원 방법 이 페이지 그룹에서는 웹 사이트의 다국어 지원 방법을 설명하고 있습니다. appres.notion.site 이미지 사이즈 변환 편하게 하자! 설치없음. 모든 플랫폼. 이번 포스팅은 앱을 개발하는 앱 개발자들과 디자이너들에게 유용할 듯 합니다. 보통 앱을 개발하다보면 다양한 사이즈의 이미지가 필요합니다. 디자이너에게 흔히 1024x1024 로 만들어주시면 제가 알아서 리사이징 해서 사용할께요. 정도 되면 이미 준 디자인너가 아닐까. 아니면 디자이너에게 iOS 용으로 해 주세요. Android 용으로 해 주세요. 등등의 부탁을 하면된다. 하지만, 디자이너 없이 혼자서 개발하다 보면 인터넷 이미지 사이트에서 이미지를 가져오거나 구글에서 검색해서 쓸만한거 골라서 복사해 오거나 유료 이미지를 구입하는 방법 등등 다양할 것이다. 디자이너들도 사실 개발자들이 무슨무슨 사이즈 주세요. 하면... 겉으로는 웃지만 속으로는 "이미지 사이즈 변환하는거 그것도 모르냐? 좀 있는거 변환해서.. 이미지 사이즈 변환 편하게 하자! 2탄~ npm 모듈을 이용 이전 포스팅에 이어서 이번에는 npm 패키지를 이용하여 appres.org 에 있는 자신의 프로젝트로부터 이미지를 다운로드 받는 방법 및 여러가지 다양한 이미지 변환 방법에 대하여 다뤄보고자 합니다. 따라서, 이번 포스팅은 이전 포스팅에서 다뤘던 부분은 생략하기 때문에 가급적 이전 포스팅을 먼저 살펴 보시면 좋겠습니다. 이전 포스팅 : indienote.tistory.com/579 이미지 사이즈 변환 편하게 하자! 설치없음. 모든 플랫폼. 이번 포스팅은 앱을 개발하는 앱 개발자들과 디자이너들에게 유용할 듯 합니다. 보통 앱을 개발하다보면 다양한 사이즈의 이미지가 필요합니다. 디자이너에게 흔히 1024x1024 로 만들어주시면 제 indienote.tistory.com 또한, 이번 포스팅은 npm 패키지를.. favicon.ico (파비콘) 그냥 쉽게 만들기 ~~~! 홈페이지를 방문하면 웹브라우저의 페이지 제목 옆에 아이콘이 하나 붙어 있습니다. 예를 들면 티스토리의 경우 다음과 같습니다. 아래 그림을 보면 글쓰기 왼쪽에 T 자 모양의 아이콘 이 일명 파비콘 입니다. fav(파비)는 favorite 의 줄임말 입니다. 애용하는? 즐겨찾는? 정도의 아이콘 이네요. ㅎㅎ HTML 에서 (흔히 index.html) 다음과 같이 아이콘을 설정하는 항목이 있습니다. 사실 파일 이름은 중요하지 않습니다. 그냥 이걸 첨에 고안해 낸 개발자가 (웹 브라우저 개발자 들이겠죠) 사용한 파일 이름을 그데로 사용한 경우 일 겁니다. 자신이 원하는 파일로 만들고 사용해도 된다는... 우리가 웹 사이트를 만들다 보면 jpg, png, gif 등의 파일에는 익숙하지만 사실 ico 라는 파일은 .. 앱리소스 AppRES 에 대하여… AppRES 란 App Resource 를 약칭하고 있습니다. "앱리소스" 혹은 "앱알이에스" 라고 읽어 주시면 되겠습니다. 2020년쯤 부터 시간을 쪼개서 개발하고 있습니다. 서비스는 무료이며 appres.org 사이트에서 제공하고 있습니다. 제가 웹페이지를 만들거나 앱을 만들때 개인적으로 개발하여 사용하던것을 appres.org 도메인으로 오픈 한 것입니다. 그래서 아직 기능은 완전하지 않고 2년째 베타 딱지를 붙히고 있습니다. 하지만 잘 알고 쓰면 꽤 쓸만합니다. 특히, 아이콘 리소스 관리는 저에게 꼭 필요한 기능이기도 합니다. 해당 서비스인 appres.org 사이트 자체도 해당 AppRES 프레임워크를 적용한 케이스 이기도 합니다. AppRES 를 이용한 간단한 샘플 사.. 앱 자체 화면 모드 기능 구현 - macOS 이번 시간에는 macOS 용 앱을 개발하실 때 화면 모드 (예; 라이트, 다크, 자동) 를 앱에서 구현하는 방법에 대하여 알아보도록 할께요. 일반적으로, OS X 의 환경 설정에서 다음과 같이 macOS 자체의 화면모드를 설정하여 사용하게 되는데요. 이 경우에 설치되는 앱에서 별도로 화면 모드를 지정하지 않아도 시스템의 설정값에 따라서 앱 실행 화면 자체의 색상이 자동으로 적용되고 있어요. 본 강좌의 목적으로 여러분께서 직접 개발하시는 앱에 대하여 이렇게 시스템에서 정해지는 화면 모드를 따라가지 않고 앱 스스로 화면 모드를 선택할 수 있는 기능을 구현하는 방법에 대해서 알아 보는 것으로 이해 하시면 되실것 같아요. 단계 1: 앱 기획 이를 위해서 우리는 다음과 같은 앱을 개발 할 예정이예요. 이제 앱 기.. SwiftUI 에서 viewDidLoad 처리 방법 구현 이번 시간에는 SwiftUI 프로젝트에서 viewDidLoad 처리 구현 방법을 알아 보도록 할께요. 우선 Xcode 를 이용하여 새로운 프로젝트를 생성하는데요. 프로젝트 이름은 편의상 viewDidLoad 라고 할께요. Xcode 프로젝트 개발에 많은 경험이 있으신 분들은 "단계 3" 으로 넘어가시면 좋으실 것 같아요. 우선, 코드의 기획 단계를 알아 볼께요. 단계 1: 프로젝트 생성 Xcode => File => New => Project 메뉴를 선택하여 새로운 프로젝트를 생성할 수 있어요. 다음과 같은 프로젝트의 탬플릿을 선택할 수 있는데요. 우리는 여기서 편의상 macOS 를 선택하도록 할께요. 참고사항으로 SwiftUI 를 사용할 수 있는 프로젝트에 적용되는 기술이기 때문에 다른 (예를 들어 i.. 이전 1 다음