꾸준함이 말미암아

문제 아래와 같은 경품과 확률이 있습니다. 화면에 버튼을 누르면 아래와 같은 확률로 경품이 화면에 출력되는 코드를 작성하시오. 단 경품 추첨 버튼은 한번만 클릭이 가능합니다. 경품 확률 iMAC PRO 5% MAC BOOK PRO 15% iPAD PRO 30% 다음 기회에 50% 해법 1. body에 form을 생성합니다. 경품 뽑기 경품 목록 1등 iMAC PRO 2등 MAC BOOK PRO 3등 iPAD PRO 결과 2. 경품을 리턴하는 함수를 작성합니다. const getPrize = function() { //랜덤값 생성 (1~100) const ranNum = Math.floor((Math.random() * 99) +1) //경품 생성 const gift = ['1등 iMAC PRO', '2등..

disabled 모든 포커스를 받을 수 있는 요소(선택, 클릭, 입력 등)를 비활성화 합니다. ▶ 구문 input요소.disabled = true //비활성 input요소.disabled = false //활성 ▶ 예시 버튼을 클릭하면 텍스트 입력과 체크박스 요소를 비활성화 합니다. disabled 텍스트 입력 : 버튼 클릭 : 체크박스 클릭 : HTML 삽입 미리보기할 수 없는 소스 예제 이름, 주소, 우편번호를 입력할 수 있는 배송지와 청구지를 생성하시오. '배송지와 동일' 이라는 체크박스를 청구지에 생성하고 체크시 배송지의 이름, 주소, 우편번호가 청구지 입력 텍스트에 자동으로 입력되며 더 이상 입력할 수 없는 상태로 만드시오. ▶ 해법 1. body에 form을 생성합니다. 배송지 청구지 배송지와..

문제 1에서 100까지의 수 중 소수를 출력하라. 해법 1. for문으로 2부터 100까지 반복하며 소수인지 판가름한다. 2. 소수를 구분할 카운터 변수 C 생성한다. 3. 조건문으로 소수를 판가름한다.

Descriptor Matcher 객체 찾기템플릿이 있는 경우Block matching한계점 극복 특징점을 이용한 매칭디스크립터 매칭 클래스 구조 디스크립터를 이용한 매칭 매칭 과정디스크립터를 일일이 하나씩 모두 검사하여 가장 가까운 디스크립터를 찾는 방법 FlannBasedMatcher Fast Library for Apporximate Nearest Neighbors. 가장 가까운 이웃의 근사값으로 매칭 수행. 큰 데이터 셋 과 고차원 특성에서 빠른 성능을 보임. 특징점(Keypoint 혹은 feature point) 영상에서 특징이 될 만한 지점 중요한 정보를 가지고 있다고 판단 필요성 객체 검출 및 인식 추적 영상 간 매칭 ▶ 특징 검출기 및 디스크립터 특징 검출기 영상에서 관심 있는 특징점(ke..

반복문 특정한 코드를 반복 실행 for문 while문 for ▶ 기본구조 for 변수 in 반복가능객체(list, tuple, String..) : 수행할 문장1 수행할 문장2 ... ▶ 1~9까지 출력 li1 = [1, 2, 3, 4, 5, 6, 7, 8, 9] for i in li1 : print(i) # 1 # 2 # 3 # 4 # 5 # 6 # 7 # 8 # 9 ▶ 변수가 두개 이상, 리스트의 데이터가 두개 이상인 경우 변수가 두개 이상인 경우 변수의 데이터 개수와 리스트 안의 데이터 개수가 동일해야한다. for(a, b, c) in [(1, 2, 3), (3, 4, 5), (5, 6, 7)] : print ("%d + %d + %d = %d" % (a, b, c, (a + b + c))) # 1..

API Gateway AWS의 Serverless Offering 기능. 클라이언트가 엑세스 할 수 있는 공용 REST API를 생성함으로서 통신 할 수 있게한다. Lambda Function으로 proxy할 수 있다. API Gateway와 Lambda를 통합하여 완전한 서버리스 애플리케이션이 구현 가능하다. 통합 서비스 Lambda Lambda function의 REST API를 쉽게 노출 할 수 있다. HTTP Back-End에서 모든 HTTP end-point를 노출 할 수 있다. AWS Service AWS내의 모든 API를 노출 할 수 있다. Endpoint Types Edge-Optimized(default) 글로벌 클라이언트의 용도로 전 세계 어디든 엑세스가 가능하다. 요청은 효율성을 위해..

ORM Object Relational Mapping의 약자 객체와 관계형 데이터베이스의 데이터를 자동으로 매핑 해주는것 Object와 RDBMS를 Mapping 해주는것 OOP(객체 지향 프로그래밍)은 클래스를 사용하고 RDBMS(관계형 데이터베이스)는 테이블을 사용하는데 객체 모델과 관계형 모델 간의 불일치가 존재하고 ORM을 통해 객체간의 관계를 바탕으로 SQL을 자동으로 생성하여 불일치를 해결한다. 장점 비지니스 로직에 더 집중할 수 있다. SQL Query가 아닌 직관적인 코드로 데이터를 조작할 수 있어 개발자가 객체 모델로 프로그래밍 하는데집중 할 수 있도록 도와준다. 선언문, 할당, 종료 같은 부수적인 코드가 없거나 급격히 줄어든다. 각종 객체에 대한 코드를 별도로 작성하기 때문에 코드의 가..

REST API (Representational State Transfer) HTTP 요청을 할 때 어떤 URI에 어떤 Method를 사용할지에 대한 개발자들 사이에서 널리 사용되어지는 약속. 특징 URI(Uniform Resource Identifier)와 HTTP를 기반으로 하며 브라우저 간 호환성이 좋은 JSON 형식을 주로 사용한다. 사용자 인터페이스가 아닌 데이터를 전송한다. HTML등의 코드를 받지 않고 직접 구축 하기 위해 백엔드의 데이터만 제공하는것 응답과 요청 데이터만 바뀌며 전체적인 서버측 논리는 바뀌지 않는다. 클라이언트 및 프론트엔드는 전송 받은 데이터로 작업을 진행한다. 일관된 인터페이스의 원칙 : API에 명확하게 정의된 API 엔드 포인트를 가져야한다. 무상태 상호작용 원칙 :..

Docker 애플리케이션 실행 시 필요한 환경을 하나의 이미지로 모아두고, 그 이미지를 사용해서 다양한 환경 에서 애플리케이션 실행 환경을 구축 및 운영하기 위한 오픈소스 플랫폼 Docker의 기능 (1) Build : Docker 이미지를 만드는 기능 애플리케이션 실행에 필요한 프로그램 본체, 라이브러리, 미들웨어, os, 네트워크 설정 등을 하나로 모아 Docker 이미지 생성 (2) Ship : Docker 이미지를 공유하는 기능 Docker 이미지는 Docker 레지스트리(Docker Hub)에서 공유 가능. https://hub docker.com/ (3) Run : Docker 이미지를 작동시키는 기능 Docker는 Linux상에서 컨테이너 단위로 서버 기능을 작동시킴. Docker가 설치된 ..

Volume 컨테이너 외부 특정 폴더에 연결된 Docker 컨테이너 내부의 폴더/파일. Docker에서 관리하며 호스트 폴더가 어디에 있는지 반드시 알 필요는 없다. Anoymous Volume 컨테이너를 종료하면 제거됨 컨테이너 간의 데이터 공유 안됨 외부 경로보다 컨테이너 내부 경로의 우선순위를 높이는데 사용 docker run -v /app/data ... Named vloume 일반적으로 생성됨 특정 컨테이너에 연결되어 있지 않음 컨테이너를 종료,제거 해도 살아남음 도커 CLI에 분리된 내장 명령으로 제거 가능 여러 컨테이너 간의 데이터를 공유 할 수 있음 다수의 다양한 컨테이너에 동일하게 명명된 볼륨 하나를 마운트 할 수 있음 docker run -v data:/app/data ... $ doc..