전체 글15 [Firebase&Web연동 14] firebase key를 이용해서 내가 쓴 글만 가져오기 [Firebase&Web연동 14] firebase key를 이용해서 내가 쓴 글만 가져오기 ● 들어가기 전지난 포스팅에서는 firebase storage를 이용해서 파일을 저장하는 법에 대해서 알아보았다. 이번 포스팅에서는 snapshot.key를 이용해서 내가 쓴 글만 조회하는 법에대해서 살펴보도록하자.● 실습순서1.sessionCheck가 완료되면 내가 쓴 글 조회하는 함수 호출2.loginUserKey를 이용해서 현재 로그인 한 사람의 글 데이터 값만 가져오기3.javascript 동적 태그를 만들어줘서 데이터 삽입하고 붙여주기1. 세션체크 완료 후 글조회 함수 호출mypage.html에서 sessionCheck 함수 아래 1초뒤 myThanksList를 가져오는 함수를 호출 한다. 왜 1초뒤에 .. 2018. 3. 2. [Firebase&Web연동 13] 프로필 페이지 저장버튼 구현 [Firebase&Web연동 13] 프로필 페이지 저장버튼 구현 ● 들어가기 전지난포스팅에서는 수정버튼을 누르면 발생하는 이벤트 함수와 그 안에 로직구성을 살펴보았다. 이번 포스팅에서는 저장버튼을 누르면 사진이 저장되고 한줄 글이 저장될 수 있도록 구현을 해보자. ● 실습순서1. if문으로 저장하기 버튼이 눌렸을때 체크2. 저장하기 버튼이 눌렸으면 먼저 firebase storage로 가서 사진 저장3. 사진 url을 가져와서 firebase database user레퍼런스에 저장4. 한줄글도 firebase database user 레퍼런스에 저장5. 활성화된 file 버튼과 textarea 태그 삭제1. if문으로 저장하기 버튼 체크유저가 저장하기 버튼을 누르면 if문이 체크를 해서 firebase에.. 2018. 3. 2. [Firebase&Web연동 12] 프로필 페이지 수정 버튼 구현 [Firebase&Web연동 12] 프로필 페이지 수정하기 구현 ● 들어가기 전지난 포스팅에서는 session체크를 해서 로그인한 유저만 마이페이지 접근 할 수 있게 만들었다. 그리고 sessoincheck 로직을 공통모듈로 사용하기 위해서 js 파일을 따로 만들어서 분리시켜주었다. 이번에는 수정 버튼의 id를 이용해서 수정버튼이 눌렸을 때 file 버튼이 활성화 되고, 한줄 글을 적을 수 있는 textarea 태그를 활성화 시켜주는 법을 살펴보자. 시작전에 제일 아래에 첨부한 전체 소스코드를 열어서 살펴보자. 그리고 firebase api script는 꼭 자신이 부여받은 값으로 바꾸는거 잊지말자.● 실습순서1.mypage에서 수정하기 버튼을 눌렀을 때 작동할 함수 만들어 주기2.함수안에 새로운 fil.. 2018. 2. 28. [Firebase&Web연동 11] 프로필 페이지 session [Firebase&Web연동 11] 프로필 페이지 session ● 들어가기 전지난 포스팅에서는 마이페이지 화면만 만들어 놓았다. 아직 기능이 구현이 안되어있는데, 이번 포스팅부터 화면에 기능을 하나씩 붙여보도록 하겠다. 먼저 session체크를 통해서 로그인한 유저인지 아닌지 확인한 다음 로그인한 유저에게만 마이페이지를 보여주도록 하겠다. 로그인 세션 체크 로직은 앞에서 구현을 해놓았는데 그파일을 따로 js파일로 만들어서 빼주겠다. 왜냐면 index.html,과 mypage.html에서 동시에 접근해야 되기 때문이다. 자세한건 아래에서 설명하겠다.● 실습순서1.sessoinCheck() 함수를 따로 파일을 만들어서 빼주기2.index.html, mypage.html의 태그에 id="mypage" 이런식.. 2018. 2. 27. 이전 1 2 3 4 다음
