개발로_그(Development_Log)
Posts
12 posts
Vue를 이용한 (술 취한) JavaScript 트랜지션 (검색?)
이 게시물은 기본적으로 https://kr.vuejs.org/v2/guide/transitions.html 를 참조하여 공부하고 작성하였습니다.제가 겪는 시행착오를 통해, 누군가에게 도움이 되기를 바랍니다. vueis라는 사이트에 점점 질려가고 있습니다... 코드가 완성형이 아니라서 실행을 못해볼 때도 있고- 영어를 구글 번역기로 번역한 듯한 어휘들이 이해를 어렵게 합니다.. 말을 어렵게 써놨어요... 암튼- 그 이상한 것 중에 그나마 쓸만한 것을 찾아 한번 해보려합니다. "비틀거리는 목록 트랜지션" 입니다. "Staggering List Transition"인데- 어떻게 번역하는게 가장 좋을지 모르겠습니다. 그래서 저는 제목에 살짝 놀리는 듯한 느낌으로 '술 취한'으로 표현을 해보았는데요- 실질적으로
Vue.js의 가장 강력한 기능인 컴포넌트를 활용하기 - 초급
이 게시물은 기본적으로 https://kr.vuejs.org/v2/guide/components.html 를 참조하여 공부하고 작성하였습니다.제가 겪는 시행착오를 통해, 누군가에게 도움이 되기를 바랍니다. 컴포넌트는 Vue의 가장 강력한 기능입니다. 제게는 Class의 개념과 매우 유사하게 느껴지는데요, 재사용 가능한 코드를 캡슐화하는데 도움이 된다고 합니다. 1. 컴포넌트 전역 등록 "일단 등록되면, 컴포넌트는 인스턴스의 템플릿에서 커스텀 엘리먼트, 로 사용할 수 있습니다. 루트 Vue 인스턴스를 인스턴스화하기 전에 컴포넌트가 등록되어 있는지 확인하십시오." 라고 적혀있습니다. 그런데, 제가 생각하는 기본적인(?) 프로그래밍
Flask에서 Vue.js 사용해보기
의 예제들을 참고하며 Vue를 시작해보고 있다. Vue.js는 React, MobX의 장점을 결합한(?) 매우 핫한 프레임워크로 얘기되고 있어서- 이왕 시작해보는거- Vue로 시작하기로 해보았다. Flask 같은 vue를 실행시켜볼 환경이 없는 경우에는, https://jsfiddle.net/chrisvfritz/50wL7mdz/ 에 코드를 입력하고 Run 버튼을 눌러 실행해보면 아주 깔끔하게 결과를 확인할 수 있다. 가장 첫 예제는, '안녕하세요 Vue!'를 출력하는 것이다.html, js, python파일을 구분 지어서 작성하도록 하겠다. 위의 jsfiddle을 이용하는 경우 python은 필요가 없으며 아래의 두개 소스코드로 간단히 실행할 수 있다. (html file)
HTML 무료 템플릿을 Flask에 적용하기
Flask로 웹 페이지를 디자인하기 위해 무료 템플릿을 찾아보았다. 1. Nava (입력할 수 있는 창이 좋아서 가져왔다) - http://designhooks.com/freebies/nava-clean-responsive-html-template/2. SquadFree (요즘 가상화폐/블록체인을 다루는 웹페이지에서 많이 이용하는 스타일인 것 같다) - http://bootstraptaste.com/squadfree-free-bootstrap-template-creative/3. Lens (이미지나 여러 페이지를 위해서 좋을 것 같다.) - https://www.dropbox.com/s/i8w7f4euu6tuva1/lens.zip?dl=04. 기타Urku - - 출처 : https://dcrazed.co
Flask 설치하기 ( Pallets projects & Virtualenv )
이 글은 http://flask-docs-kr.readthedocs.io/ko/latest/index.html 을 참조하여 설치를 진행한다.위 과정에서 발생하는 문제들에 대해서 해결책을 찾고 누군가에게도 도움이 되고자 한다. Flask는? Flask는 Werkzeug와 Jinja2 라이브러리에 의존적이다. Werkzeug는 웹 어플리케이션과 다양한 서버 사이의 개발과 배포를 위한 표준 파이썬 인터페이스인 WSGI를 구현한 툴킷이다. Jinja2는 HTML 템플릿을 렌더링하는 템플릿엔진이다. 1. Virtualenv가장 먼저 virtualenv를 사용하기를 추천강요한다.(아직 python3로 개발할 수 있게 준비중에 있다고 한다.)각각의 프로젝트 환경에 맞게 다중설치가 가능해서 편리하다고 하는데- 좋다는
