돌아온 알고리듬 구글 파이어베이스 프로젝트 글을 얼추 완성하여서 이제 다른 글을 쓸 수 있다! 그 첫 타자는 바로 알고리듬이다. 현재 기업에 이력서를 제출 중이라 적성검사를 대비하기 위해 매일 프로그래머스에 있는 기출문제를 한 문제씩 풀어보고 있는데, 어제 인상깊은 한 문제를 발견했기 때문이다. 한번 같이 풀어보자. 문제 내용 여기에서 볼 수 있...

구글 애널래틱스로 사용자 분석 웹페이지에 구글 애널래틱스를 적용하면 페이지에 접속한 사용자들이 누가/얼마나 있는지 등을 볼 수 있다. 물론 접속한 사람의 신상정보가 뜨는 것은 아니고, 어느 나라 어느 지역에서 들어왔는지 같은 기초적인 정보만 알려준다. 애초에 접속기록만으로 신상정보까지 알아내는 것은 해킹이다! 구글 애널래틱스는 이러한 접속 통계...

마지막 시간 타잎스크립트 웹프로젝트에만 너무 시간을 쏟는 듯 하여 최종적으로(?) 로그인 구현을 구현하고 본 게시판 프로젝트를 끝마치기로 한다. 로그인-게시물-댓글 3가지 기능만 있어도 그럴싸하게 보이기 때문이다? 로그인 로그인은 저번에 말했던것처럼 파이어스토어의 Authentication 기능을 활용하면 된다. 그러면 사용자를 어떻게 등록하느냐...

지난 시간에 지난번에 파이어베이스 클라우드 함수를 node express 형태로 만드는 것과, 이를 활용해 클라우드 함수를 라우팅하고 미들웨어 처리하는 방법을 배웠다. 이렇게 배운 기능들을 응용하여 게시판 api에 보안 기능을 추가해보자. 가장 기본적이지만 중요한 보안으로, 파이어베이스에 등록된 사용자만 api 요청을 할 수 있도록 한다. 파이어...

클라우드 응용 지난 웹프로젝트 7번번에서는 파이어베이스 클라우드 함수를 사용하여 서버 구축 없이 api 서버를 제작하는 방법을 배웠봤다. 이 api 서버를 조금 더 체계적으로 만들어보자. node express와 통합 파이어베이스 클라우드 함수는 다양한 언어를 지원하는데, 만약 이 블로그처럼 Node.js(자바스크립트)를 사용하여 구현한다면 no...

1주일 쉰다고 했는데 3주일이나 쉬어버렸다. 그동안 얄팍한 CSS 지식으로 홈페이지를 이것저것 다듬어봤다. 바뀐점 UI 가독성을 향상시켰다. 뭔지는 보면 안다. 모바일용 반응형 웹페이지를 구현하였다. 카테코리 기능을 추가했다. 등등…(이스터 에그처럼 찾아보길) Jekyll now 테마가 다소 가독성이 떨어져 개선할 생각을 예전...

1주일 쉰다. 이상이다.

api 서버와 클라우드 함수 파이어베이스 클라우드 함수를 사용하면 서버를 구축하지 않고도 api를 구현할 수 있다. 무슨 말이냐면, 지난번까지는 node express를 사용해 api 서버를 구현했다. 이 서버는 클라이언트(여기서는 웹 페이지)에서 api 형태로 넘어오는 모든 요청을 꾸준히 처리해야 하니 24/7 내내 돌아가야 한다. 365일 24...

댓글창 만들기 이번에는 클라이언트에 댓글 시스템을 추가하고, 휴대폰에서 클라이언트에 접속해 댓글을 보내면 컴퓨터에 알림이 오도록 구현해보겠다. TossoDetails.tsx에 아래와 같이 댓글창을 만들자. ({isEdit?...} 바로 아래에) <div className={styles.commentsContainer}> <...

fcm 메세지 보내는 방법2 지난 시간에 api 서버를 만들고, fcm 메세지를 보내는 api를 제작해보았다. 서버에서 토큰과 메세지를 받아 fcm 서버로 전송하는 원리였는데, 이번에는 최신 fcm 메세지 보내는 방법을 알아보겠다. http v1 URI 사용하기 사실 지난 시간에 사용한 URI https://fcm.googleapis.com/fc...