Computer 관심 68

타입으로의 생각의 전환

나는 주로 파이썬과 자바스크립트를 사용했고, 혼자 코딩을 하면서 타입을 사용하지 않았다. 물론 대학교 때 C와 Java를 배운적 있어 타입에 대해 완전히 모르는건 아니었다. 사용할 필요가 없다고 생각하고 안사용하고 있었지만 이젠 동적타입 스크립트언어도 다 타입을 받아들인거 같다. 요즘 그 성능이 좋다는 fastapi를 가지고 놀고 있는데 튜토리얼을 보면서 타입이 적힌 코드를 보는게 익숙하지 않아 고생이었다. 처음부터 타입을 사용하던 사람이나 팀으로 프로젝트를 진행하는 사람들은 아마도 타입을 사용하는게 익숙하겠지만 타입을 안쓰던 사람이 타입을 쓰려니 머리가 아픈것이다. 어째튼 타입을 사용하기 위해선 기존에 가지고 있던 생각을 바꿔야 했다. "변수는 그릇 혹은 컨테이너다." 이런 개념이 "스트링용 컨테이너,..

4. [스벨트킷모바일앱개발] capacitor + sveltekit + capgo 모바일앱 라이브업데이트 하기

capacitor를 써서 플레이스토어를 통하지 않고 어플리케이션의 쉽게 코드를 업데이트 하는 방법은 capgo를 사용하는 것이다. 리액트는 appcenter의 코드푸시를 사용하면 된다. https://capgo.app/ Capgo - Capacitor Live update Send and manage updates in realtime for your capacitor app without store hassle, 5 min to install Over-the-Air (OTA) updates. Use channels to send to specific groups. capgo.app 아쉽게도 무료는 아니지만 월 39불이면 5,000 엑티브 유저 까지 사용을 할 수 있다. (테스트로 앱을 설치하면 만들면 ..

3. [스벨트킷모바일앱개발] 아이오닉 사용해서 앱 UI만들기

routes폴더에 들어가 +layout을 들어가보면 import 'ionic-svelte/components/all'; ionic의 모든 컴포넌트를 가져오는 걸 볼 수 있다. 이렇게 레이아웃에 컴포넌트를 불러오는 것이 있기 때문에 페이지에서 컴포넌트를 사용할 때 import를 따로 하지 않고 컴포넌트를 사용할 수 있다. 1. 일단 아래의 사이트를 들어간다. ionic의 컴포넌트 다큐먼트페이지다. https://ionicframework.com/docs/components UI Components | Ionic Documentation UI Components | User Interface Application Building Components ionicframework.com 여기를 들어가서 사용할 컴..

2. [스벨트킷모바일앱개발] 안드로이드 사인된 apk 만들기

이전편 1. [스벨트킷모바일앱개발] capacitor Ionic SvelteKit 실행해보기 스벨트아이오닉을 사용하여 capacitor로 모바일 앱을 만드는 방법인데 기존에 플러터나 안드로이드 앱을 만들어 봤다면 과정은 다를게 없기 때문에 어렵지 않다. 1. 커멘드에서 키스토어 생성 keytool -genkey -v -keystore key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 2. android/ 폴더에 key.properties 파일을 생성 storePassword= keyPassword= keyAlias=key storeFile= 파일경로가 \\를 사용해야함 3. android/app/build.gradle def keystorePro..

1. [스벨트킷모바일앱개발] capacitor Ionic SvelteKit 실행해보기

2. [스벨트킷모바일앱개발] 사인된 apk 만들기 이전에 스벨트에 capacitor를 설치하여 모바일 앱을 만들때는 설정해야 할 것들이 좀 있어서 귀찮았다. https://infocentre.tistory.com/147 하지만 ionic-svelte 프로젝트를 사용하면 이미 설정이 되어있어서 편하다. 아이오닉 스벨트 설치부터 안드로이드 폰에 APK설치 해보기 1. 설치하기 npm create ionic-svelte-app@latest 프로젝트이름 위처럼 아이오닉스벨트를 설치하면 수동으로 세팅해야 할 것들이 이미 설정이 되있어서 좋음. 만약 기존 프로젝트에 추가하려면 아래의 깃 문서의 설치 방법을 따라야함. https://github.com/Tommertom/svelte-ionic-app 2. 설치할 패키..

[티스토리 스킨 개발] 티스토리 스킨에 메인배너 개발하기

블로그에 IT와 여행 수술 후기 등을 쓴지도 꽤 지났다. 그렇게 인기 있는 내용의 글을 적지는 않아서 그런지 많이는 방문 하지 않는다. 대략 사람들이 하루에 100명 가까이는 방문하는거 같다. 1. 독일어 과외를 하는 친구가 독일어 배우는 학생을 찾는걸 도와달라고 부탁을 한적이 있는데 하나의 포스팅에 작성을 하다보니 많은 사람들이 보지 않았고 효율성이 없었다. 지금 사용하는 스킨에 공지사항을 올리는 기능이 있는가 봤지만 없었다. 2. 한국에 귀국한지 꽤 지났고 본격적으로 일을 찾으려 하는데, 생각보다 쉽지 않다. 꽤 많은 사람들이 내 블로그에 방문하는데 웹/앱 기획이나 개발로 일자리를 구하고 있다는 것을 알릴 수 있으면 어떨까 싶었다. 그래서 아래의 사진 처럼 보듯이 홍보 및 공지(빨간박스) 영역을 만들..

sveltekit을 vercel에 올리기(엄청 쉬움)

기존에 프로젝트는 netlify에 업로드를 했는데 sveltekit은 vercel에 올리는게 더 쉽고 좋은거 같다. SSR 1. 프로젝트를 깃허브에 올린다. 올리는 법 모르면 클릭 2. vercel에 로그인 후 https://vercel.com/dashboard 에서 add new project를 누른다. 3. vercel이 깃에 접근할 수 있도록 접근 권한을 주고 깃허브 리스트에서 올릴 프로젝트를 찾는다. 그리고 import 4.디플로이를 누르면 끝