본문 바로가기
☁️ 구름 X kakao DeepDive/☁️ HTML CSS JS

[스터디] (11/20) 깃허브 이슈, light house

by 뽀짜꼬 2024. 11. 22.

매일매일 스터디를 하고있는데, 이번에 처음 들어보고 배워보는게 있어서 한번 사용을 해보았다ㅎㅎ


깃허브 이슈를 쓰는 방법

: 깃허브 자체에서 커뮤니케이트를 할 수 있음.

  • 개발자 도구를 열면 오른쪽 상단에 width가 보임.
  • 기획에 이슈를 적고(가장 작은 화면 구성. width 몇일때 헤더 사라지는거, width 몇일때 사이드바 사라지는거 하겠다.)
  • 차근차근 한 단계씩 발전해나가는 상태로 이슈를 등록하면 된다.

그래서 이번 졸업 프로젝트 깃허브에 적용해서 사용중이다.

내가 해야할 일들을 쫘악 적고 하나씩 해결해나가니까 뭔가 미션 클리어 하는 느낌.

기능 하나도 놓치지 않고 구현할 수 있을것 같고, 내가 이런걸 했구나 하는것도 한 눈에 볼 수 있어 좋은것같다!

 

개발자도구에 구글에서 제공하는 light house

  • 최대한 접근성이랑 성능 체크해서 줄인다면 좋음.
  • 웹페이지 개선에 사용
  • 진단된 부분 수정하다보면 나아질것이다!
  • 프로젝트하며 포트폴리오를 만들었을때, 이런거 확인.
  • 메타 태그 같은것들을 작성을 많이 해보면 실제 프론트에서 실무 작업시 도움이 될것이다.

+ 그리고 깃허브 커밋할때 세세하게 나눠서 하는게 좋다고 했다.