프로젝트

강사님 코드리뷰

컨테이너 요소 (가장 외곽에 있는 요소)에는 class를 다 붙여주는 것이 좋다css 선택자를 사용할 때, class 가 있는 요소더라도 나중에 css 요소가 추가될것을 고려해 외곽에 있는 container 부터 타고 가는 것이 좋다모달을 만들 때article : 무난하게 좋다dialog : 모달을 위해 새롭게 나온 태그 (https://developer.mozilla.org/ko/docs/Web/HTML/Element/dialog)div : 의미가 없으므로 사용을 지양하는 것이 좋다section : 연속적인 요소들을 표현할 때 사용하는게 좋다.a11y : 화면에서는 사라지지만 브라우저는 인식할 수 있도록 설정.a11y { display: inline-block; position: absolute; ov..

공부한 기술들

picsum images~ 문제점1 : 앞에서 로딩했던 이미지도 추가 이미지를 로딩할 때 다시 로딩된다.이미지를 3개씩 받아와서 요소를 추가하는 방식으로 변경문제점2 : 로딩이 한번에 많이 된다 (스크롤 이벤트가 한번에 많이 발생)쓰로틀링과 디바운싱디바운싱 적용문제점3 : 위로 커서를 올려도 이미지가 새로 받아진다.갱신 범위를 줄여서 스크롤이 끝까지 갔을때 갱신되도록 함문제점4 : 이미지가 추가될 때마다 앞에있던 이미지가 밀려서 스크롤을 올려도 보이지 않음컨텐츠 박스 내부에 overflow가 일어나는 경우, 추가되는 item을 감싸기 위해선 wrap 속성을 넣어줘야 한다이미지 잘릴때 가운데 부분 보이기 : https://multifidus.tistory.com/182정규표현식(Regex) :설명 보기문자..