본문 바로가기

분류 전체보기201

[JAVA]백준_20114_미아노트 문제링크 https://www.acmicpc.net/problem/20114 20114번: 미아 노트 첫째 줄에 원래 문자열의 길이 N, 세로로 번진 글자의 개수 H, 가로로 번진 글자의 개수 W가 주어진다. (1 ≤ N ≤ 100, 1 ≤ H ≤ 10, 1 ≤ W ≤ 10) 둘째 줄부터 H개의 줄에 걸쳐 N × W 길이의 문자열이 www.acmicpc.net package BOJ; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Arrays; import java.util.StringTokenizer; public class Main_20114 { stat.. 2021. 6. 17.
[JAVA]백준_5567_결혼식 문제링크 https://www.acmicpc.net/problem/5567 5567번: 결혼식 2와 3은 상근이의 친구이다. 또, 3과 4는 친구이기 때문에, 4는 상근이의 친구의 친구이다. 5와 6은 친구도 아니고, 친구의 친구도 아니다. 따라서 2,3,4 3명의 친구를 결혼식에 초대한다. www.acmicpc.net 이 부분을 간과해서 틀렸었다. a1,b1만 친구관계로 연결해놓고 b1,a1는 친구관계로 연결 해주지 않았기때문이다. 3 2 2 1 3 1 output : 2 나와야 한당 package BOJ; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util... 2021. 6. 17.
[JAVA]백준_8972_미친 아두이노 문제링크 https://www.acmicpc.net/problem/8972 8972번: 미친 아두이노 요즘 종수는 아두이노를 이용해 "Robots"이라는 게임을 만들었다. 종수는 아두이노 한대를 조정하며, 미친 아두이노를 피해다녀야 한다. 미친 아두이노는 종수의 아두이노를 향해 점점 다가온다. www.acmicpc.net ※주석은 출력 볼려고 넣어놓은 것이거나 간단한 설명 있는 부분이라서 지우고 보셔도 됩니다. package BOJ; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Arrays; //먼저, 종.. 2021. 6. 8.
[JAVA]백준_6118_숨바꼭질 문제링크 https://www.acmicpc.net/problem/6118 6118번: 숨바꼭질 재서기는 수혀니와 교외 농장에서 숨바꼭질을 하고 있다. 농장에는 헛간이 많이 널려있고 재서기는 그 중에 하나에 숨어야 한다. 헛간의 개수는 N(2 2021. 6. 1.
Vue 에서 FontAwesome 사용하기(npm 설치) https://www.npmjs.com/package/@fortawesome/vue-fontawesome @fortawesome/vue-fontawesome Official Vue component for Font Awesome 5 www.npmjs.com 참고한 사이트 1. FontAwsome 설치 vscode 하위 터미널에서 아래의 명령어를 사용하여 설치를 진행해준다. $ npm i --save @fortawesome/fontawesome-svg-core $ npm i --save @fortawesome/free-solid-svg-icons 나는 2.x 버전의 Vue를 사용하여 아래의 명령어를 사용하여 추가로 설치를 진행해 주었다. $ npm i --save @fortawesome/vue-fontaw.. 2021. 5. 21.
Vue filter Vue filter filter를 이용하여 표현식에 새로운 결과 형식을 적용한다. 중괄호 보간법 또는 v-bind 속성에서 사용이 가능하다. {{ msg | count2('문자를 넣어보세요') }} 값이 바뀔 때 마다 val.length 값이 갱신되는 것을 확인할 수 있다. 2021. 5. 16.
v-show 와 v-if 의 차이점 ※ v-show VS v-if v-show v-if false인 경우 display:none 엘리먼트 삭제 template 지원 X O 렌더링 항상 false인 경우 X DOCTYPE html> Vue.js v-if VS v-show v-if div v-show div const vm = new Vue({ el: "#app", data: { condition: false } }); 확인해 보면 v-if는 false인 경우 생성되지 않았고 v-show는 display:none이 적용된 것을 확인해 볼 수 있다. 2021. 5. 16.
Vue Directives v-model 양방향 바인딩 처리를 위해 사용 v-html 실제 HTML 을 출력하기 위해서 출력 v-bind 엘리먼트의 속성과 바인딩 처리를 위해서 사용 v-bind는 약어로 : 로 사용가능 v-show 조건에 따라 엘리먼트를 화면에 렌더링 v-once 디렉티브를 사용하여 데이터 변경 시 업데이트 되지않는 일회성 보간을 수행 v-if,v-else-if,v-else 조건에 따라 엘리먼트를 화면에 렌더링 v-for 배열이나 객체의 반복에 사용 v-for="요소변수이름 in 배열" v-for="(요소변수이름,인덱스) in 배열" v-cloak 뷰 인스턴스가 준비될 때 까지 mustache 바인딩을 숨기는데 사용한다. vue instance가 준비되면 v-cloak은 제거된다. 2021. 5. 16.
Vue Instance Life Cycle Life Cycle은 크게 4단계로 나뉜다. Instance 생성 -> 생성된 Instance를 화면에 부착 -> Instance의 내용이 갱신 -> Instance 제거 Life Cycle description beforeCreate 뷰 인스턴스가 생성되고 각 정보의 설정 전에 호출 created 뷰 인스턴스가 생성된 후 데이터들의 설정이 완료된 후 호출 인스턴스가 화면에 부착하기 전이라서 template 속성에 정의된 요소는 접근할 수 없다. 서버에 데이터를 요청하여 받아오는 로직을 수행하기 좋다. beforeMount 마운트가 시작되기 전에 호출 mounted 뷰 인스턴스 데이터가 마운트된 후에 호출한다. template속성에 정의한 화면 요소에 접근할 수 있어 화면 요소를 제어하는 로직을 수행한다.. 2021. 5. 16.

티스토리툴바