본문 바로가기

프로그래밍15

자바스크립트 날짜 다룰 때 참고 사이트: https://meetup.toast.com/posts/130 1. 날짜는 해당 지역의 시각으로 반영되어 클라이언트에서 보여야 한다. 2. 절대 데이터는 UTC 기준 유닉스 시간이거나 오프셋 정보가 포함된 ISO-8601 3. 사용자 정보를 받아서 utc로 변환하는 작업을 파싱, utc나 iso-8601을 받아서 그 지역에 맞게 보여주는 작업을 포맷팅이라고 한다. 포맷팅은 대게 클라이언트에게 위임한다. 4. 자바스크립트의 Date는 자바 유틸의 영향을 받았다고 함. -> 불변 데이터가 아님. 5. parse, getHour, setHour 등의 메서드는 클라이언트 로컬 타임존의 영향을 받는다. 그러므로 사용자가 입력한 데이터를 이용해 그대로 Date 객체를 생성하거나 값을 지정한다면 그 데.. 2019. 11. 25.
다섯 번째 프로젝트. Awesome Instagram UI Clone 설명: 처음엔 https://reactnativeexample.com/react-native-instagram-ui-clone-steemit-app/ 여기에 있는 코드를 보고 구현을 하려고 했는데, https://busy.org/@anpigon/react-native-ui-1 이 블로그가 있는 걸 보고 쉽게 따라할 수 있었다. 설명이 잘 되어 있다. - Stack Navigation으로 MainScreen과 네이버 쇼핑 아이템 웹뷰, 그리고 프로필 피드 드 상세 내용을 구현하였다. - Tab Navigation으로 홈 탭, 프로필 탭.. 등의 탭 이동을 구현하였다. - 헤더와 카드, 아이콘, 버튼, 홈 탭의 팔로우 스크롤 뷰 등의 UI는 인스타그램 UI와 유사하게 구현되었다.(블로그 내용) - 홈 탭의 .. 2019. 11. 14.
4번째 프로젝트. Awesome Wise Saying App 앱을 실행하면 https://theysaidso.com/ 로부터 그날의 명언을 가져와서 보여준다. 이 api는 한 시간에 10번만 호출이 가능하기 때문에 react-native 모듈의 AsyncStorage를 사용하여 로컬에 그날의 명언을 캐싱한다. 매일 아침 7시 30분(임의로 지정)이 되면 firebase function 을 통해서 앱 실행시 알림 동의를 앱에 경우, 푸시 알림을 보내준다. github 주소: https://github.com/adler0311/awesome-wise-saying-app 스택: - React - React Hook - React Native - firebase(firestore, functions) 새로 익힌 혹은 더 연습한 기능/기술: - React Hook을 사용해.. 2019. 11. 5.
반응형