TIL_221124 ✔️☑️🚩Basic_Project

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1.프로젝트

• UI, UX

  • 메인로고 버튼 달기, 버튼 비활성화 등 모두 분담해서 작업했다.

  • 나는 버튼 비활성화를 맡았는데 login modal에서 social login 버튼을 비활성화하니 Git을 눌러도 Google이 비활성화됨
    ->비활성화 코드 위치를 해당 버튼 if / elseif 안에 넣으니 해당 버튼만 비활성화된다.

  • 비활성화 코드 제거
    -> 깃로그인 눌렀다가 닫았는데 그냥 깃로그인으로 하고 싶을 때 다시 새로고침 해야 하니까 UX적으로 좋지 않음

  • loginmain 페이지에서 프로필 토글 눌러 프로필, 마이페이지 아이콘이 보이는 상태에서 스크롤을 내리니 프로필 이미지만 fixed고 아이콘은 이동함
    -> 아이콘 감싸는 id position - fixed

  • 헤더부분 전체 fixed로 하고 싶음
    -> 전체를 감싸는 div만들고 fixed 적용하거나 뭉텅이로 fixed 적용하니 글씨가 뭉치거나 함
    -> 요소별로 fixed 적용

---

✔️

• 진짜 망할 뻔..

  • test 파일에서 안 하고 본 파일에서 하다가 뒤죽박죽 돼서 내 이전 버전을 pull받은 팀원의 파일을 다시 pull받았다.
    -> 여전히 내가 뿌린 똥은 남아 있었다.
    -> 내가 수정한 부분은 다른 팀원이 건드린 게 아니라서 다른 팀원이 수정한 파일, 부분만 pull로 인해 내 파일에 덮어씌워지는 것이다.
    -> 결국 내가 내 에디터의 모든 파일을 지우고 팀원이 모든 파일 첫 줄에 주석을 달아서 push해줬다.
    -> 내가 주석을 지우고 push를 해도 그 팀원한테는 주석이 남았다..
    -> 다들 자기가 뿌린 똥은 남이 수정한 부분이 아니면 남의 걸로 덮어 씌워지지 않는다는 걸 알고 멘붕이 왔다.
    -> 갑자기 어제는 됐던 기능이 오늘은 안 되고 난리가 났다.
    -> Revert 부분 다시 공부해서 어젯밤 commit으로 revert시켰는데 그 commit의 전체 파일이 아니라 해당 수정부분 파일만 불러와짐..

  깃!!!!!!!!!!!!!!!!!!!!!!!

• dev(중간 병합 브랜치)를 오늘에서야 활용함

  • 모든 게 다 잘 작동하는 코드는 dev로 push하며 진행

---

✔️

• 작성하기 등이 갑자기 안 돼서 이것저것 다들 바꿔보다가 firebase DB에 들어가 보니 '일일 사용량 초과' 뜸..
  • ☑️말이 되나?
    -> firebase의 새로운 프로젝트로 키를 자주 바꿔줘야 하나?
    -> 일단 팀원의 빈 프로젝트 firebase key를 넣으니 모두 잘 됨!
    -> 저녁에 일일사용량 초과 뜬 프로젝트 다시 들어가보니 사용량 초과 창도 안 뜨고 DB내용도 잘 보임

---

< yunsukprac branch commit>

• loginmain에서 포스트 불러오는 것은 mypage랑 비슷해서 금방 완료!
• index.html(home)에서도 불러오는 것 성공했는데 로그아웃을 눌러 home으로 가면 안 뜸..!
  • router.js에 getpostList() 추가하니 됨!
• console 창 보는 것을 습관화하자!!!!!!
  • 오늘도 console로 오류 해결.. 팀원의 코드에 철자 하나가 지워져 있다든지 하는 오류를 console로 보고 해결했다.
• feed.js
  • 뉴스피드의 글을 클릭했을 때 그 글을 보고 댓글을 달고 글 작성자는 수정, 삭제 버튼이 보이는 페이지로 이동할 수 있어야 한다.
  • 일단 CSS로 각 구역을 정해주고 해당 구역을 a태그로 감싸서 이동할 수 있게 한다.
  • ☑️ 음.. 내가 클릭한 글과 이동한 페이지의 글을 똑같게 하려면..?
    ->
  • 일단 댓글 불러오는 것부터 함
    -> 튜터님 fanlog.js에서 처음부터 코드를 가져와 ID값 바꾸고 각 이벤트들 main.js에 추가
    -> 성공!!!!!!!!!!!!
  • 댓글 오류
    -> 내가 쓰지 않은 댓글에도 수정,삭제 버튼이 뜬다
    -> 내가 쓰지 않은 댓글을 수정할 수도 있는데 그렇게 하면 오류메시지가 뜸. 내 댓글은 잘 수정이 됨
    -> 진짜 어이없게도 튜터 코드 가져다 쓰면서 CSS 안 가져와서 그랬던 거였음ㅋ
    -> 댓글 구현은 성공! 끝!!!

---

☑️

보류 - 메인 로고에 홈버튼을 다는데 팀원이 if문을 사용해서 로그인을 했으면 loginmain 아니면 index(main)으로 가게 하자고 했다.
-> a 태그를 쓸 땐 "/" = index.html
함수 안에서 hash를 줄 땐 "" = index.html

---

---

🚩

조급함 금지

• 오늘 내 조급함이 많이 보여진 것 같아 마음이 좀 불편했다.
  • 사소한 것..? 몇 번이나 반복된 문제에 계속 도움을 줘야 할 때나 팀원의 화면을 같이 볼 때 "몇 번 째줄 거기요!"이렇게 답답하다는 티를 낸 적이 몇 번 있다.
  • 익숙하지 않은 일은 여러 번 해봐야 한다.
  • 내가 좀 더 알고 익숙하다고 답답해하는 마음을 먹는 것도 웃긴 거다. 내가 알면 얼마나 더 먼저 알았다고.
  • 같은 문제라도 계속 설명할 수록 내 머리에 더 오래 남을 것이고 같은 문제를 고민하는 다른 사람에게도 도움이 될 것이다.
  • 조급해 하지 말고 더욱이 그런 마음을 남에게 쏟아내지 말자.