ImYena

코딩테스트 연습 - 소수 찾기 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 programmers.co.kr 문제 설명 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers는 길이 1 이상 7 이하인 문자열입니다. numbers는 0~9까지 숫자만으로 이루어져 있습니다. "013"은 0, 1,..

코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ..

Watch 컴포넌트의 데이터 변경 시 자동으로 핸들러 호출 유효성 검사에 용이 computed: 랑은 목적이 다름 computed: 는 기존의 데이터를 수정하여 새로운 데이터를 만드는데 목적 예시 Exam02Watch UserId Name Company Price product 객체 변경 객체 데이터 변경 감시의 경우 주의

이벤트 처리(Event Handling) Event Handling — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org v-on:이벤트="..." @이벤트="..." " " 안에는 실행문|핸들러|핸들러(arg1, ..., $event) 처리 가능 이벤트 수식어 @submit.prevent : form 태그의 기본 submit 기능 취소 자바스크립트의 event.preventDefault() 효과와 동일 @click.prevent : a 태그의 기본 이동 기능 취소 @click.ctrl : Ctrl + Click 할 경우 @keyup.enter : Enter 를 눌렀다 뗄 경우 @keyup.alt.67 : Alt + C 를 눌렀다 뗄 경우

Computed 바인딩 데이터를 가공한 새로운 값을 생성해서 바인딩할 목적으로 사용 정의 형태는 리턴값이 있는 메소드이지만, 사용은 속성처럼 사용 데이터가 변경되지 않으면 캐싱된 이정 값을 바인딩, 메소드를 재실행하지 않음 데이터가 변경되면 자동으로 메소드 실행, 리턴값으로 새로 캐싱 불필요한 캐싱을 줄임으로써 성능 향상 Computed 사용 예시 ComputedBinding ssn1: {{ssn1}} ssn2: {{ssn2}} date: {{date}} ssn: {{computedSsn}} 결과:

데이터 바인딩(Data Binding) 단방향 바인딩(One-way binding) 컴포넌트의 데이터가 변경되면 UI요소 내용 변경 양방향 바인딩(two-way binding) 컴포넌트의 데이터 변경 ↔ UI 요소의 변경 주로 폼 데이터와 폼 양식 간의 바인딩 콧수염 표현식 데이터 바인딩(Mustache Data Binding) {{...}} {{ 데이터 객체 속성명 }} : {{data}} {{ 삼항연산식 }} : {{(data>0)?"Yes":"No"}} {{ 하나의 값을 산출하는 연산식 }} : {{data+1}} {{ 하나의 값을 리턴하는 메소드 호출 }} : {{getMethod()}} {{ computed 속성명 }} : {{getMethod}} 디렉티브 데이터 바인딩(Directive Dat..

[Vue.js] 컴포넌트란?, 뷰와 컴포넌트 컴포넌트(Component) 재사용 혹은 조립 가능한 독립적인 UI 객체 HTML 조각( ) + JavaScrip( 뷰(View)와 컴포넌트(Component) 공통점 .vue(싱글 파일 컴포넌트) 파일 확장명 사용 둘다 컴포넌트이므로 파일 작성. imyena.tistory.com 이어서) 싱글 파일 컴포넌트(Single File Component) HTML, CSS, JS 코드를 한 파일에서 관리하는 방법으로 vue 확장자를 가진 파일 .vue 파일은 컴파일 되면 자바 코드로 변환되기 때문에 하나의 모듈임 공통 요소 컴포넌트: src/components/....vue 화면 컴포넌트: src/views/....vue 싱글 파일 컴포넌트 구조 컴포넌트가 렌더링될..

$router 메소드를 이용해서 라우트 네비게이션 기능 수행 예시 this.$router.push(경로) this.$router.go(-1) : 뒤로가기 $route 현재 URL에 대한 정보를 코드에서 얻을 수 있음 예시 this.$route.query.변수명

코딩테스트 연습 - 더 맵게 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같 programmers.co.kr 문제 설명 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같이 특별한 방법으로 섞어 새로운 음식을 만듭니다. 섞은 음식의 스코빌 지수 = 가장 맵지 않은 음식의 스코빌 지수 + (두 번째로 맵지 않은 음식의 스코빌 지수 * 2) Leo는 모든 음식의 스코빌 지수가 K 이상이 될 때까지 반복하여 섞습니다...

Heap 이란? 데이터에서 최대값과 최소값을 빠르게 찾기 위해 고안된 완전 이진 트리(Complete Binary Tree) * 완전 이진 트리 : 노드를 삽입할 때 최하단 왼쪽 노드부터 차례대로 삽입하는 트리 인덱스 부모 노드 인덱스 번호 = 자식 노드 인덱스 번호 // 2 왼쪽 자식 노드 인덱스 번호 = 부모 노드 인덱스 번호 * 2 오른쪽 자식 노드 인덱스 번호 = 부모 노드 인덱스 번호 * 2 + 1 JAVA Heap: PriorityQueue PriorityQueue (Java Platform SE 8 ) An unbounded priority queue based on a priority heap. The elements of the priority queue are ordered accord..