목록분류 전체보기 (108)
1seul357
비밀번호 발음하기 문제 좋은 패스워드를 만드는것은 어려운 일이다. 가장 이상적인 해결법은 '발음이 가능한' 패스워드를 만드는 것으로 적당히 외우기 쉬우면서도 안전하게 계정을 지킬 수 있다. 회사 FnordCom은 그런 패스워드 생성기를 만들려고 계획중이다. 당신은 그 회사 품질 관리 부서의 직원으로 생성기를 테스트해보고 생성되는 패스워드의 품질을 평가하여야 한다. 높은 품질을 가진 비밀번호의 조건은 다음과 같다. 1. 모음(a,e,i,o,u) 하나를 반드시 포함하여야 한다. 2. 모음이 3개 혹은 자음이 3개 연속으로 오면 안 된다. 3. 같은 글자가 연속적으로 두번 오면 안되나, ee 와 oo는 허용한다. 이 규칙은 완벽하지 않다;우리에게 친숙하거나 발음이 쉬운 단어 중에서도 품질이 낮게 평가되는 경우..
vuex상태 관리 패턴 + 라이브러리상태(state)를 전역 저장소(store)로 관리할 수 있도록 지원하는 라이브러리애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소동일한 state를 공유하는 다른 컴포넌트들도 동기화 State중앙에서 관리하는 모든 상태 정보(data)각 애플리케이션마다 하나의 저장소만 갖게 됨각 컴포넌트는 Vuex Store에서 state 정보를 가져와서 사용 Mutationsstate를 변경하는 유일한 방법handle는 동기적임(비동기적 로직은 state가 변화하는 시점이 의도한 것과 달라질 수 있고, 콜백이 실제로 호출될 시기를 알 수 없음)첫번째 인자로 state를 받고, Actions에서 commit( ) 메서드에 의해 호출 Actions비동기 작업 포함Context 객..
Component기본 HTML Element를 확장하여 재사용 가능한 코드를 캡슐화하는데 도움, 다시 사용할 수 있는 범용성을 위해 개발된 소프트웨어 구성 요소. Vue 컴포넌트 === Vue 인스턴스 === .vue SFC (Single File Component)Vue의 컴포넌트 기반 개발의 핵심 특징화면의 특정 영역에 대한 HTML, CSS, JavaScript 코드를 하나의 파일(.vue)에서 관리각 기능 별로 파일을 나눠서 개발하는 것이 유지 보수 비용 적절Vue Component하나의 화면에서도 기능 별로 각기 다른 컴포넌트가 존재하나의 컴포넌트는 여러 개의 하위 컴포넌트 가질 수 있음Vue 컴포넌트는 꼭 파일 단위가 아닌 단일 .html 파일 안에서도 여러 개의 컴포넌트 만들 수 있음 V..
Vue.js사용자 인터페이스를 만들기 위한 자바스크립트 프레임워크SPA(Single Page Application) 지원DOM과 데이터 연결, 데이터 관리 SPASingle Page Application현재 페이지를 동적으로 렌더링함으로써 사용자와 소통하는 웹 애플리케이션서버로부터 최초에만 페이지를 다운로드하고, 이후에는 동적으로 DOM 구성 (필요한 부분만 동적으로 다시 작성)트래픽 감소, 사용성과 반응성 향상동작 원리의 일부가 CSR의 구조 CSRClient Side Rendering최초 요청 시 데이터를 제외한 리소스 응답받고, 클라이언트에서는 필요한 데이터만 요청해 DOM 렌더링클라이언트에서 화면 구성서버와 클라이언트 간 트래픽 감소, 사용자 경험 향상 / 렌더링 시점 느림, SEO 어려움 SSR..
듣보잡 문제 김진영이 듣도 못한 사람의 명단과, 보도 못한 사람의 명단이 주어질 때, 듣도 보도 못한 사람의 명단을 구하는 프로그램을 작성하시오. 해결방법 반복문을 다 돌면서 체크하면 시간초과 발생 set을 통해 이름 입력받으면서 중복 제거 공통되는 이름 꺼내서 arr 리스트에 저장 소스코드 N, M = map(int, input().split()) check = set() check_name = set() for _ in range(N): check.add(input()) for _ in range(M): check_name.add(input()) arr = sorted(list(check & check_name)) print(len(arr)) for i in range(len(arr)): print(..
나는 친구가 적다 (Small) 문제 성민이가 듣는 과목의 교과서는, 알파벳 소문자(a-z)와 알파벳 대문자(A-Z)로만 이루어져 있다. 성민이가 교과서에서 찾고자 하는 키워드도 역시 알파벳 소문자와 대문자로만 이루어져 있다. 하지만, 성민이에겐 큰 문제가 생겼다. 결석한 날의 수업 내용을 친구에게 빌려 필기를 하던 중, 교과서에 숫자(0-9)를 적어버린 것이다. 키워드를 찾기 힘들어 패닉에 빠진 성민이는 몇 안 되는 친구인 당신에게 도움을 요청했다. 성민이를 도와, 교과서에서 성민이가 찾고자 하는 키워드의 존재 여부를 알려주자. 해결방법 조건문을 통해 숫자가 아니라면 answer 리스트에 문자 추가 answer 리스트에 있는 값들을 문자열로 바꿔준다. 문자열 안에 성민이가 찾는 값이 있는지 확인하고, ..
그룹 단어 체커 문제 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가 떨어져서 나타나기 때문에 그룹 단어가 아니다. 단어 N개를 입력으로 받아 그룹 단어의 개수를 출력하는 프로그램을 작성하시오. 해결방법 문자열 체크. 하나씩 자르면서 체크하기 array 배열에 동일한 값이 있고, array의 가장 최근 문자가 현재의 문자와 일치하지 않는다면 break (연속해서 나타나는 것이 아니라 떨어져서 나타난 것이므로) 조건문을 통과하면서 하나씩 더한 cnt가 문자열의 길이와 일치하면 문자열 끝까지 ..

동기함수와 비동기함수동기함수 : 블로킹, 명령문이 순서대로 진행된다.비동기함수 : 요청과 응답의 결합이 비동기적이라 실행 결과를 기다리지 않아도 된다. 호스트 객체와 네이티브 객체호스트 객체 : 빌트인 또는 네이티브 객체에 포함되지 않은 사용자에 의해 생성된 객체이다.전역 객체, BOM 등window, XmlHttpRequest, HTMLElement 등의 DOM 노드 객체와 같이 호스트 환경에 정의된 객체네이티브 객체 : 자바스크립트 언어 규약(ECMAScript)으로 정의되어진 객체이다. 애플리케이션 전역의 공통 기능을 제공한다. 네이티브 객체는 애플리케이션의 환경과 관계없이 언제나 사용할 수 있다.모든 built-in object(내장 객체)를 포함한다.Null, undefined, Functio..