요즘 대세인 가장 인기있는 프렘워크 중 하나... 바로 프론트엔드 프레임워크인 VueJS !!! 아래는 VueJS를 사용하여 앱을 만드는 과정을 함께 배워봅니다. 천천히 알아보시기 바랍니다.! Why VueJS?VueJS가 다란 프레임워크가 다른 점과 장단점은 아래 링크에서 참조하시기 바랍니다. 여기서는 좀 더 실전적인 부분을 다루어보려합니다.링크 바로가기 > https://webisfree.com/2018-07-28/요즘-뜨는-vuejs-알아보기 # VueJS를 사용하여 앱 만들기먼저 view에 해당하는 template를 알아봅니다. 템플릿은 웹의 html에 해당하는 부분이라고 생각하시면 됩니다. vuejs로 동작하기 위해서 앱이 동작할 엘리먼트를 정해야하는데 아래 예제는 id값 app을 사용하였습니다.(참고로 html, body 태그에 직접 vuejs 엘리먼트를 설정하는 방법은 가급적 자제해주시기 바랍니다.) ! vuejs 에 스크립트 추가하기vuejs 스크립트를 앱에서 불러와야
2019-01-22 02:21:58스크린샷 출처) VueJS 공식 홈페이지VueJS의 강세가 무섭다고 할까요? 요즘은 VueJS를사용하는 프로젝트도 많고 찾는 이들도 많아진 것 같습니다. 예전에 AngularJS와 React로 양분되던 모습이 이미 한참 전의 이야기 같네요.# VueJS란?먼저 현 상황을 얘기해보자면... 지금은 가히 프론트엔드의 강세가 계속해서 이어지는 것 같습니다. 싱글페이지 어플리케이션(SPA) 개발이 늘어나면서 요즘은 프론트엔드 언어 하나를 모르면 왠지 도태된 느낌이 들기도하죠... 또한 다른 직군에서 프론트엔드로 많이들 넘어옵니다. UI 개발, 기획에서 프론트엔드로 오기도 하고 서버에서도 프론트엔드로 직군을 아예 바꾸는 모습을 쉽게 찾을 수 있습니다.! 왜 다들 프론트엔드를 찾을까...가장 큰 이유 중 하나로 REST API의 사용을 꼽을수 있겠죠. 하지만 이런 이유 외에도 Babel, TypeScript이나 lodash, underscore ... grunt, gulp를 지나 webpack
2018-07-28 22:13:16요즘 프론트엔드 개발자에 대한 시장의 니즈가 높아보입니다. 여기저기 프론트엔드 개발자를 충원하기 때문입니다. 이에 따라 프론트엔드 직무에 대한 이런저런 얘기들이 많은데 일부는 맞으나 아닌 부분도 있어보입니다. 얘기들을 모아보면 어려움을 겪는 현실적인 내용이 많군요... 이를 대략 요약하면 다음과 같습니다.! 프론트엔드 분야가 어려운 이유실력있는 개발자를 상사로 만나기 어렵다알아야하는 것이 너무 많다새롭게 알아야하는 것도 너무 많다다른 이유도 있겠지만 위 세가지 이슈가 가장 크다고 보입니다. 하나씩 볼까요?? 실력있는 개발자를 상사로 만나기 어렵다사실 예전의 프론트엔드 개발과 현재는 완전히 다르다고 볼 수 있습니다. 이에 대부분 공감할 수 있을 것인데 그 이유는 과거의 프론트 개발로 해오던 것들이 지금은 전혀 다른 방식으로 사용되거나 바뀌었기 때문입니다. 그렇기 때문에 오히려 경력이 많은 사수, 선임자가 기술적으로 모르는 부분이 더 많기도 합니다.물론 기술의 깊이는 짧은 순간 습득하
2017-07-07 21:31:47프론트엔드 언어를 선도할 2017년 언어는???설문조사가 가능하면 좋겠군요 ^^
2017-04-27 02:37:36angular js 언어에서 angularjs 2를 사용할 경우 가장 큰 장점은 무엇인가요?
2017-03-17 18:06:39웹은 빠르게 변화한다. 그리고 그 웹을 개발하는 웹 개발자의 포지션도 함께 빠르게 변화해간다... 아래 글은 최근 프론트엔드 개발 영역의 변화를 과거 그리고 현재와 비교하여 짧게 정리한 내용이다.프론트엔드, 앞단 영역을 다루던 코더가 점점 전문화 되면서 웹퍼블리싱 및 웹퍼블리셔라는 용어가 사용되기 시작했다. 이 영역이 점점 확고해졌고 좀 더 복잡한 웹사이트를 구현하기 위해 액션스크립트 및 자바스크립트 사용이 늘어가면서 이 분야만 담당하게 된 개발자를 스크립터라 분리하여 불리기도 하였다. 이런 모습이 현재는 아래와 같이 구분되는 것 같다...! 웹퍼블리셔 그리고 프론트엔드 개발자웹퍼블리셔라는 용어는 회사마다 제각기 다른 업무 영역로 이해되기도 했는데 최근에는 엄격하게 분리되고 있다... 웹퍼블리셔는 프론트엔드 개발자라는 개념이 이제는 공통점을 찾기 어려워졌다.그 이유는 무엇일까? 가장 중요한 부분은 프론트엔드 개발자의 롤이 명확해졌기 때문일 것이다. 비동기 방식의 처리, 싱글페이지
2016-12-09 14:24:16혹시 풀스택(Full Stack) 개발자를 들어보셨나요? 자신이 개발자로 일하고 있다면 한번쯤 익히 들어봤을만한 용어입니다. 풀스택 개발자는 어떤 개발자를 말하면 왜 우리는 최근 심심치 않게 들을 수 있을까요? 일단 풀스택개발자가 정확히 무엇을 의미하고 있는지 알아보면... 풀스택 개발자, 폴리글랏 개발자 모두 하나의 범주를 넘어 다양한 환경 및 플랫폼을 이해하고 사용되는 대부분의 언어와 지식을 갖춘 인재를 얘기합니다.# 풀스택개발자를 선호하는 이유는?왜 많은 곳에서 단 하나의 전문성보다 다양한 지식과 능력을 가진 개발자를 더 선호하는 것일까여? 초기의 웹과 현재의 웹을 비교해보면 답을 찾을 수 있을 것입니다. 정보 공유와 단방향 커뮤니케이션이 대부분이었던 웹은 웹언어, 네트워크, 데이터베이스등 관련된 모든 것들이 빠르게 발전하면서 하나가 아닌 모든 것들과의 관계, 즉 상호 이해와 지식을 점점 더 필요로하게 되었습니다. 다시 말하면 이는 웹개발에 대한 모든 부분들이 서로 연관되어 있
2015-10-02 06:57:27웹퍼블리셔로 진로를 희망하는 경우 현재 학생이거나 또는 새로운 분야로의 이직을 희망하는 직장인이 있을 수 있겠죠. 많은 사람들이 앱이나 웹이냐를 고민하고 웹에서도 다양한 부분의 개발자가 존재합니다. 아래는 이 부분들 중 웹퍼블리셔에 대하여 알아보고자 합니다.# 웹퍼블리셔(Web Publisher)란? 웹퍼블리셔는 웹개발 영역의 한 부분으로 코더, 프론트엔드 개발자 등등으로 불리기도 합니다. 보통 웹퍼블리셔는 앞단으로 Front 부분을 담당하여 개발하게 됩니다. 이와 달리 백단이라 불리는 서버, 데이터베이스, ERP 등의 개발자들이 존재하며 서로 다른 부분을 하나의 프로젝트 내에서 개발하기도합니다. 웹사이트에서 보이는 부분을 개발하는 퍼블리셔는 클라이언트측 언어를 사용하게됩니다. 여러 언어가 사용되지만 대표적으로 HTML, CSS, 자바스크립트의 언어를 사용하게되는데 프론트엔드 개발자와 용어적으로 애매한 부분이 있습니다. 그 이유는 사용하는 언어가 겹치는 부분이 있고 웹퍼블리셔와 프
2015-06-11 14:28:37우선, 웹표준이란 무엇일까요? 먼저 Wikipedia의 글을 인용하면...! 웹표준이란?1. 웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다. 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다.2. 수많은 상호 의존성이 있는 표준들과 규격들 가운데 일부는 단지 월드 와이드 웹으로만 끝나는 것이 아니라, 인터넷의 관리 측면이기도 하며 이러한 표준들은 직간접적으로 웹 사이트, 웹 서비스 개발과 관리에 영향을 주고 있다. 이러한 것들 모두 웹표준이라고 부르지만 웹 표준으로 이동하는 것을 찬성하는 사람들은 사용성과 접근성에 직접 영향을 미치는 더 높은 수준의 표준에 초점을 두는 경향이 있다.라고 말합니다... 요약하면 웹표준이란 공통된 규약, 인터넷을 사용하는 모든 유저들에게 이렇게 하세요라고 권고하는 것입니다... 간단하게 예를 들면 인터넷이라는 웹은 통일된 프로토콜을 사용하
2014-01-21 11:41:25
