전체 글

[프로그래머스] 로또의 최고 순위와 최저 순위

문제 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr 풀이 def solution(lottos, win_nums): answer = [] sorted_set_lottos = sorted(list(set(lottos))) # 민우 로또 번호 정렬 sorted_win_nums = sorted(list(win_nums)) # 로또 번호 정렬 lottos_n = 0 # 확실한 로또 개수 저장 if sorted_set_lottos[0] == 0: lottos_n = len..

[프로그래머스] 신고결과받기 (2022 KAKAO BLIND RECRUITMENT)

문제 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr 풀이 소스코드 def solution(id_list, report, k): answer = [] id_dict = dict() id_n = len(id_list) report_n = len(report) for i in range(id_n): id_dict.update({id_list[i]: i}) for i in range(id_n): answer.append(0) check_dict = dict() mid_ans = [0 for _ in rang..

[Vue.js] 입문 - 뷰 컴포넌트 통신

상(부모)·하위(자식) 컴포넌트 관계 컴포넌트는 각각 고유한 유효 범위를 가지고 있기 때문에 직접 다른 컴포넌트의 값을 참조할 수 없습니다. 그렇기에 뷰에서 정의한 데이터 전달 방법을 사용해야 합니다. 가장 기본적인 데이터 전달 방법으로 부모-자식 컴포넌트 간의 데이터 전달 방법이 있습니다. 부모 -> 자식 데이터 전달 props 라는 속성을 전달하는 방법 Vue.component('child-component', { props: ['props 속성 이름'], }); v-bind 속성의 왼쪽 값으로 하위 컴포넌트에서 정의한 props 속성을 넣고, 오른쪽 값으로 하위 컴포넌트에 전달할 상위 컴포넌트의 data 속성을 지정 자식 -> 부모 이벤트 전달 자식 컴포넌트에서 부모 컴포넌트로의 통신은 이벤트를 발..

[Vue.js] 입문 - 뷰 컴포넌트

뷰 컴포넌트 컴포넌트는 조합하여 화면을 구성할 수 있는 블록을 의미합니다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있고, 나중에 코드를 다시 사용하기 수월해 집니다. 전역 컴포넌트 등록 Vue.component('컴포넌트 이름', { // 컴포넌트 내용 }); 전역 컴포넌트는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록합니다. 컴포넌트 등록 지역 컴포넌트 등록 new Vue({ components: { '컴포넌트 이름': 컴포넌트 내용, } }); 전역 컴포넌트 등록과는 다르게 인스턴스에 components 속성을 추가하고 등록할 컴포넌트 이름과 내용을 정의합니다. 컴포넌트 등록 지역 컴포넌트와 전역 컴포넌트의 차이 전역과 지역 컴포넌트를 넣은..

[Vue.js] 입문 - 뷰 인스턴스

뷰 인스턴스 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위. new Vue({ ... }); 위와 같은 형식으로 뷰 인스턴스를 생성합니다. {{ message }} index.html 파일을 만들어서 위 코드를 작성한 후, 크롬에서 실행하면 {{ message }} 부분이 인스턴스의 data 속성의 값으로 치환되어 표시가 된다. 뷰 인스턴스의 유효 범위 뷰 인스턴스를 생성하면 HTML의 특정 범위 안에서만 옵션 속성들이 적용되어 나타나는것을 인스턴스의 유효범위라고 합니다. {{ message }} 바로 전에 작성했던 코드에서 {{ message }} 의 위치만 바꿔서 다시 실행하면, Hello Vue.js! 가 출력이 되지않고 사진과 같이 문자 그대로 출력이 됩니다.

[Vue.js] 입문 - 개발 환경 설정하기

Node.js 설치 Node.js 는 Server-side javascript 코드를 실행 할 수 있는 실행 환경입니다. Vue 프로젝트를 쉽게 구성하고, 프로토타이핑을 할 때도 필요하기 때문에 필요합니다. Node.js를 설치하는데에는 여러가지가 있는데 두가지가 있습니다. 첫번째 방법 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 링크로 들어가서 자신의 운영체제에 맞게 설치를 합니다. 두번째 방법 https://chocolatey.org/install Installing Chocolatey Chocolatey is s..