myongstagram
Table of Contents
About
- 개발자 : 이성희
- 개발 기간 : 2018.05.25 ~ 2018.06.13
Development Environment
- React Native(Expo)
- Node.JS + Express + Postgres + firebase
- Android emulator : pixel2 api 26, galaxy s7 api 23
Getting Started
Prerequisites
* Firebase Api Key
Follow these steps to get your firebase API key
-
Generate an empty project
-
Change firebase storage security rules like:
service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write; } } } -
Navigate different icons in DEVELOP to get apiKey, authDomain, databaseUrl, projectID, storageBucket, messagingSenderID and add them in
client/config/index.js
Running the App
$ cd client
$ npm install
$ yarn start
$ cd server
$ npm install
$ psql postgres
> CREATE ROLE myongstagram WITH LOGIN CREATEDB PASSWORD 'myongstagram';
$ sequelize db:create
$ sequelize db:migrate
$ sequelize db:seed:all
$ npm start
-Android Emulator-사용
Screenshots
Signup & Signin & Logout
add, edit, delete Post
Add Heart & Push Notification
Search accounts & posts
Profile
Todo
18-05-25
- 5개 Screen(Feed, Search, AddPhoto, Notification, Profile) 추가
- BottomTab 추가
- Tab icon 적용
- Feed, Profile header 추가
header가 stack 거쳐야 나옴.. 왜지? 마지막도 꼭 , 적어줘야 함. 로고가 묘하게 삐뚤어짐
18-05-27
- LoginScreen 추가
- Login button click => FeedScreen 이동
- screens 폴더 생성 => Screen들 이동
폴더를 나눠야 할 것 같은데 어떻게 나눠야할지 모르겠음ㅠㅠ -> 스택들 다 하나하나 naigation에 넣어야 하는 건가 ....stack들 tabnavigation에 다 합치려고 했더니 header사라짐....... ** Failed prop type: Invalid props.style key
marginRigthsupplied toText. ** : 뭘까.. -> 오타난 것이였음...
18-05-31
- psql 환경변수 설정 -> 변수는 설정되었는데 인증을 못함..... pg_hba
- toptab ~ing
- search inputText
ios-timer-outline
아이콘들 그냥 row하면 안됨-> view에 넣어야.
중앙에 탭 못만드나 ㅠㅠ => tab을 중첩시키면 될 듯
사진 resize가 제대로 안됨..
18-06-02
- 상단바 padding
- card layout 완성~
- folder 정리
- header title 정렬 이상한 것 고침
- profile 중첩 tab icon
- login : signin 추가
- signscreen 추가
- id -> password page id넘기기
- camera roll 하다가 중단
상단바 padding
style={{ paddingTop: Expo.Constants.statusBarHeight }}중앙에 두려면 그 상위 view에다가 적용하기.
여전히 resizeMode안먹음..- > width 100% 설정
resize는 되었는데 이제 남는 부분이 문제...
중첩 tab할 때 screen 껴 넣는 문제 => stack 두 개로 나눠서 header로
headerTitle은 header와 다르게 top에 margin생김..
cannot add a chile that doesn't have a yoganode to a parent without a -> 오탈자
Invalid Client..............
18-06-03
- props 넘기기.....
- 갤러리 드디어 접근...
- 사진 크롭
- stylesheet 정리!
state가 안바뀜(email 가입시) -> state는 바뀌는데 안넘어감..... -> this.state를 this.props라고 pass함.. 삽질..
permission-> app.json에서
원래 header stack 가야 나왔었는데... 갑자기 혼자 길어지더니 이제 ㄴ됨... 고쳐야 겠다.
18-06-04
- header 수정
- stack 정리
stack 없애면 header가 안나옴....
header, headerTitle(이건 top margin 생김...)
$ sequelize db:migrate
- 테이블 생성됨
$ sequelize db:migrate:undo
- 테이블 생성 취소 - 계속해볼것.
table 만들때 띄어쓰기 절대 x
18-06-05
- 이메일 형식 체크
- 이메일 중복 체크
- 회원가입 성공
- 로그인 성공
- 이미지 업로드 성공
- get download url......
- post insert 성공..
image url -> undefinedㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ user id....undefied...
18-06-06
- user table에 이름, 프로필이미지 추가
- user/post association
- fetchPosts
- story ui 추가
- profile 버튼 고침
- post 수정 server router
fk join하려면 association 설정해야됨. 피드에 사진이 안들어감.....
stack 정리해야됨.
18-06-07
- post routes 정리
- editPostScreen 추가
- menu 추가
- post delete 추가
18-06-09
- 이미지 안나오는 것 고침
- 디테일페이지 완성
- 프로필 username
- feed card 안나왔던 것 고침
- 프로필 정리
- user, account table 나눔
- key string
- 유저 정보 수정 추가
이미지 안나오는게 uri... %2f로 되어있었음. 프로필 username header 오류 add, 변경할때 reducer어떻게 할지 고민..
18-06-10
- 수정했을 때 리스트 리로드
- 삭제했을 때 에러남.
- 삭제했을 때 리스트 리로드
- 검색 구현(유저로 할 것인지 글로 할 것인지..)
- 프로필 게시물 개수 적기
- 프로필에서 리스트 짤림
- 로그아웃 버튼
- 프로필 헤더
- 게시물 추가 헤더
- 게시물 추가했을때 에러남....왜? -> list user정보 없어서. 해결
- 프로필에서 삭제했을 때 네비게이션
- 페이스북 ~정보받아오기
user AsyncStorage로 옮김.
18-06-11
- 수정/삭제 권한
- 로그아웃 추가
- search 버그
- list key
- feed header 사라진 거 고치기
- 프로필 수정 리로드
- 내 post 리로드
- like 추가
- 하트 누르면 푸시 알림
- 로그인, 새 글 작성 => text input 안남아있도록
- reload button 추가
버그때문에 fk 삭제함. notification page 정리(옮기기)