# vue

82개의 포스트

TIL. Vue.js [Event Bus]

Vue.js [Event Bus]

약 6시간 전
·
0개의 댓글

TIL. Vue.js [화면 내 component전환]

Vue.js [화면 내 component전환]

약 6시간 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [8일차]

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

2일 전
·
0개의 댓글
post-thumbnail

Vue 공식문서 투어

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

2일 전
·
0개의 댓글
post-thumbnail

React.js vs Vue.js 자세한 비교 (1) - 공통점

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

3일 전
·
0개의 댓글
post-thumbnail

시퀄라이즈 도입하기

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

3일 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [7일차]

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

3일 전
·
0개의 댓글
post-thumbnail

백엔드 코딩 준비하기

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

3일 전
·
0개의 댓글
post-thumbnail

Twitter Clone Cording

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

3일 전
·
0개의 댓글

TIL. Vue.js [서버통신-axios/async/await]

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

3일 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [6일차]

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

4일 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [5일차]

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

5일 전
·
0개의 댓글

TIL. Vue.js[props전달(상하관계)]

props전달( 부모 , 자식)

6일 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [4일차]

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

6일 전
·
0개의 댓글
post-thumbnail

Vue.js 공부 [3일차]

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

2020년 4월 1일
·
0개의 댓글
post-thumbnail

Vue.js 공부 [2일차]

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

2020년 3월 31일
·
0개의 댓글
post-thumbnail

Vue.js 공부 [1일차]

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

2020년 3월 31일
·
0개의 댓글
post-thumbnail

PROGRAMMING] Vue.js + Express + MongoDB 구축

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

2020년 3월 29일
·
0개의 댓글
post-thumbnail

Nuxt.js 시작하기 - 1. 설치

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

2020년 3월 25일
·
0개의 댓글