매일매일 스터디를 하고있는데, 이번에 처음 들어보고 배워보는게 있어서 한번 사용을 해보았다ㅎㅎ
깃허브 이슈를 쓰는 방법
: 깃허브 자체에서 커뮤니케이트를 할 수 있음.
- 개발자 도구를 열면 오른쪽 상단에 width가 보임.
- 기획에 이슈를 적고(가장 작은 화면 구성. width 몇일때 헤더 사라지는거, width 몇일때 사이드바 사라지는거 하겠다.)
- 차근차근 한 단계씩 발전해나가는 상태로 이슈를 등록하면 된다.
그래서 이번 졸업 프로젝트 깃허브에 적용해서 사용중이다.
내가 해야할 일들을 쫘악 적고 하나씩 해결해나가니까 뭔가 미션 클리어 하는 느낌.
기능 하나도 놓치지 않고 구현할 수 있을것 같고, 내가 이런걸 했구나 하는것도 한 눈에 볼 수 있어 좋은것같다!
개발자도구에 구글에서 제공하는 light house
- 최대한 접근성이랑 성능 체크해서 줄인다면 좋음.
- 웹페이지 개선에 사용
- 진단된 부분 수정하다보면 나아질것이다!
- 프로젝트하며 포트폴리오를 만들었을때, 이런거 확인.
- 메타 태그 같은것들을 작성을 많이 해보면 실제 프론트에서 실무 작업시 도움이 될것이다.
+ 그리고 깃허브 커밋할때 세세하게 나눠서 하는게 좋다고 했다.
'☁️ 구름 X kakao DeepDive > ☁️ HTML CSS JS' 카테고리의 다른 글
[CSS] Box-sizing을 어디에 사용하는데? : 패딩을 넣었는데 화면이 잘릴때! (0) | 2024.11.23 |
---|---|
[CSS] Box Sizing 속성 (0) | 2024.11.23 |
[CSS] 이미지에 그라디언트 효과를 주고싶어! mask-image: linear-gradient (1) | 2024.11.20 |
[CSS] Flexbox(2) - Item속성 (0) | 2024.11.18 |
[CSS] Flexbox(1) - Flex와 Container속성 (1) | 2024.11.18 |