# twitter

19개의 포스트
post-thumbnail

형태소 분석기 - 품사 태그표

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

2021년 2월 24일
·
0개의 댓글
post-thumbnail

Dwitter 업데이트 소식

로딩화면 개선

2021년 2월 11일
·
0개의 댓글
post-thumbnail

Google Firebase와 React를 이용한 트위터 클론 만들기 - 후기

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

2021년 2월 7일
·
0개의 댓글
post-thumbnail

Google Firebase와 React를 이용한 트위터 클론 만들기 4

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

2021년 2월 4일
·
0개의 댓글
post-thumbnail

React Twitter Clone (21) - 트윗 파일 URL

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

2020년 9월 25일
·
0개의 댓글
post-thumbnail

React Twitter Clone (20) - 업로드

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

2020년 9월 24일
·
0개의 댓글
post-thumbnail

React Twitter Clone (17) - 중간 요약

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

2020년 9월 23일
·
0개의 댓글
post-thumbnail

React Twitter Clone (13) - 트윗 받기

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

2020년 9월 21일
·
0개의 댓글
post-thumbnail

React Twitter Clone (12) - Twitting

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

2020년 9월 21일
·
0개의 댓글
post-thumbnail

React Twitter Clone (11) - 양식 및 데이터베이스 설정

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

2020년 9월 20일
·
0개의 댓글
post-thumbnail

React Twitter Clone (10) - 로그아웃

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

2020년 9월 20일
·
0개의 댓글
post-thumbnail

React Twitter Clone (4) - 라우터 세팅

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

2020년 9월 16일
·
0개의 댓글
post-thumbnail

React Twitter Clone (1)

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

2020년 9월 16일
·
0개의 댓글
post-thumbnail

SpringBoot - 소셜 게시글을 가져오자!

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

2020년 7월 6일
·
0개의 댓글
post-thumbnail

수식 입력 및 외부 서비스 개체 삽입 기능 업데이트

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

2020년 3월 30일
·
33개의 댓글
post-thumbnail

TIL(20.03.05) twitter 따라해보기

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

2020년 3월 5일
·
0개의 댓글