본문 바로가기
반응형

프레임워크8

부트스트랩을 손쉽게 사용하기 위한 Bootstrap Cheat Sheet #1947 Bootstrap은 어느 정도로 사용하고 있으신가요? 초기보다 기능도 다양해지고 클래스도 많아진 것 같은데요. 실제로 공식 사이트에서 제공되는 예제들을 보는 것으로도 문제없이 사용 가능한 수준이긴 하지만 뭔가 아쉬운 부분이 있기도 했습니다. 이 사이트에서는 전체적인 볼륨을 축소시킨 만큼 검색이 편하다는 생각이 들었습니다. Bootstrap 4 Cheat Sheet - The ultimate list of Bootstrap classes Quickly find your Bootstrap classes on this interactive Bootstrap cheat sheet. It includes code samples and live preview of elements. hackerthemes.. 2019. 9. 19.
단순한 사고의 힘 5W1H 감상소감 #1910B08세상에는 다양한, 비즈니스에 많은 도움을 주는 각양각색의 프레임워크가 있다는 것을 우리는 이미 알고 있습니다만 어떻게 보면 너무 많아서 어떤 상황에 어떤 것이 적합한지 잘 모를 때가 많이 있습니다. 그중에서도 가장 많이 들어본 것 중의 하나가 5W1H가 아닐까 하는 생각이 듭니다. 흔히 육하원칙(언제, 어디서, 누가, 왜, 무엇을, 어떻게)이라고 하죠. 보통, 아니 분명히 이것을 배워서 알고 있음에도 불구하고 업무에 사용해볼 생각은 한 적이 없다는 생각이 들었습니다. 이것을 프레임워크라고 생각해 본 적도 없는 것 같습니다. 5W1H는 이미 알고 있는데 무언가 새로운 것이 있을까 하는 것이 이 책에 대한 궁금점의 시발점이라고 할 수 있을 것 같습니다.감상평책 자체는 200여 페이지의 문고본에.. 2019. 2. 25.
vue 설치부터 vuetify 설치까지 우선은 vue Install 부터. 설치 자체는 무척 간단하게 되어 있습니다만. Yarn 이나 npm 으로 설치를 진행 하려면 우선적으로 node 가 깔려 있을 필요가 있습니다. 가장 손쉽게 접근하는 방법은 CDN을 활용하는 방법입니다. 연습만 하는 것이라면 jsfiddle이나 codepen 에서도 연습이 가능합니다. CDN을 사용하면 사용해 보는데는 문제가 없지만, 전 프로젝트에 사용해야 하는 관계로 설치버전으로 진행했습니다. 어디에서라도 참조하여 프로젝트를 생성시킬 수 있도록 '-g' 옵션을 활용합니다. npm install -g @vue/cli 설치 후에는 제대로 깔렸는지, 버전 확인을 해준뒤 프로젝트를 생성합니다. vue -V vue create [project-name] 하나하나 코드를 치기가 .. 2018. 8. 21.
vue.js 입문자용 동영상 강좌 vuetify를 업무에서 사용하기 위해 vue.js를 공부해 보고 있는 마크업 엔지니어의 일종의 학습일지입니다. 확실히 생각보다는 접근하기 쉬운 구조로 되어 있다는 것을 체감하고 있습니다. 따라 해보면서 익히는 것도 중요하지만, 남이 작업하는 것을 보면 더 기억하기가 수월해지는 느낌을 받았습니다. 그래서 동영상을 통한 학습법이 통용되고 있는 거겠죠. 아무래도 입문자다 보니 가장 대표적으로 많이 사용 중인 구문을 사용한 동영상이 참고가 된 것 같습니다. 저와 같은 입문자에게 도움이 될 것 같아 참고했던 곳을 모아 봤습니다.. 무료 강좌는 역시 영어로 된 자료가 많습니다. 저도 영어를 못 알아듣지만 코드만 보면 되는 거라 부담가지실 필요 없을 것 같습니다. 1. https://vuehero.com/cours.. 2018. 8. 19.
vuetify를 사용하기 위해 vue.js를 알아가는 중 어쨌건 시작을 했으니 익히긴 해야겠는데 아무래도 (개인적으로) 프레임워크부터 발을 들이는 건 아닌 것 같아서 vue 관련 서적을 찾아봤지만, 초급, 입문자용 이외에는 딱히 없었습니다. 소문만큼이나 공식 사이트의 가이드가 상당히 잘 되어있다는 증거일지도 모르겠습니다. 해서 그쪽을 내리읽고 있는 중입니다. 한번 책 읽어 보면서 따라 해 봤다고 다 할 줄 알 정도의 천재가 아닌지라 처음부터 다시 읽기 시작했습니다. 어떤 식으로 움직이는 것인지 맛이라도 보자는 취지에서 읽어봤다면 이번엔 일을 해야 하는 관계로 이런저런 조사를 하면서 좀 더 웹을 참고하며 공부 하고 있는 중입니다. 이미 사용하기로 되어 있는 vuetify라는 프레임워크가 정해져 있지만, 시간은 좀 걸리더라도 우선은 vue.js의 기본문법을 알아두.. 2018. 8. 18.
설마 이런식으로 vue를 시작할 줄이야. 정말, 설마 이런 식으로 vue.js를 시작하게 될줄은 몰랐는데 말입니다.그것도 vue도 잘 모르는 상태에서 프레임워크부터 사용하기 시작하다니.. 뭐든 난이도가 조금 있는 일이 실력향상에도 좋다는 건 인정하고 있습니다만, vue로 사이트를 구축해 본건 입문자용 책을 읽어 본것이 전부라서 살짝 걱정이긴 합니다.logo출근후 첫 미팅에서 vue를 사용하기로 했다는 전달을 받았고 사용하는 프레임워크는 vuetify를 사용할거라는 이야기를 들었습니다. 어차피, 프로젝트에서 사용할 계정 발급도 아직이고 해서 공식 사이트와 프레임워크의 사이트를 보며 책을 봤던 기억을 더듬거리면서 샘플 소스를 보기 시작했습니다.처음이지만, 오늘 하루 이리저리 만져본 느낌이랄까 마크업 입장에서 주의해야할 부분은 지금까지는 css를 하.. 2018. 8. 14.
Vue를 익히고 싶은 입문자라면, Vue.js 이정도는 알아야지 B18.017Vue.js는 특히 View 부분, 즉 화면용 작업에 특화된 프레임워크로 React와 Angular의 경우는 뭔가 접근하기에 너무 덩치가 큰 느낌이라 엄두가 나지 않았다. 후발 주자이지만 최근 트랜드를 봤을 때 확실히 꽤 많은 관심을 받고 있는 것 같다.Vue.js의 경우는 프론트엔드 프레임워크중에서 학습비용이 적게 들고 한글 가이드가 충실하게 잘 이루어져 있다고 해서 내심 기대를 하며 접근하기 시작했지만, 온라인의 공식 문서를 읽어 보고 따라 하기엔 약간 난해한 부분이 있었는데 책을 읽으면서 정리가 되는 부분이 꽤 있었다.개인적인 감각으로 보면 공식 문서가 어느 정도 스크립트 등에 대한 이해도가 있는 사람들을 대상으로 하고 있다면, 책은 어떤 식으로 동작하며 어떤 것들이 가능한지 공식 문서.. 2018. 4. 28.
SASS를 사용해 본 소감 요새 한달간 SASS를 만지작거리곤 했었다. 프레임워크를 통해서 CSS를 작성하는 방법으로 루비를 인스톨 시킨후 관련 프로그램을 인스톨시켜두면 기본작업환경은 끝나는 방식으로 의외로 벽은 높지 않았다. LESS와 SASS사이에서 갈등을 하다 처음엔 LESS를 도입해 봤다가 SASS로 바꾸었었다. 둘다 루비만 준비되어있다면 Mac과 Window에서 사용가능하다. 처음에는 신기하고 재미있기도 해서 3월중에 있었던 안건에 활용해 보았다. 잠시 사용해본 소감 메모.루비를 인스톨하는등 프레임워크 사용을 위해 별도로 작업환경을 준비해둬야 한다.대규모작업에 있어서 기본룰을 정할때에 사용하면 유용할듯하다.소규모작업에서는 큰 효과를 기대하긴 어렵다.소규모작업이라도 MIXIN, 변수를 이용해서 템플렛용으로 몇가지 세트를 만.. 2012. 4. 2.
728x90
반응형