오늘도 삽질

Web/Tool

PowerMockup 파워목업 사용기

기획을 위해 스토리보드 툴이 필요한데 파워포인트로 간단하게 박스 몇개 그리는 일이니 단순해 보이기는 하지만 막상 파워포인트로 작업을 시작하면, 은근히 박스하나, 버튼하나 그리는 일이 부담으로 다가 옵니다. 이런 분들에게 희소식이 될 파워목업(PowerMockup) 플러그인을 소개 합니다. 공식 홈페이지는https://www.powermockup.com 이며, TRIAL버젼을 다운로드 받아 사용하실 수 있습니다. 약 800개 이상의 UI 개체를 제공하고 있으며, 단순한 도형이 아니라 크기 변화에 따라 레이아웃이 조정되는 파워포인트 도형으로 인식 됩니다. 처음에 설치가 완료되고 어떤 방식으로 사용하는지 소개해준다.800개가 넘는 와이어프레임이 각 카데고리별로 분류되어 제공되지만 일일이 찾기는 버거울 수 있습..

Web

크로스 브라우징 [Cross Browsing]

크로스 브라우징 "크롬에서 잘 열리던게 익스플로어 에선 왜 안열리지?" 내가 실제로 처음에 웹개발 공부를하면서 이것저것 만들어 볼떄 실제로한말이다. 크롬에서 개발자도구가 편하다고 처음부터 끝까지 크롬으로만 작업하고 크롬으로만 테스트하면서. 마지막에 사파리나익스로 본다면 레이아웃이 틀어져 있고 폰트, 이미지 등.. 익스 구버젼에서는 가관이다. 간단한 사전적 의미로는 크로스 브라우징은 W3C에서 채택된 표준 웹 기술을 적용해 모든 브라우저에 다른 기종의 운용체계나 HTML 렌더링 기술로 웹페이지를 제작하는 방법론 모든 브라우저에서 동일한 결과가 나타나야 한다. 크로스 브라우징에 도움울 주는 몇가지 방법들을 알아보자. Can I USE https://caniuse.com/내가 작성한 javascript, cs..

Web

웹 표준 & 웹 접근성에 대해

웹 프론트엔드 면접을 보다보면 웹 표준 , 웹 접근성에 대해서 얘기가 많이 나온다. 앞으로도 지켜야 할 사항이고 정리할겸 다시적어본다. 웹 표준웹 표준 W3C 의 토론을 통해 나온 권고안을 사용하는 것.. 표준화 기구에서 정의 해준 명세에 맞게 마크업을 하는 것이라 보면 된다.웹 표준이 없던 1990년대 말 ~ 2000년대 초반에는 웹개발자 두 개의 사이트를 만들어야 했다고 한다. 인터넷 익스플로러용과 넷스케이프용의 두 개. 각종 핵과 브라우져 판별 코드를 삽입해야 해 3배의 노동이 들었다.https://validator.kldp.org/ HTML 마크업 문법 검사를 할수 있다. 필자의 포트폴리오에도 맨 처음에 작업했던 사이트들을 전부 검사해서 웹에 W3C 뱃지같은걸 달 수 있게 주었는데 통과하면 뱃지를..