일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- S3
- node.js
- https
- node
- 안드로이드
- nextjs
- 카카오톡
- swift
- 알려줌
- beanstalk
- Route53
- hybrid
- 네이티브
- ios
- Android
- react
- 웹뷰
- php
- 도메인
- 페이스북
- cors
- JavaScript
- NeXT
- angular
- Elastic Beanstalk
- angular4
- TypeScript
- 감사일기
- fanzeel
- AWS
- Today
- Total
목록개발 일지 (78)
쪼렙 as! 풀스택
전통적인 방법으, Header set Access-Control-Allow-Origin "*" 가 있다. 하지만 특정 origin 에서만 오픈하고 싶었다.테스트용 로컬호스트와, dev.test.com 이라는 도메인을 열고 싶다면, 아래와 같이 설정한다. SetEnvIf Origin "^http(s)?://(.+\.)?(localhost:4100|localhost:4000|dev\.test\.com)$" origin_is=$0Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
안드로이드 앱을 플레이스토어에 올릴 때, 개인이 갖고 있는 키 파일로 서명을 해야 APK 등록이 되었었다. 만약 서명이 다르면, 같은 패키지로 다시는 등록할 수 없기 때문에, 그 서명한 키 파일을 잘 보관해야만 했었다. 그래서 예전에 한 스타트업 행사에 갔다가, 다른 안드로이드 개발자가 나에게 와서, "키 파일을 분실했다" 며, 방법이 없냐고 물었던 기억이 있다. 그 서비스는 결국 키파일을 찾지 못했고, 기존 앱을 업데이트하지 못하고, 스토어에 새로 등록해야만 했었다. ------------- 그런 문제를 인식해서였는지, 이번에 안드로이드 앱을 업로드 해보니, 서명 키 관리를 플레이스토어에서 직접 관리하는 기능이 추가되었다. 그래서, 구글에서 관리하는 키로 배포를 했더니,서명이 달라지는 바람에, 페이스북..
let extras: NavigationExtras = { queryParams: { "paramKey":"value1" } }this.router.navigate(['/page/'+this.mContents.uri+'/reports'], extras) 주소에서 파라메터 가져오기. let extraValue = this.route.snapshot.queryParamMap.get("paramKey") //extra Param 가져오기.let contentsId = this.route.snapshot.paramMap.get("contentsId") //Route Uri 쿼리해서 가져오기
이때까지는 페이스북에서 제공하는 SDK 는 Objective-C로 되어있었다. 그리고 Swift 에서 Obj-C SDK 를 사용해도 별 무리가 없었기 때문에, 잘 사용하고 있었는데, 오랜만에 Facebook Developer 에 들어가보니, Swfit SDK 가 있는것 아닌가?! 버전은 0.3 ... 아직 베타버전인가보다.SDK 에서 String.characters 워닝이 뜬다. Swift4 에서는 characters 가 Deprecated 되었으니... Swift3으로 만들어진것 같다. 페북 Swift SDK 는 Cocoapod 으로 설치가 가능해서, 아주 편리해졌다. 1. 로그인 매니저로 로그인 하기. - 페이스북에서 제공하는 로그인 버튼이 있지만, 직접 커스텀한 버튼을 이용해서 페북 로그인을 하고 ..
UILabel 에 부분적으로 Bold 처리하고 싶을 때가 많이 있다. AttributedString 을 쓰면 되는데,이게 매번 쓰기가 참 귀찮다. 그래서,편하게 "Bold" 스타일과, "Normal" 스타일을 번갈아가면서, 마음대로 Attributed String 을 만드는 Extension 을 만들어서 간단히 해결. extension NSMutableAttributedString { func bold(_ text: String, fontSize: CGFloat) -> NSMutableAttributedString { let attrs: [NSAttributedStringKey: Any] = [.font: UIFont.boldSystemFont(ofSize: fontSize)] self.append(NS..
fanzeel.com 에 알림 기능을 붙였다. 페이스북의 알림기능을 본따서 만들었다. 1. display: flex VS grid- 프로필 사진을 좌측에 정렬하기 위해서, flex 를 사용할까, Grid 를 사용할까 고민을 했다. - 페이스북은 그냥 float 을 사용했더라. - https://caniuse.com/#search=grid 에서 확인을 해보니, 좀 오래된 Android 브라우저에서는 Grid 가 불가능할 것같았다.- 난 무조건 최신 기능을 사용하기를 좋아하는 편이지만... 그래도 사용 프로젝트이니까, Flex 를 사용했다. 2. 중복 알림을 어떻게 할것인가.- 한 게시글에 댓글이 달리는 알림이 있다고 가정했을 때, 댓글 마다 알림을 주는 방법이 있을 것이고, 한 게시물에 여러댓글을 하나의 ..
iOS11 이 나오고, Swfit 버전이 4로 업글되었다. 그동안, FANZEEL.COM 작업을하느라 바빠서 대응을 못했었는데,내가 관리하고 있는 iOS 앱들의 iOS11 대응을 진행했다. (현재 서비스중인건 투이톡, IT알려줌, 줄거리알려줌 이렇게 3개이다) 예전에 Swift2 에서 3으로 넘어올 때 개고생 했던 기억이 있다.언어 문법 자체가 너무 많이 바뀌어버려서... 에러를 쫙쫙 뿜어대는... 그 지옥같았던 기억이... 그런데 다행히 Swift3 에서 4로 넘어오는때는 거의 그렇지가 않네.스위프트가 이제 정말 안정기에 접어들려고 하나보다. 몇가지 검색을 해보니, 다들 비슷한 생각들을... ㅋㅋ What’s New in Swift 4?http://kka7.tistory.com/82 ----------..
Angular4로 component 단위의 개발은 매우 편리한데,Javascript 라이브러리를 가져다 쓰려면, 꼭 귀찮은 일들이 발생하기 마련이다. GoogleAnalytics 로 Tracking 을 해야됐어서, Javascript 코드로 심으려고 보니까,window 객체에 property 를 추가해야했다. 개발자 가이드를 보면, https://developers.google.com/analytics/devguides/collection/gtagjs/ window 객체에 dataLayer 라는 프로퍼티와, gtag() 라는 function 을 추가해야한다. 문제는 TypeScript 에서 window 객체에는 그냥 저런식으로 접근할 수도, 추가할 수 도 없다. 그래서 TypeScript 에서 windo..
https://thor3.fanzeel.com 을 작업하고 있다. Angular 에서 '뒤로'버튼을 누르면 해당 컴포넌트가 첨부터 다시 Init 하면서, 첨부터 다시 렌더링을 한다.필요한 데이터도 새로 불러오기 때문에, 모든 화면이 리프레시 된다. 내가 작업하고 있는 사이트에서는 메인페이지의 글 목록이 있는데, 예를 들어 "3"페이지에 있는 게시물을 선택해서 상세보기에 들어갔다가 다시 "뒤로"버튼을 눌러서 리스트 화면으로 돌아오면,이게 컴포넌트를 처음부터 새로 생성하면서, 모든 데이터도 다시 불러오고 "1"페이지 부터 다시 보여지는 것이다. UI 상 큰 문제가 되었다. 이것을 해결하기 위해 Angular 에서 제공하는 RouteReuseStrategy 인터페이스를 구현해야 했다. 1. RouteReuse..
1. 마블의 토르3 - 라그나로크의 팬질 미니홈을 작업중이다. HTML 편집기능이 있는 일반 게시판 기능을 추가해달라고 해서, 위지윅을 포함하는 게시판 기능을 개발하고 있다. 2. 위지윅 에디터 - CKEditor vs tinyMCE- 위지윅을 선택해야 했는데, CKEditor 와 tinyMCE 두개 중에 많은 고민을 했다. 두개다 강력해 보였다. - Angular4 에 compatible 한가 찾아봤는데, 둘다 공식적인 지원은 없고, 그냥 누가 만들었는지 모르지만 wrapper 가 npm 에 올라가 있다. official 래퍼가 아니면, 일단 고민을 더 하게 된다. 언제 지원이 끊길지 모르기 때문에. 그래서 그냥 Javascript 라이브러리 그대로 가져다 쓰기로 결정했다. - TypeScript 에서..