본문 바로가기

전체 글72

# 6.0 Deploy Firebase 강좌의 마지막, Deploy이다. Firebase console에서 hosting의 get started를 누르면 firebase CLI를 설치하라고 한다. 명령어를 복사해서 설치해주자. $ firebase login 로그인 명령어로 로그인해준다. 본인은 이미 firebase에 로그인돼있는 상태였다. $ firebase init 프로젝트를 초기화해보자. 선택사항들이 주루룩 뜰 것이다. 그 중 firebase hosting을 선택하고, 존재하는 프로젝트를 사용하기로 선택한다. 잠시 멈추고 다른 터미널을 열어 npm run build 명령어를 통해 빌드해준다. build라는 새 폴더가 생긴 것을 확인할 수 있다. 이전의 터미널로 돌아와 이 build 폴더를 빌드 디렉토리로 선택해주면 설정은 .. 2024. 1. 25.
2024.01.25 감기에 걸렸다. 어제 아침에 일어나니 어지럽고 머리가 아프고 기침도 많이 났다. 도저히 뭔가 할 상황이 아닌 것 같아 병원에 다녀왔다. 거의 하루종일 아파서 끙끙 앓은 것 같다.. 그 와중에 알바 대타 출근까지.. 예전부터 잡혀있던 스케줄인데 갑자기 당일에 아프다고 빼는 건 좀 아닌 것 같아 억지로라도 일했다. 무거운걸 들거나 차가운걸 만지는건 같이 일하는 친구에게 부탁했었다. 오늘 아침에도 여전히 많이 아프더니 약을 먹고 몸이 조금 좋아져 학교에 왔다. firebase 강좌의 막바지에 다다랐다. hosting을 완료했고 보안 관련 강좌 두 개 만이 남았다. 이 강좌를 듣고 멋사 프로젝트 코드를 조금 수정해볼까 한다. 2024. 1. 25.
#5.0 User Avatar 1) 사용자의 프로필 이미지를 편집하고 2) 프로필의 timeline, 즉 본인이 작성한 tweet의 목록을 볼 수 있는 기능을 구현한다. 대부분의 기능들은 이전의 내용을 잘 학습했다면 강의를 보지 않고도 구현할 수 있으므로 생략한다. 이 과정에서 새로 배우게 된 몇 가지 내용들만 소개하겠다. Optional chaining 다음과 같은 코드가 있다. { user?.displayname ? user.displayName : "Anonymous" } 여기서 사용된 user?.displayName의 ?.는 optional chaning이다. 속성이 존재하지 않을 시 undefined를 return하여 미리 에러를 방지하는 문법이다. 비교적 안전하게 사용할 수 있다는 장점이 있다. Firebase databa.. 2024. 1. 23.
2024.01.23 어제는 firebase twitter clone 프로젝트에서 사용자 이름을 바꾸는 챌린지를 하던 중 문제를 발견했다. 사용자 이름 변경이 되지 않는 것...! await updateProfile(user, { displayName: newName, }); 문제의 원인은 'displayName'이 아니라 'userName'을 사용한 것이었다. 2024. 1. 23.

티스토리툴바