TIL_230207 팝콘 추가기능 기획, 배너 만들기, 이미지 반응형(vh,vw), 에러는 콘솔창의 맨 윗부분부터 봐야 한다.

그래도 해야지·2023년 2월 7일
0

TIL

목록 보기
30/44

📝 To Do List

✔ PR시 튜터님께 검사를 맡기 때문에 주석 잘 달기 !
✔ CRUD가 많이 들어가서 누가 봐도 부트캠프 프로젝트 같다고 하셔서 유저의 입장에서 다시 생각을 많이 해보며 기능 추가를 많이 했음
✔ 최종프로젝트에서 나에게 가장 어려울거라 예상되는 것.. 통계관련 리액트 그래프 기능 구현하기


☠️ 문제

[Git] Git Authentication Failed 사용자 인증 문제 해결

Git을 사용하다 보면 push/pull을 했을 때 아래와 같이 메시지가 발생하면서 실패를 하는 현상이 발생하곤 한다.

fatal: remote error: Invalid username or password.

👩🏻‍🎓 해결

  • 깃 브랜치 이동이 안 돼서 그런 것이다.
git remote update

를 해주면 해결이 된다.

✅ 알게된 점

깃 브랜치 이동

git switch 브랜치이름

vs code에 내가 위치해 있는 브랜치에서 push를 할 수 있다는 것

  • vs code에서 내가 위치해 있는 브랜치명이 나타나는데 지금은 내가 feature/HomeCategory에 있으므로 feature/HomeCategory로만 push를 할 수 있음

  • 아주 기초적인 건데 몰랐음..

타입스크립트를 쓰는 이유?

간단하게는 컴파일단계에서 타입관련 에러는 막을 수 있기 때문


📚 Today Study

배너 - 슬라이드 기능 구현하기

이미지 img할 때 경로 헷갈림

import popcornBnr1 from '../../assets/popcornBnr1.jpg';
  • ../../ 이걸 여러번하면 더 상위 폴더로 이동하게 됨

vh, vw 반응형 관련

https://www.youtube.com/shorts/_tbp1EFdMcc

vw

  • 100vw = 전체 가로폭
    => 100vw는 전체 가로길이 중 100%를 차지한다고 생각하면 됨

ex) 50vw는 전체 가로길이 중 50%를 차지함

vh

  • 100vh = 전체 세로폭
    => 100vw는 전체 세로길이 중 100%를 차지한다고 생각하면 됨

ex) 50vw는 전체 세로길이 중 50%를 차지함


📝 Today Review

생각보다 정말 빡빡한 일정이다..

생전 처음 해보는 기술들을 개당 3일 내로는 끝을 내야 24일 발표전까지 어찌저찌 완성을 할 수가 있다.

firebase, typescipt, recoil 등등 할 건 많지만 차근차근 나머지 시간 내가 부족한 부분들 공부하자

0개의 댓글