고리타분한 개발자

자, 이번에는 코딩을 도와줄 Vue Devtools를 설치 해볼텐데요. 크롬 확장 프로그램입니다. 물론 크롬에서만 사용 가능하지요. 구글에 vue dev tools를 검색후 아래 확장 프로그램을 다운 받아 줍니다. 설치가 완료되면 아래와 같이 크롬 상단에 확장프로그램 아이콘이 생길탠데요. Vue 코드가 없다면 Vue.js not detected라고 표시되어질 겁니다. 이전 포스트에서 vue를 사용하여 코드를 작성하였음에도 불구하고 Vue.js not detected라고 표시되어지는 이유는 바로 로컬 경로 때문인데요. 이 문제를 해결하기 위해 파일 URL에도 접근을 허용할수 있게 해주어야 합니다. 방법은 확장프로그램 관리에서 Vue.js devtools를 찾은뒤 파일 URL에 대한 액세스 허용란에 체크 표..

개요안녕하세요!!! 항상 angularJS를 사용해오다가 directive의 심한 학습곡선과 개발된지 오래된 framework인 만큼 버전 업그레이드도 더디고 있긴있나...? 아무쪼록 무언가 새로운 것을 공부 해보려는 찰나에 Angular, React, Vue 중에서 VueJS가 그나마 쉽고 공식 홈페이지도 이쁘게 잘 되어있어서 google의 지원을 받는 angular와 facebook의 react를 과감히 포기하고 선택하게 되었습니다. ㅎㅎ. 아무튼, vue api를 쭉 한번 보고 vuex와 nuxt를 진행하기전에 데이터 바인딩부터 시작해서 리스팅, 이벤트 리스너, 필터등을 복습해보고자 합니다. 간략하고 빠르게.JS vs Vue JS여러분들은 자바스크립트에서 querySelector를 가지고 data ..

프로그래밍은 변수를 통해 값을 저장하고 참조하며 연산자로 값을 연산, 평가하고 조건문과 반복문에 의한 흐름제어로 데이터의 흐름을 제어하고 함수로 재사용이 가능한 구문의 집합을 만들며 객체, 배열 등으로 자료를 구조화하는 것이다.변수는 위치(주소)를 기억하는 저장소이다. 위치란 메모리 상의 주소(address)를 의미한다. 즉 변수란 메모리주소(Memory address)에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자(Identifier)이다.변수(memory address에 접근하기 위한 식별자)를 통해 메모리에 값을 저장하기 위해서는 우선 필요한 저장 단위(byte)를 알아야한다. 이는 값의 종류에 따라 값을 지정하기 위해 확보해야할 메모리의 크기가 다르기 때문이다. 이때 값의 종류 즉 ..