신입퍼블리셔(2)
-
[css] 반응형 웹을 위한 media query / 실무에서 느낀 점
미디어쿼리 css 사용 방식 혼자 포트폴리오 작업할 때 쓰던 쿼리 방식은 다음과 같았다. @mixin responsive($media) { @media screen and (max-width:$media) { @content; } } .inner { width: 1200px; margin: 0 auto; @include responsive(1200px) { width: 100%; } } 이런 식으로 따로 반응형 작업에 대해서 빼지 않고 각 element 밑에 추가하는 방식이었다. 물론 breakpoint 도 정의해두었지만 필요할때는 정해진 분기 이외에 따로 값을 지정하기도 했다. 이 방법은 내가 그냥 만들면서 편리한 방법이었다. 구조가 복잡해질수록 클래스명을 중복해서 작성할 필요가 없었으니까. // _r..
2021.09.08 -
퍼블리싱 작업 완료 후 확인해야 하는 부분
실무에서 퍼블리싱 작업을 하다보면 꼭 해야하지만 까먹는 부분이 있어 정리해본다. 작업의 완성도를 높이기 위해 html, css, script 작성이 완료되면 다음과 같은 절차를 통해 내가 만든 작업물을 확인 후 컨펌을 보낸다. 1. 크로스브라우징 - ie에서만 돌아가면 대부분 돌아간다. 먼저 ie 확인 후, 다른 부분 수정을 하고 다른 브라우저들 확인할 것. 2. 모바일 - 개발자도구로 모바일 사이즈만 확인하는 것이 아닌 직접 핸드폰으로 확인해 볼 것. 아이폰의 경우 주소줄 등에 의해 높이가 더 짧아지므로 유의. 3. w3c validator - html, css의 웹표준 검사는 필수 4. OpenWax - 크롬의 익스텐션 중 하나로 웹접근성을 점수로 세분화하여 체크해준다. 위의 4가지 항목은 신입퍼블리..
2021.06.16