selfstarter

visual 부분 visual 부분은 section 태그로 감싼다 section은 영역을 나누는 것이기 때문에 여러번 나올 수 있다 코딩은 제어할 수 있는 부분부터 작업하는 게 좋다(기능, 이벤트) 반복되는 코드는 묶어준다. 일단 공통점을 찾아라( 화살표, 같은 css 메뉴) 퍼블리싱의 잘함의 기준은 코드량(같은 걸 표현하더라도 얼만큼 적고 효율적으로 작업하는 가?) inline-block 여백 처리 font size를 0으로 준다(ul의 li가 inline 되면서 발생).visual .control ul {font-size:0;} overflow:hidden overflow 속성은 요소의 크기보다 안의 글자가 더 길 때 어떻게 보이는 설정 visible : 그대로 보임 hidden : 내용이 크기를 넘..

클론코딩 순서 전체적인 화면 배치를 끝내고 요소를 꾸미자 한국어 언어 설정 한국어 사이트이기 때문에 ko라고 써야 화면난독기가 한국어로 잘 작동한다 시멘틱 태그 시멘틱 태그로 인해 데이터에 의미를 부여하고, 컴퓨터가 데이터를 효과적으로 추출할 수 있다(div, table로 홈페이지를 만들면 안된다) hide hide class는 none을 하면 시각장애인 센스리더에서 읽어지지 않으므로 -1000px을 해서 화면에서 안보이도록 만든다 .hide {position: absolute; left:-1000px;}inline-block inline-block은 요소들이 코드상으로 실제로 enter쳐서 떨어져 있으면 1px 씩 들어간다. a에 너비를 넣는 이유 a를 클릭하기 때문이고, a를 넓게 주어서 빈 공백을 ..