내배캠 TIL 2022.11.22

 

오늘 한 일

09:00am ~ 10:30am : git branch clone

10:30am ~ 12:30pm: 파이어베이스 특강 - 프로필 변경

12:30pm ~ 01:30pm: 점심으로 비빔밥

01:30pm ~ 06:00pm: 파이어베이스 특강 - 프로필 변경

06:00pm ~ 07:00pm: 저녁으로 비빔밥

07:00pm ~ 09:00pm:

- 로그인 하지 않은 사용자 프로필 접근 금지 기능 구현

- a href 가 아니라  js 이용하여 spa 버튼 생성

 

 

 

github에서 브랜치를 clone 하려고 했는데 방법을 몰라서 검색해봤다. 

https://www.freecodecamp.org/korean/news/git-clone-branch-how-to-clone-a-specific-branch

 

오류가 나서 뭔가 했는데 branch 스펠링을 틀렸었다....

git clone -b <branchname> <remote-repo-url>

 

내가 브랜치 클론 성공한 코드

$ git clone -b kimnamgyu git@github.com:I-like-people/back-end.git

 

남규님 브랜치에서 db.store이란 파일이 있길래 검색해봤다

맥에서 생기는건가 보다

https://dlee0129.tistory.com/250

[Github] DS.Store 파일이란? 삭제 방법

 

화면에 띄워진 DOM만 조작할 수 있다.

 

console.log(authService.currentUser)

??: nullish 병합 연산자

a ?? b 

삼항 연산자 a? a : b 와 같다 

a가 있으면 a를 쓰고 b가 있으면 b를 써라

 

한번 클릭 했을 때 .disabled 해주면 여러번 클릭해서 서버에 무리를 주는 일을 막을 수 있다.

 

 uid 뿐만 아니라 uuidv4를 이용했다.

uuid(universal unique id)

uuidv4: 전 세계적으로 겹치지 않는 아이디를 만들어주는 라이브러리

서로 다른 데이터 베이스들을 합칠 때 좋다.

통상적으로 이렇게 써준다.

 

코드가 너무너무너무너무너무너무너무너무너무너무너무너무 어려운데?

도대체 뭘 물어봐야 이걸 알게되는 것이지?

한 12시간 들여다보니가 조금 알 것 같기도?

 

label에 for과 input의 아이디를 동일하게 만들어주면

label을 클릭해도 input이 선택된다.

input type='file'이면 파일 선택이라는 버튼이 나타나게 되는데

튜터님은 css로 안보이게 하고

이미지를 클릭해서 실행되게 해놓았다.

 

Filereader에 대한 설명을 MDN에서 읽었는데 봐도 무슨말인지 모르겠다. 

근데 이걸 쓰는 이유는 내가 선택한 이미지 파일을 브라우저가 읽을 수 있는 DataURL로 바꿔주기 위함인것 같다.