반응형 DEVLOG88 Vue.js 시작하기 - #3 사용자 입력 핸들링 사용자가 앱과 상호 작용할 수 있게 하기 위해 우리는 v-on 디렉티브를 사용하여 Vue 인스턴스에 메소드를 호출하는 이벤트 리스너를 첨부 할 수 있습니다 {{ message }} 메시지 뒤집기 var app5 = new Vue({ el: '#app-5', data: { message: '안녕하세요! Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('') } } }) 이 메소드에서 우리는 단순히 DOM을 건드리지 않고 앱의 상태를 업데이트 합니다. 모든 DOM 조작은 Vue에 의해 처리되며 작성한 코드는 기본 로직에만 초점을 맞춥니다. Vue는 또한 양식에 대한 입.. 2019. 5. 8. Vue.js 시작하기 - #2 조건문과 반복문 엘리먼트의 존재 여부를 토글하는 것은 아주 간단합니다. 이제 나를 볼 수 있어요 var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 콘솔에서 app3.seen = false 를 입력해보세요. 메시지가 사라지는 것을 확인할 수 있습니다. 이 예제는 텍스트와 속성뿐 아니라 DOM의 구조에도 데이터를 바인딩 할 수 있음을 보여줍니다. 또한 Vue 엘리먼트가 Vue에 삽입/갱신/제거될 때 자동으로 트랜지션 효과를 적용할 수 있는 강력한 시스템을 제공합니다. 몇가지 디렉티브가 있습니다. 각 디렉티브마다 고유한 기능이 있습니다. 예를 들어 v-for 디렉티브는 배열의 데이터를 사용해 항목 목록을 표시하는데 사용할 수 있습니다. {{ todo.text }} var.. 2019. 5. 8. [BOJ 10093] 숫자 - 파이썬 풀이 10093번: 숫자 문제 두 양의 정수가 주어졌을 때, 두 수 사이에 있는 정수를 모두 출력하는 프로그램을 작성하시오. 입력 두 정수 A와 B가 주어진다. (1 ≤ A, B ≤ 1015, A와 B의 차이는 최대 100,000) 출력 첫째 줄에 두 수 사이에 있는 수의 개수를 출력한다. 둘째 줄에는 두 수 사이에 있는 수를 오름차순으로 출력한다. 예제 입력 1 복사 8 14 예제 출력 1 복사 5 9 10 11 12 13... www.acmicpc.net 처음에 볼 때는 굉장히 쉬운 문제 같았는데, 정답률이 26%길래 의아해서 풀어봤습니다. 음.. 풀고나니 뭔가 찜찜한 문제였어요.. 우선 문제 조건에서 A < B 처럼 보였어요.. A가 B보다 큰 수일 수도 있기 때문에 조건을 잘 따져주어야 합니다. 또 파.. 2019. 5. 8. [BOJ 1931] 회의실배정 - 파이썬 풀이 문제 1931번: 회의실배정 (1,4), (5,7), (8,11), (12,14) 를 이용할 수 있다. www.acmicpc.net import sys N = int(sys.stdin.readline().strip()) timetable = [] for _ in range(N): time = tuple(map(int, sys.stdin.readline().strip().split())) timetable.append(time) # 빨리 끝나는 회의 순으로 정렬 timetable.sort(key=lambda time: time[0]) timetable.sort(key=lambda time: time[1]) end = timetable[0][1] cnt=1 for i in range(1, N): if tim.. 2019. 5. 7. 이전 1 ··· 16 17 18 19 20 21 22 다음 반응형