반응형 전체 글236 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. 넷플릭스(Netflix)로 영어공부 쉐도잉하기 (한영 동시자막 / 구간반복) 안녕하세요! 요즘 넷플릭스 많이 쓰시죠? 저는 2년정도 넷플릭스를 이용해왔는데요. 오늘은 넷플릭스를 통해 영어공부하는 법을 알려드리려고 합니다! 저는 한국에 살고 있고 일상에서 영어를 쓸 일이 거의 없어요. 그래서 하루에 30분정도 미드 쉐도잉을 하고 있습니다. 원래는 인터넷에서 스크립트를 다운받고, 프린트하고, 한국어 자막과 비교해가며 공부를 했었는데요 크롬 확장프로그램을 통해 이를 한방에 해결할 수 있습니다! 먼저, NflxMultiSubs입니다. NflxMultiSubs (Netflix Multi. Subtitles) Bilingual Subtitles & Enhanced Experiences for Netflix chrome.google.com NflxMultiSubs는 한영 동시자막 기능을 제공.. 2019. 5. 8. 동영상을 움짤 GIF로 만드는 법 - Movavi Video Converter 오늘은 간단하게 동영상을 움짤로 만드는 법을 알려드릴게요 먼저 Movavi 홈페이지에서 설치 파일을 다운받아 설치해주세요 동영상에서 GIF 만들기 | Movavi 변환 프로그램 이 제품은 화면을 HD로 녹화할 수 있는 최고의 프로그램입니다. 모든 어플리케이션의 비디오 영상을 만들 수 있고, 온라인 스트리밍 비디오, 웹이나, Skype 통화를 녹화하며, 다른 여러 장치에서 볼 수 있도록 영상을 원하는 형식으로 저장할 수 있습니다. www.movavi.com 설치를 하고 실행을 시키면 위와 같은 화면이 나올거에요 먼저, 동영상 파일을 업로드해주세요. 그리고 이미지탭에 있는 GIF를 선택해주시면 됩니다! 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 ··· 34 35 36 37 38 39 40 다음 반응형
