[무작정 따라하는 Vue] 2. Vue.js 조건문 반복문 Vue.js에서 조건문과 반복문을 어떻게 사용하는지 탐구해봅니다. 1. 조건문 엘리먼트에 조건문을 사용하여 enable 혹은 disable을 제어하는 것을 예제로 설명합니다. 이제 나를 볼 수 있어요 var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 이제 나를 볼 수 있어요 이제, Javascript 콘솔에 app3.seen = fasle를 입력해 주면, 메시지가 사라지는 것을 볼 수 있습니다. app3.seen = false 이 예제를 통해 텍스트와 속성뿐 아니라 DOM의 구조에도 데이터를 바인딩 할 수 있음을 확인했습니다. 또한 Vue 엘리먼트가 Vue에 삽입/삭제/업데이트 될 때 자동으..
[무작정 따라하는 Vue] 1.Vue.js 시작하기 Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크의 한 종류입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계가 되어있습니다. 핵심은 View(뷰)레이어만 초점을 맞췄기 때문에 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다는게 장점입니다. 또한 Vue는 상황에 맞게 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. vue 선언하여 사용해보기 Vue.js의 핵심은 간단한 템플릿 구문을 사용하여 DOM에서 데이터를 선언적으로 렌더링 할 수 있는 시스템이 있다는 것입니다. {{ message }} 템플릿에서 선언한 id값을 new Vue 를 통해서 elem..
Java Script [프로그래머스 코딩테스트] 월간 코드 챌린지 시즌1 - 내적 👉 하루에 한번씩 코딩 실력을 기르기 위해 시작하는 프로그래머스 코딩테스트 👉 코딩테스트 연습 > 월간 코드 챌린지 시즌1 > 내적 문제 설명 및 제한사항 👉 문제 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이) 👉 제한사항 a, b의 길이는 1 이상 1,000 이하입니다. a, b의 모든 수는 -1,000 이상 1,000 이하입니다. 정답 및 풀이 👉 정답 function solution(a,..
타이틀 입력부분 데이터베이스의 연산들을 모아놓은 트랜잭션 알아보기. 데이터베이스는 파일시스템과 달리 [실시간 접근성] , [계속적인 변화], [동시 공유], [내용에 따른 참조] 의 4가지 특성이 존재하고, 데이터의 일관성과 지속성이라는 장점을 가지고 있습니다. 프로그램 개발을 진행하다보면 DB CRUD작업을 진행하며 데이터베이스를 다루는 일이 많아집니다. 하지만 본인의 직책이 DBA가 아닌 이상 데이터베이스에 대해 깊게 다루지 않기 때문에, 또한 아직 주니어인 저의 짧은 개발자의 인생에서 DB에서 어떻게 데이터의 일관성과 지속성을 관리하는지 잘 모르고 개발을 진행했었습니다. 때문에 데이터베이스가 어떻게 동작하고, 어떻게 데이터를 관리하는지 깊은 이해도가 생긴다면 이후, 데이터베이스를 활용한 개발 측면에..
Java Script [프로그래머스 코딩테스트] 월간 코드 챌린지 시즌2 - 음양 더하기 👉 하루에 한번씩 코딩 실력을 기르기 위해 시작하는 프로그래머스 코딩테스트 👉 코딩테스트 연습 > 월간 코드 챌린지 시즌2 > 음양 더하기 문제 설명 및 제한사항 👉 문제 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요. 👉 제한사항 absolutes의 길이는 1 이상 1,000 이하입니다. absolutes의 모든 수는 각각 1 이상 1,000 이하입니다. signs의 길이는 absolutes의 길이와 같습니다..