# twitter

hsoh0423

KoNLPy 품사 태그표 Sejong project (ntags=42) <td colspan="2" class="xl82" width="144" styl

soonitoon

로딩화면 개선

soonitoon

트위터 클론 코딩 프로젝트 후기. 그리고 블로그 포스팅을 시작하고 나서 느낀 것들.

soonitoon

CSS와 유용하게 사용했던 웹 사이트

soonitoon

드윗&프로필

soonitoon

유저&드윗 객체와 메인 페이지 구현

soonitoon

개요 및 Firebase 인증 기능을 사용한 로그인

choidy180

업로드시 콘솔에 표시되는 reference를 보면 reference, location, service 등등이 있는 것을 볼 수 있습니다. 일단 저는 url을 다운받고 싶기 떄문에 public url을 다운받아야 합니다. putString 문서부분을 보면 uploa

choidy180

이제 bucket에 업로드를 할껍니다.우선 Home.js의 onSubmit 부분을 위처럼 주석처리 합니다. 트윗을 업로드 하는 순서는 사진이 있다면 URL을 받아서 URL을 Twitt에 추가하고 URL을 가진 Twitt을 만드는 겁니다.Firebase Storage 부

choidy180

다시 한번 복습해보겠습니다. authentication 이후의 것들을 복습하겠습니다.Home에서 listner로 snapshot을 사용하고 있습니다. snapshot은 기본적으로 무언가가 일어나면,onSnapshot은 기본적으로 데이터베이스에 무슨 일이 있을 때, 알

choidy180

이제 작성한 트윗들을 어떻게 가져올 것인지를 생각해야 합니다.Home.js에 state를 하나 만들어 줍니다. 그리고 기본값은 비어있는 array로 합니다.그리고 useEffect를 사용하여 컴포넌트가 mount될 때 dbService를 가져옵니다. 그리고 collec

choidy180

위의 Cloud FireStore의 database는 NoSQL database입니다.SQL 데이터베이스에는 많은 규칙과 관습들이 있습니다.다만 몇가지 제한사항이 존재합니다.NoSQL database의 한 가지 특징은 Collection을 가지고 있습니다.Collect

choidy180

이제 폼을 만들어 보겠습니다. Home.js에 코드를 작성합니다.게시글 작성에 필요한 함수들도 미리 정의해둡니다.

choidy180

components 디렉토리에 Navigations.js를 만들어서 위처럼 코드를 작성하고 Router.js에 추가해줍니다.해당 추가 코드는 isLoggedIn이 true인 경우 Navigation을 노출시키는 코드입니다.그 후에 로그인하면 위처럼 나오게 됩니다. 이

choidy180

src에 conponents와 routes 디렉터리를 만들고 App.js를 componenets 폴더에 옮겨 놓습니다. 그리고 index.js 부분의 App의 경로를 수정합니다.기본 페이지 구성은 위와 같이 해주겠습니다.이 후에 Navigation을 만들어야 하는데np

choidy180

훌륭한 백엔드 기능들을 포괄하고 그 기능들은 제공해주는 것기존의 리얼타임 데이터베이스도 지원하지만, 리얼타임 데이터 베이스는 서버 확장이 자동적으로 지원되지 않아서 데이터베이스를 추가적으로 생성해줘야 합니다. Firebase는 사용자가 많아질 경우 서버 확장도 알아서

jbb9229

최근 기사나 블로그들을 보면 SNS의 게시글을 SNS에서 보는 것처럼 그대로 가져온 것을 보신적 있으신가요? 프로젝트에 해당 기능을 추가하며 내용을 공유하고자 작성합니다. 각 소셜마다 공식 Document를 확인해보면 Embed API를 확인할 수 있습니다

velog

벨로그에 수십 입력 및 외부 서비스 개체 삽입 기능이 업데이트 됐습니다!

1571min

오늘은 트위터의 일부 모양을 따라서 만들어 보고 자바스크립트를 이용해서 댓글을 작성하면 해당 댓글을 업데이트 하고 업데이트한 댓글의 아이디를 누르면 그 아이디에 해당하는 댓글을 필터해서 보여주는 기능을 만들어 봤다 페어분과 임의로 저장한 댓글 데이터를 출력하는 함수까지