일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 웹뷰
- Elastic Beanstalk
- https
- angular
- Route53
- hybrid
- swift
- AWS
- beanstalk
- node
- NeXT
- S3
- 알려줌
- 감사일기
- ios
- 페이스북
- cors
- nextjs
- php
- react
- fanzeel
- TypeScript
- Android
- JavaScript
- 카카오톡
- angular4
- node.js
- 네이티브
- 도메인
- 안드로이드
- Today
- Total
목록페이스북 (2)
쪼렙 as! 풀스택
fanzeel.com 에 알림 기능을 붙였다. 페이스북의 알림기능을 본따서 만들었다. 1. display: flex VS grid- 프로필 사진을 좌측에 정렬하기 위해서, flex 를 사용할까, Grid 를 사용할까 고민을 했다. - 페이스북은 그냥 float 을 사용했더라. - https://caniuse.com/#search=grid 에서 확인을 해보니, 좀 오래된 Android 브라우저에서는 Grid 가 불가능할 것같았다.- 난 무조건 최신 기능을 사용하기를 좋아하는 편이지만... 그래도 사용 프로젝트이니까, Flex 를 사용했다. 2. 중복 알림을 어떻게 할것인가.- 한 게시글에 댓글이 달리는 알림이 있다고 가정했을 때, 댓글 마다 알림을 주는 방법이 있을 것이고, 한 게시물에 여러댓글을 하나의 ..
Angular는 SPA 방식으로, 완벽하게 클라이언트 사이드 렌더링으로 돌아가게 되어있다. 이때문에 맨처음 index.html 파일과 관련된 js 파일 들을 단순히 다운로드만 받아도, 서버와 통신할 필요없이 사이트가 돌아갈 수 있게 된다. (물론 실제론 데이터 CRUD 를 위한 API 통신을 하겠지만, 이론적으론 이것과 별개의 이야기다) 그래서 맨처음엔 '우와, 서버리스로 구성해봐야징~' 하면서 아마존 S3 에 올려놓고, static 웹호스팅으로 연결해버렸다. S3 요금은 일반 서버를 사용하는것보다 훨씬 저렴하고, 따로 서버 컴퓨팅 리소스를 사용하지도 않기 때문에, '완전 좋네~' 하면서 만족해 했었다. 그런데 사이트를 완성해 놓고, SEO 와 페이스북 공유를 해보다 보니, 큰 문제가 있었다. ㅠㅠ HT..