꾸준함이 말미암아

문제 아래와 같은 경품과 확률이 있습니다. 화면에 버튼을 누르면 아래와 같은 확률로 경품이 화면에 출력되는 코드를 작성하시오. 단 경품 추첨 버튼은 한번만 클릭이 가능합니다. 경품 확률 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등..

문제 1에서 100까지의 수 중 홀수와 짝수의 합을 구하라. 해법 0. 기본적으로 훌수와 짝수의 합을 구하기 위해서 반복문과 조건문이 필요하다. 1. 1에서 100까지의 수 중 홀수와 짝수를 구분 한 뒤 각각의 합을 더한다.

예약어 SELECT와 FROM이 구를 결정하는 키워드이자 예약어이다. 데이터베이스에는 테이블 외에 다양하 데이터를 저장하거나 관리하는 어떤 것 을 만들 수 있다. '뷰 (view)' 데이터베이스 객체는 이름을 붙여 관리한다. 통상적으로 데이터베이스 객체명은 예약어와 동일한 이름을 사용할 수 없다. 테이블 정보 가져오기 ▶ 데이터를 보여준다. show databases ; show tables; non-TEMPOPARY 테이블에 대한 많은 정보를 가져온다. SHOW TABLE STATUS; 열 지정 ▶ 해당 테이블의 내용을 볼 수 있다. SELECT * FROM 테이블명 열을 지정하지 않거나 존재하지 않는 열을 지정하면 에러 발생. 열의 지정 순서는 임의로 가능. 여러개의 같은열도 지정 가능(의미 없음)...

for문 축약 ▶ 기존의 for문을 통한 리스트 생성 li3 = [] for i in range(10): li3.append(i) print(li3) # [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ▶ 간략한 리스트 생성 li1 = list(range(10)) print(li1) # [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ▶ for문 축약을 통한 list생성 li2 = [i for i in range(10)] print(li1) # [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ▶ 중첩 리스트 생성 li = [list(range(5)), list(range(5))] print(li) # [[0, 1, 2, 3, 4], [0, 1, 2, 3, 4]] if문 축약 ▶ 기본..

문제 모든 checkbox를 checked하는 '전체동의'와 각각의 '개인정보 사용 동의', '마케팅 수신 정보 동의', '제3자 정보 전달 동의', '기타 정보 수집 동의' 의 checkbox를 작성하시오. 전체 동의 체크시 하위 동의란이 체크되어야합니다. 하위 동의란이 비체크시 전체 동의 체크가 비동의 되어야 합니다. 해법 1. body에 각각의 checkbox를 생성한다. 전체동의 개인정보 사용 동의 마케팅 수신 정보 동의 제3자 정보 전달 동의 기타 정보 수집 동의 2. 각각의 checkbox를 불러온다. document.addEventListener('DOMContentLoaded', () => { const ckTag = document.getElementById('id_a') const ev..

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..