# vue

kihyeon8949

Vue.js [Event Bus]

kihyeon8949

Vue.js [화면 내 component전환]

99bang2

오늘 7일차의 velog를 다시 한 번 돌아보니 학습한 내용(?) 이라는 생각보다 kr.vuejs.org 의 내용을 그대로 옮겨 적은 듯한 느낌이 들었다.조금씩 달라지고 싶다.오늘의 주제는 component이다.Component란?Vue의 강력한 기능 중 하나로 기본

bch3454

Vue 공식문서 투어를 시작합니다.공식문서를 처음부터 끝까지 읽어나갈 계획입니다.애매모호한 설명에 대해서는 최대한 누가봐도 이해할 수 있도록 부연설명을 붙여나가는식으로 포스팅을 하려 합니다.부족한 실력이지만 잘봐주셨으면 좋겠습니다. 잘못된 정보에 대한 피드백은 언제나

vraimentres

프론트엔드 개발자들 사이에서 "엄마가 좋아 아빠가 좋아?"와 같은 문제들 중 하나가 바로 프론트엔드 프레임워크 비교일것 같다. 당연히 다들 자기가 쓰고있는거에 만족하고 있는데에다가, 세대교체가 아닌이상 여러가지를 현업에서 쓰지 않으니 함부로 비교하기 애매하긴 하다.

bch3454

우선 아래 명령어를 입력하여 Dependeny를 설치해줍니다.시퀄라이즈는 ORM(Object-relational Mapping)으로 분류 됩니다. ORM은 자바스크립트 객체와 데이터베이스의 릴레이션을 매핑해주는 도구 입니다. 시퀄라이즈를 사용하는 이뉴는 자바스크립트로

99bang2

v-on directive를 통해서 DOM객체의 이벤트를 실행할 수 있다.button을 클릭하게 되면 counter data에 +1를 한다.그러면,이 곳의 counter 값이 올라가게되고, 이 값을 {{}} 를 통해서 화면에 보여주게 된다.이벤트 핸들러의 로직이 복잡할

bch3454

project 폴더를 생성한 후 back이라는 폴더를 생성하였습니다. back폴더로 진입하여 가장 먼저 yarn init을 진행 해 주었습니다. 또한 github에 업로드 하기 위해 git init을 비롯한 필요한 작업을 진행해 주었습니다.그 다음으로 아래 커맨드를 입

bch3454

Inflearn의 Vue로 Nodebird SNS 만들기 강의를 듣고 배운 내용을 정리하여 포스팅 하려고 합니다.(20/04/06 월 시작)제로초 강의

kihyeon8949

axios/async/await 에 대한 설명과 활용

kihyeon8949

udition 운영툴 제작

99bang2

Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법Ajax 애플리케이션은 필요한 데이터만을 웹서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 할

99bang2

하나 이상의 엘리먼트를 트랜지션을 하기위해 template엘리먼트에 v-if를 사용한다.최종 렌더링 결과에는 template엘리먼트가 포함되지 않는다.v-if에 대한 else-if 와 else 블록을 표현한다.v-else디렉티브는 v-if와 v-else-if 뒤에 위치

kihyeon8949

props전달( 부모 , 자식)

99bang2

class를 동적으로 토글하기 위해서 v-bind:class에 객체를 전달할 수 있다.위 구문은 active 클래스의 존재 여부가 데이터 속성 isActive 의 참 속성에 의해 결정되는 것을 의미한다.computed 속성에도 바인딩할 수 있다.우리는 배열을 v-bin

99bang2

복잡한 로직일 경우 computed 속성을 사용해야 한다.예제위에서 reversedMessage는 computed 속성이고 message 값에 의존적이기 때문에 vm.message가 바뀌면 vm.reversedMessage값이 바뀐다.computed속성 대신 메소드와

99bang2

문자열가장 기본형태 "Mustache" 구문<span>메시지: {{ msg }}</span>v-once 디렉티브데이터 변경 시 일회성 Interpolation이 가능원시 HTMLv-html 디렉티브실제 HTML을 출력하기 위해 사용속성Mustache구문은 H

99bang2

velopert 님이 React로 라이브 코딩을 하시는 걸 보았다.사람이 무엇인가를 꾸준히 한다는 것이 정말 어렵다는 것을 알아가고 있지만 스스로 한 번 도전해 보고싶었다. 하루에 한 번 관련 기술 작성하기,,그래서 SSAFY 커리큘럼에도 포함되어있고, framewor

woounnan

군복무때 진행했던 웹 프론트 프로젝트를 github에 정리하기 위해, 풀스택 환경을 구축해야할 필요성이 생겼다.본 포스팅에서 전체 과정을 다시 한번 다룰 것이며, 범위는 nvm은 node.js를 관리하기 위한 도구이다.다음 명령어로 설치해주자.nvm을 이용하여 node

brviolet

Vue.js를 사내 프로젝트에 적용해야 했다.맨땅에서 시작하자니 혼자 삽질을 많이 했고, 진도가 나가지 않는 상태였다.구글링하다 Vue.js로 개발하려거든 Nuxt.js를 무조건 도입해라. 라는 글을 봤고, 그 때부터 쓰기 시작했다.처음 시작할 땐 템플릿이라고만 생각했