본문 바로가기

전체 글

 (170)
Simple Vue! Simple Vue! nodejs를 설치해서 npm을 사용할 수 있게 되었으면터미널에 npm install -g vue-cli 를 입력하여 vue-cli를 global로 설치터미널에서 뷰 프로젝트를 설치하고 싶은 곳으로 이동 후vue init simple firstVue 기본 뷰파일 생성 아래와 같이 나오면 성공 var app = new Vue({ el: '#app', data: { greeting: 'Welcome to your Vue.js app!', docsURL: 'http://vuejs.org/guide/', discordURL: 'https://chat.vuejs.org', forumURL: 'http://forum.vuejs.org/' }, methods: { humanizeURL: func..
CSS공부 시작 최근 일하게 된 곳에서 프론트 전체를 맡게 됨으로써 마크업도 다루어야 할 상황이 되었다. 그래서 그동안 미루어 두었던 CSS를 공부하기로 하였다. 기본적인 사용법은 알지만 실무에서 빠르게 적용하는데는 어려움이 있고, 화면을 보고 레이아웃 구조를 떠올릴 수 있는 레벨까지는 되지 않기 때문에, 기본기를 조금 더 다져야 할 필요성을 느꼈다. 아는 내용들이 많겠지만 생활코딩 동영상 부터 시작해서 여러 고수님들의 동영상을 보면서 공부해야겠다.
주피터 노트북 설정 주피터 노트북 설정 개발을 하다보니 주피터 노트북이란 것을 알게 되었다. 주피터 노트북이란 것은 웹 IDE인데 웹 IDE 일반 IDE보다 퍼포먼스 면에서 확실하게 떨어진다. 하지만 이런 프로그램이 있다는 것은 니즈가 있었다는 뜻인데 여러 블로그를 둘러보니 다양하게 사용할 수 있다는 것을 알게 되었다. 1. 간단한 코드를 돌려보기에 좋다.2. 발표를 할 때 IDE를 설치하지 않아도 된다.3. 코드를 쉽게 공유할 수 있다. 공유를 통해서 여러 주제를 분석하고 토론할 수 있다.등등.. 자 그럼 주피터 노트북 설정하는 방법을 알아보자 필자의 현재 pc환경은 window7이다. 1. python설치2. easy_install, pip설치 - 패키지를 관리해주는 녀석인거 같다.- easy_install을 설치하고 ..
스터디 멤버들과 프로젝트 시작 스터디 멤버들과 프로젝트 시작 스터디 멤버들과 프로젝트 시작공부용이 아닌 실제 서비스 목적으로 구성 아이템은 비밀!내가 맡은 롤은 프론트 커뮤니케이션 slack 사용이슈관리 Trello ( 처음 사용해봄) - 이슈관리 프로그램은 다 비슷비슷해서 사용하기 쉬움프론트 IDE - Web Storm개인적인 정보관리 - Evernote프론트 프레임워크 - angularjs버전관리 - github배포 - jenkins빌드 - gradle 오늘은 개발환경 셋팅하고 git clone하고 angular cli로 프론트 구조잡고 마무리~~
Vue.js란 Vue.js란 요즘 프론트쪽 개발을 하다보니 자연스럽게 프론트 기술들에 관심이 간다. 회사에서는 angular로 개발을 하지만 요즘 핫하게 떠오르는 기술을 보니 Vue.js가 있었다. 모든 기술들을 처음 접할때 물어보는 질문이 있다. '그게 뭐에요?' 필자도 Vue에 대해서 잘 모른다. 그렇기 때문에 공부를 하면서 포스팅을 한다. 영어를 잘 못하기 때문에 책을 한 권 구매를 했다.원형섭 저자의 Vue.js이다. 이책과 구글링을 통해서 공부를 하면서 정리를 해보겠다. 이 카테고리의 목표는 Vue.js를 얇게 한 번 정리하는 것이다. 그렇다면 바로 본론으로 가보자 Vue.js가 무엇일까?Vue.js에 대해서 질문을 하면 보통 이렇게 답이 들려온다. 뷰를 개발하는데 최적화된 프레임워크.책에 나온 상세설명을 보..
angular-cli 프로젝트 시작하기 새프로젝트를 사용하게 되었는데 사용할 프론트 프레임워크가 angularjs2였다. 예전과 좀 많이 바뀌었는데 모듈이라는 개념이 생기고 프로젝트를 쉽게 구축할 수 있는 cli가 생겼다. Module은 컴포넌트를 묶은 하나의 단위라고 할 수 있고 라우터 설정을 할 수 있다.
Yeoman(모던웹 개발을 위한 관리도구) Yeoman(모던웹 개발을 위한 관리도구) 최근 프론트쪽을 개발을 하다보면 흔히 볼 수 있는 도구중 하나가 Yeoman이다. Yeoman의 목적은 위의 이미지에 적힌 문구와 동일하다. 현대적인 웹앱을 위한 Scaffolding Tool이다.Yeoman은 노드위에서 동작하며 3가지 도구(Yo, bower, grunt)를 합쳐 놓은 도구이다. 간략히 설명하자면 Yo는 프론트의 기본 개발구조를 잡아주는 도구이다. angular로 개발하고 싶으면 angular제너레이터를 설치하면 된다. 제너레이터를 설치하면 애플리케이션의 초기 골격을 만들어 준다.bower는 의존성 라이브러리를 원격으로부터 내려받고 index.html에 자동으로 설정해준다. grunt는 프론트의 Assets(html, css, js)의 테스트..
자바 람다식(Java Lambda Expression) 자바 람다식(Java Lambda Expression) 오랜만에 세미나를 다녀왔다. 벌써 스프링5와 자바9에 대한 내용을 다루기 시작했다.회사에서 간단한 람다식을 사용했지만 8에있는 스트림은 전혀 사용해 보지 못했고, 람다식도 forEach에서만 사용했었다. 너무 늦으면 안되겠다는 생각에 간단히 람다식을 정리해야겠다고 생각했다. 깊이 있는 내용이 아니라 람다의 개념정도만 정리하는 글이다. 1. 람다식이란? Java8에서 도입된 문법이다. 많은 사이트에서 람다식을 다음과 같이 정의하고 있다.- 식별자 없이 실행 가능한 함수 표현식( 코드를 보면 쉽게 이해할 수 있다.)함수형 프로그래밍 언어에서는 너무나 익숙한 방법이지만 자바에서는 조금 생소할 수 있다. 2. 람다식의 장점과 단점 ?람다식의 장점은 정말 단..

티스토리툴바