UX,Ui,Style2 Sass 유지보수 하기 쉽게 관리하기 (feat. sass-guidelines) 여담 이지만 이 글을 작성하게 된 이유는 현재 테오의 스프린트로 맺은 연으로 1차 스프린트를 끝낸 뒤 현재는 2차 사이클에 들어갔고 회의 끝에 디자이너가 다음 작업을 끝 마치기 전에 프론트엔드는 1차 스프린트 때 완성을 위해서 빠르게 작업하여 통일 되지 못했던 부분들의 아쉬움이나 유지보수 성을 높이기 위해 각자 맡은 부분에 따라 좋은 유지보수 방법을 조사하게 되었으며 나는 Sass 우아하게 관리하는 방법의 조사를 맡아서 정리 및 공유를 위해서 이 글을 작성했다. Sass 가이드라인의 말 을 조금 인용하며 시작하고자한다. There is a major difference between making it work, and making it good. 동작하게 만드는 것과 잘 만드는 것에는 큰 차이가 있다. .. 2023. 7. 15. 반응형 웹 viewport 메타 태그에 대해서(하드웨어,소프트웨어 픽셀) #웹을 반응형으로 만드는 방법 웹을 반응형 으로 만드는 방법에는 뭐가 있을까? 나는 미디어 쿼리 하나 뿐이라고 생각했으나 다른 디바이스에서 반응형을 사용할려면 미디어 쿼리 이전에 메타 태그가 선행되어야 되는 것이라는 것을 깨달았고 이 태그에 웹 접근성 까지 내포한 개념 이 있었기에 공부한 김에 한번 정리 목적으로 글을 작성했다 하드웨어 픽셀과 소프트웨어 픽셀 메타 태그를 이해 하기전에 하드웨어 픽셀과 소프트웨어 픽셀에 대해서 짚고 넘어가야된다. 안 그러면 밑에 나올 태그에 대해 그냥 저건 반응형에 쓰이는 메타 태그입니다 ^^ 하고 별로 특별히 정리할것이 없다. 하드웨어 픽셀은 기기(디바이스)의 픽셀 이라고 이해하면 되고 소프트웨어 픽셀은 css 픽셀이라고 이해하면된다. 하드웨어 소프트웨어 픽셀 개념의 차.. 2023. 7. 5. 이전 1 다음