전체 목록188 191110 / Today I Learned 191110 TIL What I did - 저번 포스팅까지의 네이버 클론 개발 상황 https://pilyeooong.tistory.com/11 에 이어서 개발 진행 To Do - HTML float 속성 check - Vue.js 깃헙 저장소 - https://github.com/PilYeooong/naverclone 2019. 11. 10. 191109 / Today I Learned 191109 TIL What I did - 저번 포스팅까지의 네이버 클론 개발 상황 https://pilyeooong.tistory.com/10 에 이어서 개발 진행 - 섹션 별 컨텐츠 및 헤더 내용 추가 To Do - 효율적인 css 클래스 네이밍 탐구 - 독서 - 작은 습관의 힘 - 주간 플래너 작성 2019. 11. 9. 191106 / Today I Learned HTML , CSS , JS 공부할겸 여러 템플릿을 클론하여 스스로 제작해보기로 함. 이번에 클론 해 볼 것은 한국의 대표적인 포털사이트 NAVER 메인페이지 템플릿. 이미지 부분들은 sprite 이미지를 사용하여 구현하였다. http://www.spritecow.com/페이지를 통해 쉽게 sprite이미지를 활용하여 구현 가능하다. flexbox를 이용하여 대략적인 레이아웃을 구성하였다. 정말 쉽게 레이아웃을 잡을 수 있는 방법이다. CSS를 공부하시는 분이라면 꼭 한번 공부하면 좋을 것이다. 191106 / 23시 내용 추가) display grid 속성을 이용하여 컨테이너 컨텐츠 내용을 구성해보려 했으나 , grid 사용도 미숙하고 박스크기가 일정치 않아 구현하는데 고민이 되서 일단은 positio.. 2019. 11. 6. 191105 / Today I Learned Starting Vue.js 아래 코드는 Vue.js 웹 애플리케이션 제작 시 이용되는 기본 골격 . CDN을 사용하거나 https://kr.vuejs.org/v2/guide/installation.html 를 통해 다운로드 받아 이용 가능하다 Vue.js의 인스턴스 Vue 클래스 초기화 new Vue({ // 이 부분에서 옵션이나 컴포넌트가 설정된다. }) root Vue vm 생성 코드 var vm = new Vue({ // 옵션이나 컴포넌트가 설정됨 }); 변수 이름은 자유롭게 지정하나 , 관례로 vm으로 지정한다. Vue.js의 컴포넌트 // 루트 컴포넌트 new Vue({ el: '#app' }); // 전역 컴포넌트 Vue.component('comp',{ template: 'comp' }) .. 2019. 11. 5. 이전 1 ··· 44 45 46 47 다음
