본문 바로가기
반응형

프론트엔드3

접근성을 고려한 프런트엔드 UI 샘플 - Frend #1967 Frend(프랜드?) 발음은 잘 모르겠습니다만.. 접근성을 고려한 최신 프런트 엔드 구성요소입니다. 자바스크립트는 ES2015 모듈을 사용하고 있다고 합니다. 이 사이트는 많이들 사용하고 있는 Jekyll로 구성된 사이트네요. 사이트에 사용된 CSS는 BEM을 적용시켰다는 등등 여러 정보가 있지만, 이런 건 둘째치고 사이트에서 제공하고 있는 샘플들은 공부하기에 적당한 것 같습니다. 사이트 구조는 Frend에서 제공하는 샘플이 전부입니다. 각 샘플들의 페이지에서는 각 샘플에 대한 개요와 설치방법, 사용법, 옵션, 지원 브라우저 현황(데스크톱, 모바일 포함) 등에 대해서 설명해 주고 있는 구조를 가지고 있습니다. Frend — A collection of accessible, modern fron.. 2019. 10. 26.
PWA 입문자라면!? 만들면서 배우는 프로그레시브 웹 앱 감상후기 #1932B17 PWAProgressive Web App 관련 책을 읽기 시작했는데 흘려들었던 Service Worker, IndexedDB에 대해 조금 알 수 있었습니다. 이제 입문하기 시작한 입장에서 봤을 때, 어떤 이유에서건 오프라인 상태에서 서비스에 접속하려는 사람에게 접속 불가 메시지를 보여주는 것보다는 개발자가 제어 가능한 캐시를 활용해서 좀 더 꾸며진(친화적인) 페이지가 제공 가능하다는 것을 이해할 수 있었습니다. 오프라인이기 때문에 당연한 상태일 수 있지만, 당연하기에 그 부분에서 차별성을 둔다는 것은 서비스 차원에서도 필요한 내용이라 여겨졌습니다. PWA가 그저 단순하게 오프라인에서도 사용할 수 있게끔 도와주는 기술이라는 것만으로 이해하고 있던 저에게는 참 많은 공부가 되는 부분이었습니다.. 2019. 6. 8.
Vue를 익히고 싶은 입문자라면, Vue.js 이정도는 알아야지 B18.017Vue.js는 특히 View 부분, 즉 화면용 작업에 특화된 프레임워크로 React와 Angular의 경우는 뭔가 접근하기에 너무 덩치가 큰 느낌이라 엄두가 나지 않았다. 후발 주자이지만 최근 트랜드를 봤을 때 확실히 꽤 많은 관심을 받고 있는 것 같다.Vue.js의 경우는 프론트엔드 프레임워크중에서 학습비용이 적게 들고 한글 가이드가 충실하게 잘 이루어져 있다고 해서 내심 기대를 하며 접근하기 시작했지만, 온라인의 공식 문서를 읽어 보고 따라 하기엔 약간 난해한 부분이 있었는데 책을 읽으면서 정리가 되는 부분이 꽤 있었다.개인적인 감각으로 보면 공식 문서가 어느 정도 스크립트 등에 대한 이해도가 있는 사람들을 대상으로 하고 있다면, 책은 어떤 식으로 동작하며 어떤 것들이 가능한지 공식 문서.. 2018. 4. 28.
728x90
반응형