반응형

전체 글 186

01. Vue.js - webpack 사용하기

MAC 환경에서 진행하였고, 윈도우 사용자 분들도 진행에 무리 없으실 것 같습니다. 1. npm init - npm 사용을 위해선 노드가 설치 되어 있어야 합니다. 노드 설치가 되어 있지 않으신 분들은 https://nodejs.org/ko/ 를 통해 다운로드 받으실수 있습니다. - npm init 결과 package.json 파일이 생성 - package.json은 패키지에 관한 정보와 의존중인 버전에 관한 정보를 담고 있는 파일입니다. 2. npm을 이용하여 실습에 필요한 패키지들을 설치합니다 vue 패키지를 설치, npm install에대한 옵션이 붙지 않았으므로, 현 프로젝트 내에서만 패키지가 사용되는 있는 지역 설치입니다. 여기서 뒤에 붙은 -D는 개발 시에만 사용하는 개발용 의존 패키지를 명시..

아카이브 2019.11.26

191119 / Today I Learned

2019-11-19 TIL What I did - 인프런 강좌를 통해 Vue.js로 간단한 프로그램 만드는 실습을 진행하였다. - 포트폴리오 페이지에 프로젝트섹션 업데이트, 가독성을 높이기 위한 약간의 스타일 조정을 진행 - 배포되어 있는 다른 웹 개발자들의 포트폴리오를 찾아보며 , 부족하거나 보완해야할 점을 찾아봄 To Do - 좀 더 완성도 높은 포트폴리오 페이지를 위한 고민 - Vue.js 와 Django를 이용한 프로젝트 계획 진행 (~ing) - JavaScript

아카이브 2019.11.19

01. JavaScript - 이미지 슬라이드 ImageSlide

이미지 슬라이드 Carousel 자바스크립트 공부중 구현해본 이미지 슬라이드, 복습 겸 간단하게나마 구현하여 기록해 보았습니다. (맥북 15인치 환경에서 작업하였습니다. 간혹, 모바일 환경에서는 제대로 나오지 않을 수 있습니다.) See the Pen abbQozz by pilyeong (@pilyeooong) on CodePen. item 갯수만큼 slider의 크기를 유동적으로 설정하도록 하였으므로, item의 컨텐츠를 추가하여도 코드 수정이 불필요하도록 구현. 코드 사용시에는 필요에 따라 버튼이나 컨텐츠 , 크기 등 부분만 고쳐 사용하면 될 듯 합니다. See the Pen https://codepen.io/pilyeooong/pen/KKKGOGe"> KKKGOGe by pilyeong (https..

아카이브 2019.11.15
반응형