-
GCP를 이용한 backend 개발 AppEngine VS Cloud Function 고민하기개발 이야기/Firebase 2019. 3. 11. 22:23
GCP 앱엔진 기반에서 개발중인 SPA 웹 어플리케이션의 백엔드를 구현하는데 있어서 아래와 같은 고민을 함 고민 주제 > mysql 쿼리 후 데이터를 json형태로 리턴하는 하는 백엔드는 어떤 환경으로 처리하는 것이 가장 이익일까?(요금이 적을까) 결론까지의 생각의 변화 1. 하나의 앱엔진에 프론트와 백엔드 둘 다 처리하도록 한다.=> 왜 하나의 앱엔진 프로젝트에서 프론트와 백엔드를 처리해야하나? => 웬지 앱엔진 프로젝트 하나 더 쓰면 과금이 더 많아지는것 같은 근거 없는 불안감 => 프론트는 한번 전송되고 나면 백엔드만 계속 호출될 텐데 프로젝트 2개 써도 과금은 같은거 같은데? => 그럼 vue router로 프론트, 백엔드 같이 쓰도록 셋팅하기 귀찬으니깐 앱엔진 프로젝트 2개 쓰자! 하고 1차 결..
-
스토어팜 상위노출을 위한 최적화 방법 정리토리토시스템 2019. 3. 7. 16:10
첫 페이지 노출, 상위 노출이 온라인 마케팅의 핵심제품이 좋아도 노출이 안되면 인터넷 시대에서는 무용지물 망하기 딱 좋다! 나만의 스마트스토어 상위노출 노하우 정리 (내가 스토어팜을 운영하면서 느낀 실제 느낌과 뇌피셜을 섞어서!) 1. 스마트스토어는 네이버 애널리틱스를 꼭 연동해서 모니터링하자. 2. 제품의 대표 이미지는 텍스트를 쓰지 말고 심플하게 보여줘야 함.트래픽 작업 없이 SEO 싸움에서 승리하려면 상위에 있는 제품들의 썸네일의 점수를 역추적해 볼 필요도 있다. 썸네일 성향 파악에는 Vision을 사용(근데 생각보다 썸네일의 지수는 크지 않은 듯...) 3. 제품의 추가 이미지는 무조건 등록을 해줘야 한다. 4~6장 정도가 적합한 것 같다. 4. 상품 상세 페이지는 블로그 식으로 텍스트를 섞어서 ..
-
vue와 함께 사용하기 좋은 프론트엔드 3대장개발 이야기/Web 2019. 3. 7. 14:55
저는 최근에 최신의 기술을 이용한 SPA(Single Page Application) 웹 애플리케이션 개발을 위해 vue를 선택했습니다. 개발의 규모가 거대했다면 react를 고려했겠지만 쉽고 빠르게 개발을 진행하기 위해서 결단을 내렸습니다.개발이야 최신 기술이던 아니던 사용자들은 결국 UI에 눈이 휘둥그레지기 마련입니다.vue와 함께 사용해서 최소의 노력만으로 화려한 UI를 제공해주는 frontend ui framework 3종을 소개합니다.1. VuetifyMaterial Design을 필요로 하는 애플리케이션을 만들려고 한다면 이 녀석이 제격입니다.다만 이 녀석이 제공하는 디자인을 수정하려고 하면 자유도가 제한적이기 때문에 나만의 개성 넘치는 디자인을 원하는 경우라면 좋은 선택이 아닐 수 있습..
-
Firestore 사용시 주의점개발 이야기/Firebase 2019. 2. 24. 22:29
웹에서 Firebase의 Firestore를 사용 시 주의 사항. 1인 개발자로서 저렴한 비용에 쉽고 빠르게 서비스를 구축하기 위해서 Firebase를 사용해서웹페이지를 만들면서 발생한 이슈들에 대해서 공유합니다. 현재 개발한 웹페이지는 Firebase Host에서 호스팅 중이며 프런트 개발은 vue를 이용했습니다.SPA로 개발된 것은 아니고 뷰의 장점인 점진적인! 도입이 가능하기 때문에 동적인 부분만 Vue를 도입했습니다. Firebase Host, Firebase Auth, Firebase Firestore 사용 ▶주의 사항들 1. Firestore는 느리다.실제로 느립니다. 보통 짧게는 2초, 건수가 좀 되는 경우는 3~4초 정도 걸려서 조회되는데 생각보다 느려서 답답합니다. 2. 1개의 문서는 1..
-
Firebase cors 문제 해결하기개발 이야기/Firebase 2019. 2. 14. 18:04
Firebase로 Host 중인 사이트에 도메인을 지정함. Firebase의 Cloud Function을 쓰면 cors 이슈가 나옴. 1. 먼저 firebase로 호스팅중인 소스의 firebase.json 파일에 크로스 도메인 이슈를 해결하기 위한 헤더를 추가함. headers 부분임. { "hosting": { "public": "public", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "headers": [ { "source" : "**", "headers" : [ { "key" : "Access-Control-Allow-Origin", "value" : "*" }] }] }} 2. 작업중인 firebase의 함수 프로젝트의 fun..
-
WPF Click Once 네이버 클라우드 플랫폼 Storage로 배포하기개발 이야기/C# WPF 2018. 12. 22. 01:27
정적 호스팅이 되어야 WPF를 Click Once로 웹상에 배포할 수 있다. 정적 호스팅이 가능한 저렴한 클라우드 서비스를 찾아보았다. 1. 구글 클라우드의 스토리지도 정적 호스팅이 되긴 하는데 사용이 복잡하고 2. Dropbox의 public기능은 2017년 중단되었다. (유료회원도 사용을 못함) 3. 네이버 클라우드 플랫폼의 Storage에서 Object Storage를 통해 배포에 성공했다. 배포 방법 1. WPF의 CLICK ONCE 게시 방법은 생략. (이건 나중에 다시 포스팅하자) 2. 네이버 클라우드 플랫폼 가입은 필수, Object Storage 이용 신청 2. NCP 콘솔에서 Object Storage 선택 후 버킷 생성. (버킷 이름이 유니크 해야함)EX) 버킷이름을 TESTBK 라고 ..
-
Firebase Storage로 adhoc ipa 배포하기개발 이야기/IOS 2018. 11. 23. 16:37
Firebase를 이용해서 ipa를 배포 준비물.ipa//실제 설치파일.plist//설치 파일의 경로를 가르킨다..html//.plist 파일을 가르킨다. 실페 배포 페이지 //plist 파일 items assets kind software-package url 여기에 설치파일 경로 입력 metadata bundle-identifier 여기에 번들명 bundle-version 버전 kind software title 타이틀명 //배포 페이지 다운로드 1. Firebase storage에 .ipa, .plist 파일을 업로드한다. 2. 각 파일의 다운로드 URL을 단축 URL로 변경한다. https://goo.gl/ 을 이용해서 URL을 단축 //ipa 파일https://firebasestorage.goo..
-
Dropbox로 adhoc ipa 배포하기개발 이야기/IOS 2018. 11. 23. 16:15
준비물.ipa//Export된 실제 설치파일.plist//설치 파일의 경로를 가르킨다. (직접 만들어야함).html//.plist 파일을 가르킨다. 실페 배포 페이지 (직접 만들어야함) //plist 파일 생성 items assets kind software-package url 여기에 설치파일 경로 입력 metadata bundle-identifier 여기에 번들명 bundle-version 버전 kind software title 타이틀명 //배포 페이지 생성 다운로드 1. ipa파일과 .plist파일을 드랍박스에 업로드하고 공유하기를 눌러서 공유 URL을 만든다. 2. 아래와 같이 URL을 변경해준다. //ipa 파일https://www.dropbox.com/s/7p6tk8l3lxyq124/파일명...