전체 글(73)
-
[Vue] 상위 컴포턴트와 하위 컴포넌트 간의 데이터 전달
1. 상위 컴포넌트 → 하위 컴포넌트 상위 컴포넌트에서 props를 이용해 하위 컴포넌트로 데이터를 보내고 / 하위 컴포넌트에서 v-bind로 데이터를 받는다. App.vue (상위 컴포넌트) getData.vue (하위 컴포넌트) 부모 컨포넌트 내용 : {{values}} 2. 하위 컴포넌트 → 상위 컴포넌트 하위 컴포넌트에서 $emit을 이용해 상위 컴포넌트로 데이터를 보내고 / 상위 컴포넌트에서는 v-one로 데이터를 받는다. sendData.vue (하위 컴포넌트) 자식 컴포턴트 내용 보내기 App.vue (상위 컴포넌트) 자식 컴포넌트 내용 : {{sendItem}}
2022.04.21 -
[Python/파이썬] Counter
Counter collections 모듈의 클래스 중 하나로 자료 안에 있는 데이터의 개수를 세서 반환해준다. most_common()을 사용하여 가장 많은 데이터 개수부터 출력할 수 있다. 합집합이나 교집합을 알고 싶을 때도 유용하게 쓰인다. values()를 붙이면 데이터 개수만 알 수 있다. sum을 통해 개수를 전부 더할 수도 있다. 차집합도 구할 수 있다. subtract()을 이용하여 각 데이터 값을 뺄 수 있다. A.subtract(B)를 하면 A에서 B의 데이터 값을 뺀다.
2022.03.26 -
[JAVA/자바] Pair class만들어서 사용
Pair 종종 자바로 bfs 문제를 풀 때, x좌표와 y좌표를 한 번에 que에 넣고 싶어 que를 로 선언하지만 이렇게 할 경우 에러가 발생한다. 2개의 값을 한 개의 que에 넣기 위해 C++에 있는 pair를 class로 만들어보자. Pair Class public class Pair{ int x,y; Pair(int x, int y){ this.x=x; this.y=y; } } int가 아닌 pair 안에 들어갈 값이 string이면 int를 string으로 변경하면 된다. 만약 상황에 따라 다른 자료형 타입이 들어가야 한다면 아래와 같이 Pair 클래스의 변수를 설정해주면 된다. public class Pair{ L left; R right; Pair(L x, R y){ this.left=x; ..
2022.02.13 -
[React/리액트] 리액트에서 카카오맵 불러오기
※ 실행화면 ※ 1. 카카오맵 API를 사용하기 위해 API Key 발급 받기 1) 카카오 developer 사이트 접속 (링크) 2) (우측상단)내 애플리케이션 → 애플리케이션 추가 → 양식 입력 하고 저장하기 클릭 3) 앱 키 중에 JavaScript 키를 복사 2. index.html에 head 태그 안 에 API Key 적용 1) 태그 안에 해당 스트립트를 작성하시면 됩니다. +) 앱 키 뒤에 붙은 &libraries=services는 const {kakao} = window 라는 코드와 같은 역할을 합니다. 만약 &libraries=services를 쓰지 않았다면, 카카오맵을 쓸 컴포넌트 안에서 const {kakao} = window를 선언해주시고 맵을 불러오시면 됩니다. 3. 지도를 담을 c..
2022.01.31 -
[백준] 2293 동전 1
※ 사용언어 : 파이썬 ※ ▼ 문제 링크 ▼ https://www.acmicpc.net/problem/2293 2293번: 동전 1 첫째 줄에 n, k가 주어진다. (1 ≤ n ≤ 100, 1 ≤ k ≤ 10,000) 다음 n개의 줄에는 각각의 동전의 가치가 주어진다. 동전의 가치는 100,000보다 작거나 같은 자연수이다. www.acmicpc.net 문제 접근 1) K이 동전으로 만들어야하는 가치의 합이면, 이번 문제의 점화식은 dp[K]+=dp[K-동전의 액수] 이다. 어떤 방식으로 이런 점화식이 탄생하게 되었는지 천천히 알아보도록 하겠다. 예시) 동전의 종류=[1원, 2원, 3원]이고 가치의 합 K=5 인 경우 K를 1부터 5까지 하나씩 증가시키며, 가지고있는 동전을 점진적으로 늘려가며(처음에는 ..
2022.01.29 -
[Webpack] 디렉토리에 웹팩 설치 및 기본 설정
※ 작업 환경 window, node.js ※ 사용 툴 : VS code 시작하기 전에, 반드시 node.js를 설치해주세요 (node.js 다운로드) 1. npm 설정 ▶ vs code에 웹팩을 이용할 폴더 open → 터미널 오픈 (하단의 terminal 혹은 상단 메뉴바에 termianl → new termianl) // 프로젝트 폴더 터미널에 입력 npm init ▶ init를 입력하면 package-name을 설정하라고 뜨는데 enter를 누르면 자동으로 폴더 이름이 입력된다. (단, 한글은 인식하지 못하므로 한글일 경우 영어로 package 이름을 설정해줘야 한다.) 이후에 vsersion이나 description 등 다양한 설정이 나오는데 특별히 설정할 것이 없으면 enter를 계속 눌러주면..
2021.11.12