11/19 코드 리뷰 피드백

11/19 (화) 

유튜브 화면 피드백

1. div 산 조심
2. <hr /> 태그는 단락을 구분짓기 위한 태그이기 때문에 선 그을 때 사용하기엔 부적합

     줄을 그을거면 div에서 border-bottom 을 주는 것이 낫다.

1. 픽셀 단위로 작성하는 것은 추천하지 않음
2. 브라우저마다 크기가 다름 firefox, chrome 등, 
3. 전역적으로 body 폰트 사이즈를 아예 10px로 하면 rem, em 으로 다루기 편하다.
4. html에서 이미지를 불러오지말고 css에서 불러오는 방식을 채택해서 브라우저 로딩속도를 올려라
5. 6번 같은 방법으로 스프라이트 기법을 활용할 수 있음. 네이버에서 사용중이라고 함
6. 사이드바 같은 경우 li, ul 태그를 사용하는 것을 추천
7. article, section 태그 사용
8. 10.h 태그를 자주 사용해줬으면 좋겠다고 함. 아마 검색엔진 노출? 때문인듯
9. 11.Strong 태그 같은경우에도 그냥 div라고 생각하고 css로 bold 값을 주는 식으로 한다고 함 
10. 12.시각 장애인 같은 경우에는 Strong태그가 있어야 스크린 뷰어? 가 읽어준다고 함
11. 13.이미지를 불러올 때 alt값은 반드시 넣었으면 좋겠다고 함
12. 14.클라이언트들은 부드러운 애니메이션을 선호한다고 함. 뚝뚝끊어지는 것보다
13. 15.검색엔진 최적화(SEO) 상단에 노출되게 하기 위해 중요함 h1, article 등
14. 기본 html 파일은 index.html 이 맞음
15. class 이름 지을 때 나름의 규칙이 있어야할 것 같다?  혼자 개발하는 거 아님
16. cursor 옵션 활용
17. html lang 지우지말고 써라
18. 주석이 너무 많음 유지비 측면에서 좋지 않음
19. user-select: none; 사용하면 사용자가 텍스트 복사 못함
20. 스니펫
21. border 속성 같은 경우에는 css특성상 중복됐을 때 마지막 것이 적용됨 위에서 아래로

:root {

—btn-hover-background : #fff; 

}

이런식으로 코드를 짜야 유지보수 측면에서 좋다

배경화면 색을 바꾸기로 했을 때 개별 속성을 일일이 찾아가서 하는 수고스러움을 없앨 수 있음.

1. 여러 태그에 대해서 알아보고 싶으면 mdn 사이트 찾아가봐라

---

같은 과정 선배님들 불러주셔서 피드백 여러개 받았는데.. 고칠 게 엄청 많아서 당황했다..

오늘 배운 점들 잘 기억해두고 활용해야겠다는 생각이 들었다.

만든 페이지도 개선해야할 듯..

이 페이지에 쓴 내용은 추후 정리해서 수정할 예정 (제발)