키자드에 등록된 bi0416의 네이버 블로그 포스트 목록

bi0416의 등록된 링크

bi0416로 등록된 네이버 블로그 포스트 수는 48건입니다.

AWS Multi Region Strategy - (8) CDN 에러 페이지 설정 [내부링크]

1. 소개 이왕 프로젝트를 하는 김에 CloudFront에 에러 페이지를 설정해보자. 2. S3에 에러 페이지 업로드 아래의 리포지토리에 총 11개의 상태 코드 에러에 대해 각각의 파일을 만들어놨다. (400, 403, 404, 405, 414, 416, 500, 501, 502, 503, 504) https://github.com/ampcompany/multi-region-infra/tree/main/error_pages multi-region-infra/error_pages at main · ampcompany/multi-region-infra An Infrastructure Code for AWS Multi Region. Contribute to ampcompany/multi-region-infra development by creating an account on GitHub. github.com 굳이 이걸로 하지 않아도 되고 본인이 따로 준비해도 무방하다. [그림 1] S3

flAWS CTF Level 1 [내부링크]

http://flaws.cloud/ flAWS _____ _ ____ __ __ _____ | || | / || |__| |/ ___/ | __|| | | o || | | ( \_ | |_ | |___ | || | | |\__ | | _] | || _ || ` ' |/ \ | | | | || | | \ / \ | |__| |_____||__|__| \_/\_/ \___| Welcome to the flAWS challenge! Bro... flaws.cloud 검색하면서 우연히 발견한 AWS의 보안에 관련된 CTF 사이트더라. 하나씩 해보겠다. 문제 This level is *buckets* of fun. See if you can find the first sub-domain. Scope: Everything is run out of a single AWS account, and all challenges are sub-domains of flaws.cloud. 풀이 먼저 모든 문

flAWS CTF Level 2 [내부링크]

문제 The next level is fairly similar, with a slight twist. You're going to need your own AWS account for this. You just need the free tier. 풀이 문제에는 이번 레벨도 전 레벨과 유사하지만, 계정이 필요하다는 말을 덧붙였다. 먼저 전 레벨과 동일하게 dig를 사용해 해당 도메인이 어떻게 구성되어있는지 알아본다. dig level2-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.flaws.cloud Level 2 도메인을 dig 명령어에 입력해 A 레코드의 IP 주소를 가져온다. dig -x XXX.XXX.XXX.XXX 위에서 알아낸 IP 주소에 대해 역방향 질의를 실시한다. PTR 레코드에 똑같이 S3에서 호스팅하고 있는 것이 확인되었다. 즉, 이 웹사이트를 호스팅하고 있는 버킷의 이름은 level2-XXXXXXXXXXXXXXX인 것이다. 이번엔 권한이 없다고 나온

flAWS CTF Level 3 [내부링크]

문제 The next level is fairly similar, with a slight twist. Time to find your first AWS key! I bet you'll find something that will let you list what other buckets are. 풀이 문제를 보아하니 전 문제와 비슷하지만 AWS key를 찾으라는 내용이다. Level 3를 호스팅하는 S3 버킷에 접근해보자. aws s3 ls s3://level3-XXXXXXXXXXXXXXXXXXXXXXXX.flaws.cloud --no-sign-request 이 버킷은 --no-sign-request를 사용해도 접근이 가능하다. 프로필을 사용해도 무방함. 못보던 친구가 있다. .git이라는 폴더가 있는걸 보아하니 git을 사용해 버전관리를 했고, 이를 그대로 업로드한 듯 싶다. 이 git을 뜯어보자. 버킷에 있는 파일을 다운로드하자. aws s3 sync s3://level3-XXX

flAWS CTF Level 4 [내부링크]

문제 For the next level, you need to get access to the web page running on an EC2 at 4d0cf09XXXXXXXXXXXXXXXX.flaws.cloud It'll be useful to know that a snapshot was made of that EC2 shortly after nginx was setup on it. 풀이 이번 문제는 EC2에서 동작중인 서버에 접속해야 한다. 제공된 웹사이트에 패스워드가 걸려있다. 문제에 스냅샷과 관련된 내용이 있다. 그 스냅샷을 찾아야 한다. aws sts get-caller-identity --profile flaws 이전 레벨에 알아놓은 액세스 키로 사용자의 계정 번호를 알아내자. aws ec2 describe-snapshots --owner-ids XXXXXXXXXXXX --region -XX-XXXX-X --profile flaws 위에서 알아낸 계정 정보를 사용해 스냅샷

flAWS CTF Level 5 [내부링크]

문제 This EC2 has a simple HTTP only proxy on it. Here are some examples of it's usage: http://4d0cf09XXXXXXXXXXXXXXXXXXXX.flaws.cloud/proxy/flaws.cloud/ http://4d0cf09XXXXXXXXXXXXXXXXXXXX.flaws.cloud/proxy/summitroute.com/blog/feed.xml http://4d0cf09XXXXXXXXXXXXXXXXXXXX.flaws.cloud/proxy/neverssl.com/ See if you can use this proxy to figure out how to list the contents of the level6 bucket at level6-cc4c40XXXXXXXXXXXXXXXXXXXX.flaws.cloud that has a hidden directory in it. 풀이 Level 5에서는 프록시 서버가 구성

VMware Workstation에 공유폴더(Shared Folder) 설정 [내부링크]

개요 VMware Workstation이 구동되는 호스트 PC와 가상머신 내의 게스트 PC와의 공유폴더를 설정한다. 호스트 PC : VMware Workstation 16 게스트 PC : CentOS 7 VMware 설정 [그림 1] VMware 실행 VMware를 실행하고, 가상머신 설정을 실시한다. Edit virtual machine settings를 클릭한다. [그림 2] 가상머신 공유폴더 설정 상단 Options 탭 -> Shared Folders 항목 -> Always enable 선택 -> 하단 Add... 클릭 [그림 3] 가상머신 공유폴더 설정 마법사 실행 마법사가 켜지면 Next를 클릭해 설정을 진행한다. [그림 4] 공유폴더 호스트 PC 경로와 이름 설정 Browse...를 클릭해 본인이 원하는 경로를 선택한다. Name은 Host path를 선택하면 자동으로 입력되지만, 변경해도 무관하다. 필자는 C 드라이브 밑에 shared라는 폴더를 새로 생성한 후 진행했다

AWS Multi Region Strategy - (2) 네트워크 아키텍쳐 [내부링크]

1. VPC 기반 네트워크 아키텍쳐 리전은 서울, 아일랜드, 버지니아 북부 총 3개를 사용하며, AZ는 각 리전의 a와 b를 사용한다. NAT Gateway를 사용해 WAS와 RDS는 프라이빗 서브넷에 위치시켜 보안을 유지한다. 또한, 서울 리전에만 Bastion 서버를 설치하며, 다른 리전에 접속할 때는 VPC Peering을 사용한다. 또한 Bastion 서버의 SSH 포트는 20222로 변경하고, 보안을 위해 Key pair로만 접속할 수 있게 조치한다. Bastion 서버에서 다른 서버에 접속할때는 22번을 그대로 사용하며, 편의를 위해 비밀번호로 접속할 수 있게 한다. (실습이기 때문에 간단하게 1234로 설정) RDS의 포트는 보안을 위해 5234로만 설정할 예정이다. SG의 인바운드 규칙들은 보안을 위해 소스를 다른 SG로 설정할 수 있도록 노력한다. (아웃바운드는 편의를 위해 모두 오픈한다.) 2. CIDR 1) Seoul VPC : 10.10.0.0/16 Public

AWS Multi Region Strategy - (3) IAM User 생성 [내부링크]

1. 왜 Root가 아닌 IAM User로 하는가? 1) Root는 CodeCommit Credential이 발급되지 않는다. 2) AWS는 보안을 위해 Root계정을 만들면 바로 Admin 권한이 있는 IAM User를 만들라고 권장한다. 2. IAM User 만들기 필자는 AWS 콘솔은 항상 파이어폭스에서 사용한다. 하지만 웹브라우저는 무엇을 쓰든 상관없다. 또한 언어는 English(US)를 사용한다. [그림 1] AWS 콘솔 접속 콘솔에 접속한다. [그림 2] IAM 콘솔 접속 IAM에 접속한다. [그림 3] IAM User 접속 IAM User 접속한다. 바로 우측의 Add users를 클릭해 생성을 시작하자. [그림 4] IAM User 생성 정보 입력 User name : IAM User의 이름을 입력한다. 필자는 admin을 사용하겠다. Access key : AWS CLI와 SDK 등 프로그래밍 환경에서 로그인할 때 사용하는 키인데, 혹시 모르니까 체크. Passwo

AWS Multi Region Strategy - (4) 도메인 구매와 Route 53 생성 [내부링크]

1. 도메인 구매 개인적으로 가지고 있는 도메인으로 실습해도 무관하다. 필자는 호스팅케이알(https://www.hosting.kr/)이라는 업체에서 실습할 예정이다. (광고아님) [그림 1] 호스팅케이알 접속 먼저 호스팅케이알에 접속한 후, 우측 상단의 로그인 버튼으로 로그인을 한다. 회원가입이 필요할 수도 있다. [그림 2] 도메인 검색 본인이 원하는 도메인을 검색한다. 해당 도메인은 예시일 뿐이다. [그림 3] 도메인 선택 본인이 원하는 도메인을 선택한다. 우측 장바구니 버튼을 누른다. [그림 4] 도메인 결제 시작 우측 하단의 결제하기 버튼을 클릭해 결제를 시작한다. [그림 5] 소유자 정보 입력 본인의 정보를 입력한다. [그림 6] 관리자 정보 및 네임서버 정보 입력 관리자 정보는 소유자 정보와 동일에 체크하고, 네임서버 정보는 일단 기본값을 사용한다. 하단의 저장 후 결제정보 입력하기를 클릭해 결제를 진행한다. [그림 7] 결제정보 입력 및 약관 동의 결제수단을 선택하고,

AWS Multi Region Strategy - (5) 정적 파일 저장 S3 생성 [내부링크]

1. 정적 파일 설명 우리가 웹 서비스를 제공하면서, 이미지나 동영상 등 정적 파일을 제공해야 하는 사례가 굉장히 많다. AWS같은 클라우드 환경에서는 서버에 정적 파일을 저장하는 것보다, 스토리지 서비스를 이용하는것이 사용자 측면에서 좋다. 특히 AWS는 S3와 CloudFront의 조합으로 전세계 어디에서든 빠르게 컨텐츠를 전송할 수 있다. 따라서, 몇개의 포스팅으로 나눠서 정적 파일을 제공할 수 있는 시스템을 구축한다. 2. S3 버킷 생성 이번 포스팅은 정적 파일을 위한 S3 버킷을 생성하는 것이 목표이다. [그림 1] S3 콘솔 접속 먼저 IAM User를 통해 AWS 콘솔에 접속한 후, S3에 접속한다. 바로 우측의 Create Bucket을 클릭해 S3 버킷 생성을 시작한다. [그림 1] S3 기본 정보 입력 Bucket Name : 본인이 원하는 임의의 버킷 이름을 입력한다 AWS 사용자들 사이에서 중복이 되지 않는다. 고유한 이름을 입력한다. AWS Region :

AWS Multi Region Strategy - (6) 정적 파일 CDN용 ACM 생성 [내부링크]

1. ACM이란? CloudFront를 만들기 전에, 우리가 원하는 URL에서 CloudFront를 사용하고, HTTPS를 사용할 수 있도록 SSL 인증서가 필요하다. AWS는 리소스간의 원활한 통합과 이용을 위해 서로 연동이 가능한데, ACM을 사용하면 AWS에서 제공하는 SSL 인증서로 다른 리소스와 결합할 수 있다. 따라서, ACM에서 CloudFront에 사용할 인증서를 생성하겠다. 2. ACM 접속 [그림 1] ACM 접속 IAM User로 AWS 콘솔에 로그인한 후, 반드시 버지니아 북부(us-east-1)의 ACM으로 접속한다. 우측의 Request a certificate를 클릭해 인증서 생성을 시작한다. 왜 버지니아 북부로 가나요? 1. CloudFront는 Global 서비스이다. (리전에 종속되지 않는다.) 2. 모든 Global 서비스는 버지니아 북부에서 서비스된다. 3. CloudFront에 ACM 인증서를 적용하려면 CloudFront를 서비스하는 버지니아

AWS Multi Region Strategy - (7) 정적 파일 CDN 생성 [내부링크]

1. CloudFront 접속 정적 파일을 제공하기 위한 CDN을 구축한다. AWS에서는 CDN을 사용할 수 있는 관리형 서비스인 CloudFront를 사용할 수 있다. [그림 1] CloudFront 접속 IAM User를 사용해 AWS 콘솔에 접속한 후, CloudFront에 접속한다. 바로 우측의 Create a CloudFront distribution을 클릭해 생성을 시작한다. [그림 2] CloudFront Origin 설정 Origin domain : 전 포스팅에서 생성했던 정적 파일 저장용 S3 버킷을 선택한다. Origin path : 우리는 사용하지 않는 기능이다. SKIP. Name : Origin domain을 선택하면 자동으로 입력된다. S3 bucket access : Yes use OAI 선택. OAI가 있어야 CloudFront가 S3에 접근할 수 있다. Origin access identity : 우측의 Create new OAI를 클릭해 새로 생성한다

미성년자 월급통장 개설 [내부링크]

만19세가 지나지 않은 미성년자가 은행에서 제공하는 급여계좌를 개설할 수 있나 궁금해서 직접 해봤더니 개설이 되었다. 단, 소득증빙서류가 반드시 있어야 한다. 필자는 회사 안에 있는 은행을 이용해서 사원증 하나로 처리가 완료되었다. 죄송합니다. 이번 포스팅은 날로 먹습니다.

미성년자 IRP 계좌개설 [내부링크]

됩니다. 법정대리인 동행하지 않아도 개설 가능합니다. 단, 만19세가 지나야 펀드같은 다른 상품들에도 투자할 수 있고, 그 전에는 예금밖에 투자가 안됩니다.

React WebMail - BackEnd(0) 프로젝트 소개 [내부링크]

1. 소개 장기 프로젝트로, React와 Express, AWS로 웹메일을 구현해볼 계획이다. 이 카테고리에 올라오는 포스팅들은 백엔드를 개발하는 내용들이다. 2. 기술 스택 Language : JavaScript(Node.js 16.14.0), TypeScript 4.5.5 Package Manager : npm 8.3.2 Framework : Express 4.17.2 Database : PostgreSQL 14.1 IDE or Editor : Jetbrains WebStorm 2021.3.2 Github Repository : https://github.com/Jennas-Lee/react-webmail-backend Jennas-Lee/react-webmail-backend Contribute to Jennas-Lee/react-webmail-backend development by creating an account on GitHub. github.com Github Pro

React WebMail - FrontEnd (0) 프로젝트 소개 [내부링크]

1. 소개 장기 프로젝트로, React와 Express, AWS로 웹메일을 구현해볼 계획이다. 이 카테고리에 올라오는 포스팅들은 프론트엔드를 개발하는 내용들이다. 2. 기술 스택 Language : JavaScript(Node.js 16.14.0), TypeScript 4.5.5 Package Manager : npm 8.3.2 Framework : React 17.0.2, Material UI 5.4.1 IDE or Editor : Jetbrains WebStorm 2021.3.2 Github Repository : https://github.com/Jennas-Lee/react-webmail-frontend Jennas-Lee/react-webmail-frontend Contribute to Jennas-Lee/react-webmail-frontend development by creating an account on GitHub. github.com Github Project

React WebMail - BackEnd(1) 프로젝트 초기 설정 [내부링크]

1. package.json 생성 프로젝트를 수행할 디렉토리를 생성한 후, 해당 디렉토리에서 터미널 또는 셸을 열어 다음의 명령어를 입력한다. (Node.js가 설치되있어야함) > npm init [그림 1] npm init - 패키지 이름 입력 package name에는 본인이 원하는 패키지 이름을 입력한다. 필자는 Repository 이름인 react-webmail-backend 를 그대로 사용한다. [그림 2] npm init - 버전 입력 version에는 본인이 원하는 버전을 입력한다. 필자는 0.0.1을 입력하겠다. [그림 3] npm init - 설명 입력 description에는 본인이 원하는 패키지의 설명을 입력하는데, 스킵해도 상관없다. 필자는 간단하게 BackEnd Project For React Webmail을 입력하겠다. [그림 4] npm init - Entry Point 입력 entry point에는 app.js를 입력한다. [그림 5] npm init -

React WebMail - BackEnd(2) API 초기 설정 [내부링크]

1. TypeScript와 Express 다운로드 진행중인 프로젝트에서 다음과 같은 명령어를 입력한다. > npm install typescript express @types/express @types/node ts-node 2. tsconfig.json 생성 tsconfig.json 파일을 생성하고, 다음과 같이 입력한 후 저장한다. { "compilerOptions": { "target": "es6", "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, "module": "commonjs", "moduleRe

React WebMail - BackEnd(3) HealthCheck API 생성 [내부링크]

1. 디렉토리 및 파일 생성 API를 개발할 수 있도록 미리 필요한 디렉토리와 파일을 생성한다. src routers controllers api apiController.ts healthCheck heaalthCheckController.ts middlewares healthCheck healthCheckMiddleware.ts src 디렉토리를 새로 만들고, 다음과 같이 생성한다. [그림 1] 디렉토리와 파일 생성 구조는 다음과 같다. 2. healthCheck API 미들웨어 작성 src/routers/middlewares/healthcheck/healthCheckMiddlewares.ts로 이동 후, 다음과 같이 입력한다. import { Request, Response } from 'express'; class HealthCheckMiddleware { get = (req: Request, res: Response): void => { res.status(20

React WebMail - BackEnd(4) Sequelize config.ts 생성 [내부링크]

1. Sequelize 다운로드 Sequelize는 자바스크립트 환경의 대표적인 ORM 라이브러리이다. 먼저 Sequelize를 다운로드하자. 터미널에 다음과 같은 명령어를 입력한다. > npm install sequelize pg @types/pg pg 라이브러리는 PostgreSQL을 사용할 수 있도록 해주는 라이브러리이다. 혹 다른 DB(MySQL 등)를 사용할 경우 각 DB에 맞는 클라이언트 라이브러리를 설치해야 한다. 2. config 파일 생성 src 디렉토리 밑에 config 디렉토리를 새로 만들고, 그 밑에 config.ts 파일을 생성한다. [그림 1] config 디렉토리 구조 config.ts 파일에 다음과 같이 작성한다. const config = { development: { username: 'postgres', password: 'postgres12345678', database: 'postgres', host: '10.0.0.7', port: 5432,

AWS Multi Region Strategy - (0) 전략 수립 [내부링크]

1. 소개 AWS를 사용해 멀티 리전으로 서비스를 제공하는 전략을 구성해본다. 2. 왜 싱글 리전이 아니고 멀티 리전인가? 예를 들어보자. 우리가 제공하는 서비스는 한국 뿐만 아니라 전 세계 사람들을 대상으로 운영하고 있다. 또한, 실시간 데이터 송수신이 매우 중요하다. [그림 1] 싱글 리전 형태 위의 그림같이, 도쿄(Tokyo) 리전을 사용하고 있다고 해보자. 한국 사용자와 미국 사용자 간의 핑차이가 꽤 있고, 유럽 사용자간의 핑차이는 심하다.(예를 들어서) 따라서, 서비스 형태에 따라 싱글 리전은 다른 사용자들에게 불편함을 초래할 수 있고, 이는 곧 고객의 유출로 이뤄진다. [그림 2] 멀티 리전 형태 위의 그림은 멀티 리전 형태를 예로 든 것이다. 전세계 사용자들이 원활하게 서비스를 이용할 수 있도록 총 3개의 리전을 사용한다. 유럽 : 아일랜드(Ireland) eu-west-1 아시아 태평양 : 도쿄(Tokyo) ap-northeast-1 미국 동부 :버지니아 북부(N. V

IC운전면허증을 통한 모바일 운전면허증 발급 안되는 오류 [내부링크]

1. 사건의 발단 필자는 법적으로 인정되는 모바일 운전면허증이 나왔다 해서 발급 관련 안내를 찾아봤고, 시범운영기간이라 수수료도 기존 면허증과 동일한 8,000원에 IC칩이 내장된 운전면허증으로, 본인이 직접 모바일 운전면허증 발급이 가능하다는 것을 알았다. (IC운전면허증이 없으면 시험장에 직접 가서 QR코드로 발급받아야 한다. 폰 바꾸면 또 해야해서 번거로움) 그래서 시범운영기관인 서울서부로 가서 면허증을 새로 발급받았다. (2종소형 면허를 새로 따서 겸사겸사. 재발급이 아니고 사실상 신규발급) 2. 왜 등록이 안돼? [그림 1] IC운전면허증 분명 IC운전면허증이 맞다. 심지어 교통카드랑 같이찍힘. 한장만 대달라고함. [그림 2] 모바일 운전면허증 앱 오류 근데 앱은 그대로다. IC 운전면허증 신청하기를 누르면 재발급이 진행된다. 난 이미 있는데? 3. 모바일 신분증 고객센터와 상담 진행 [그림 3] 모바일 신분증 고객센터 상담 !!! 전산상으로 필자의 면허증은 아이콘이 있음에

AWS Multi Region Strategy - (1) 애플리케이션 개발 [내부링크]

1. 애플리케이션 소개 https://github.com/ampcompany/multi-region-application GitHub - ampcompany/multi-region-application: An Express Application for AWS Multi Region. An Express Application for AWS Multi Region. Contribute to ampcompany/multi-region-application development by creating an account on GitHub. github.com Node.js와 TypeScript로 개발한 간단한 API 애플리케이션이다. 2. 실행 스크립트 npm install npm으로 프로젝트에 필요한 dependencies 다운로드 npm run start 개발 단계에서 애플리케이션 실행. 3001번 포트에서 실행됨. (GET /health로 health check 가능) npm run p

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [9] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. S3 Endpoint 생성 Endpoints 콘솔 (https://console.aws.amazon.com/vpc/home?region=us-east-1#Endpoints:sort=vpcEndpointId) 에 접속한다. [그림 1] Endpoints 콘솔 접속 좌측 상단 Create Endpoint 클릭 [그림 2] S3 Endpoint - 서비스 선택 Service category : AWS services Se

튜브, 체인, 체인링크툴, 바테잎 구매 [내부링크]

지금 한창 시즌온 할 준비중. 자전거를 몽땅 분해해놨다. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 원래 샵에 맡기면 되는데, 해보고 싶었다. 또한, 혼자 하면서 익히는 것도 나쁘지 않을 것 같아서 싹 다 분해해놨다. 이 상태에서 체인까지 분리하고, 물세차를 할 예정이다. 택배옴! 이번에 부품이랑 공구를 좀 주문했다. 지난 7일에 샀는데, 이틀만에 왔다. 심지어 오늘 오전에 옴. 언박싱! 생애 첫 언박싱 구매는 https://smartstore.naver.com/bikesports 여기서함. 광고아님. 바스샵 : 네이버쇼핑 스마트스토어 바이크스포츠, 자전거 용품 부품 악세서리 스포츠용품 전문 쇼핑몰입니다. smartstore.naver.com 궁금한거 있어서 Q&A에 질문 남겼는데, 사장님이 친절하게 답변해주셨다. 튜브 슈발베(SCHWALBE) 700C 경량튜브 50mm 프레스타 SV20 2개 튜브 무게 실측 70g정도 체인 KMC 8단 1.X8 실버/그레이 지금 쓰는 로드가 입문용 8단이라,

알리에서 속도계 사보기 [내부링크]

필자는 현재 브라이튼 310 모델의 속도계를 사용하고 있다. 이제 속도계를 한번 바꿔보고자, 네비게이션 기능이 있는 브라이튼 420으로 구매를 하려고 한다. 기승전 가민인데 고딩이라 돈이 좀 모자르다 그래서 알리익스프레스에서 직구하려고 한다. 요즘 알리가 물건도 좋고 배송도 잘된다 하길래 한번 사용해볼 생각. 1. 알리익스프레스 회원가입 알리익스프레스(https://www.aliexpress.com/)에 접속한다. AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress LIVE Flash Deals Stores You'll Love New User Zone Categories Women's Fashion Men's Fashion Phones & Telecommunications Computer ,

Chart.js chapter.1 - 사용 준비 [내부링크]

0. Chart.js란? Chart.js는 자바스크립트로 그래프와 차트를 그릴 수 있는 오픈소스 프로젝트이다. 기본적인 HTML과 자바스크립트 지식을 가지고 있으면 손쉽게 차트를 만들 수 있다. 여기에 올라오는 모든 코드들은 깃허브에 영어로 동시에 업로드된다. Chart.js : https://github.com/chartjs/Chart.js 블로그 코드 : https://github.com/Jennas-Lee/blog-posting-chart.js 1. 개발 준비 Chart.js는 Chart.js 깃허브 또는 CDN으로 사용이 가능하다. 필자는 다음의 CDN을 사용했다. <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js" type="text/javascript"></script> 또한 Chart.js는 canvas 위에 그려진다. canvas를 하나 준비한다. <canvas id="chart" wi

Chart.js chapter.2 - 그래프 직선화, 색상 설정 [내부링크]

1. 꺾은선그래프 직선화 [그림 1] Chapter.1 차트 상태 꺾은선그래프 형태인 차트이다. 하지만 선들이 곡선으로 되어있다. 리소스 모니터에는 부적합한 그래프 형태이므로 곡선을 직선으로 만들어주는 설정을 적용한다. lineTension: 0 다음의 설정을 Chart.js에 적용한다. var ctx = document.getElementById('chart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ['20:45:58', '20:45:59', '20:46:00', '20:46:01', '20:46:02'], datasets: [{ label: 'CPU', data: [65, 59, 80, 15, 27], lineTension: 0 }] } }); datasets에 다음과 같이 적용한다. [그림 2] 꺾은선그래프 직선화 2. 그래프 y축 최소, 최대값 설정 CPU 점유율은 0%에서

미성년자 본인서명사실확인서 신규발급 [내부링크]

포스팅 오랜만? 조만간 취업을 할 수도 있어서 혹시 몰라 관련 서류를 떼기로 생각했다. 그 중 하나는 본인서명사실확인서. 본인서명사실확인서란? 본인서명사실확인서는, 인감증명서와 정확히 같은 효력을 지니는 증명서이다. 인감은, 잃어버리거나 도둑맞는 순간, 엄청난 악용의 소지가 있기 때문에 리스크가 굉장히 크다. 하지만, 본인서명사실확인서는 필적감정이 되기 때문에(어디선가 관련 내용을 봤음), 어느정도 예방이 가능할듯 하다.(필자의 개인적인 생각이지만, 인감증명서보다 안전함에는 틀림없다). 문제는? 필자는 만18세, 미성년자다. 미성년자는 당연히 법적 능력이 없기 때문에 제약사항이 많다. 따라서 미성년자의 본인서명사실확인서 발급 내용을 정리하기 위해 포스팅하게되었다. 발급하기 1. 반드시 법정대리인과 동반해야 한다. 반드시 법정대리인과 같이 가야한다. 이참에 부모님과 관공서 데이트를 하자. 필자는 어머니와 같이 갔다. 2. 본인의 신분증, 법정대리인의 신분증이 필요하다. 동반하는 법정대

미성년자 증권계좌 개설 [내부링크]

미성년자 본인서명사실확인서에 이은, 미성년자 증권계좌 개설! 요즘 주식투자가 굉장히 인기고 주위 친구들도 얘기가 많이 오간다. 이참에 나도 주식계좌를 만들어보자는 생각에 개설을 시도했다. 필자는 만18세, 미성년자다. 주의사항! 이 포스트는 직접 경험한 사실만을 적었습니다. 그리고 광고받은거 하나 없습니다. 근데 귀찮으니까 상표는 딱히 가리지 않을게요. 0. 부모님과 상의 사정이 어떻든 반드시 법정대리인과 상의를 하고, 은행에 같이 방문해야한다. 반드시! 1. 준비물 준비 준비물은 다음과 같다. 1. 본인의 신분증 2. 법정대리인의 신분증 3. 본인 기준의 기본증명서(상세, 주민번호 모두 공개) 4. 본인 기준의 가족관계증명서(상세, 주민번호 모두 공개) 5. 본인 또는 법정대리인의 도장 여기서 본인은 이 포스트를 보고있는 미성년자 당신이다. 서류 발급 방법은 인터넷에 충분히 많으니 여기서는 스킵. 도장은 통장에 찍는게 아니고 서류에 찍는거니까 막도장도 상관없다. 본인 도장 없으면

[2021 마이 블로그 리포트] 블로그 빅데이터로 알아보는 '2021 내 블로그 스타일' [내부링크]

갑자기 생각나면 들어와서 추억을 회상하는 곳. 2021 마이 블로그 리포트 2021년 당신의 블로그 스타일을 확인하고 네이버페이 GET하세요! campaign.naver.com

클라우드컴퓨팅 기능경기대회 소개 [내부링크]

0. 대회안내 필자는 현재 특성화고에서 기능대회를 준비하는 기능인재반이다. 직종은 올해 신설된 클라우드컴퓨팅이며, 준비는 20년도부터 시작했다. 1. 직종소개 [그림 1] Cloud Computing 소개(출처: WorldSkills) 클라우드컴퓨팅 직종은 대표적인 클라우드 서비스 중 하나인 Amazon Web Services(이하 AWS)를 사용해 과제에서 원하는 서비스를 개발한다. 다른 IT 관련 직종과는 다르게, 리눅스, 네트워크, 보안, 웹, 스토리지,데이터베이스 등 다방면의 지식을 모두 가져야 한다. 제1과제 : Web Service Provisioning 제1과제는 과제에서 제공한 자료와 테크니컬 정보를 가지고 AWS를 사용해 인프라를 구축해야 한다. 총 4시간동안 진행되며, 가장 많은 점수를 차지한다. 지방대회, 전국대회 모두 진행되는 과제이다. 제2과제 : Automation 제2과제는 빌드와 배포 등을 자동화하는 과제이다. 대체적으로 CodeCommit, CodeBu

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [1] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. VPC 생성 Your VPCs 콘솔 접속(https://console.aws.amazon.com/vpc/home?region=us-east-1#vpcs:) [그림 1] Your VPCs 콘솔 접속 우측 상단 Create VPC 클릭 [그림 2] VPC 생성 Name tag : 적절한 이름 입력 - 모든 리소스에 Name tag가 달려 있어야 채점됨. 항상 입력할 것. IPv4 CIDR block : 적절한 CIDR을

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [2] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. Subnet 생성 Subnets 콘솔 접속(https://console.aws.amazon.com/vpc/home?region=us-east-1#subnets:) [그림 4] Subnets 콘솔 접속 우측 상단 Create subnet 클릭 [그림 5] Subnet 생성 VPC ID : 좀 전에 만들었던 VPC 선택 Subnet name : 적절한 이름 입력 Availability Zone : 가용 영역 선택 IPv

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [3] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. Network ACL 생성 Network ACLs 콘솔 접속(https://console.aws.amazon.com/vpc/home?region=us-east-1#acls:) [그림 1] Network ACLs 콘솔 접속 VPC를 생성할때 같이 생성되는 Default NACL이 있지만, 이를 무시하고 새 NACL을 만들어야 한다. 우측 상단 Create network ACL을 클릭한다. [그림 2] NACL 생성 N

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [4] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. ELB용 Security Group 생성 Security Goups 콘솔 접속(https://console.aws.amazon.com/vpc/home?region=us-east-1#securityGroups:) [그림 1] Security Groups 콘솔 접속 Security Group도 NACL과 마찬가지로, 기존에 있던 Group은 무시하고, 새로운 Group을 생성해야 한다. 우측 상단 Create secur

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [5] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. Internet Gateway 생성 Internet Gateways 콘솔(https://console.aws.amazon.com/vpc/home?region=us-east-1#igws:)에 접속한다. [그림 1] Internet Gateway 콘솔 접속 우측 상단 Create internet gateway 클릭 [그림 2] Internet Gateway 생성 Name tag : 이름을 간단하게 지어준다. 완료되면 우

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [6] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. Route table 생성 Route Tables 콘솔 (https://console.aws.amazon.com/vpc/home?region=us-east-1#RouteTables:sort=routeTableId) 에 접속한다. [그림 1] Route Tables 콘솔 접속 좌측 상단 Create route table 클릭 [그림 2] Route table 생성 Name tag : 적절한 이름 입력 VPC : 전에

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [7] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. Elastic IP 생성 주의! Elastic IP는 과금되는 서비스입니다. 주의하시고, 실습 후 반드시 리소스를 삭제해야 합니다. Elastic IPs 콘솔 (https://console.aws.amazon.com/vpc/home?region=us-east-1#Addresses:) 에 접속한다. [그림 1] Elastic IPs 콘솔 접속 좌측 상단 Allocate Elastic IP address 클릭 [그림 2

2020년도 지방기능경기대회 클라우드컴퓨팅 풀이 [8] [내부링크]

0. To-Do VPC 생성 Subnet 생성 Network ACL 생성 Security Group 생성 Internet Gateway 생성 Route table 생성 Elastic IP 생성 NAT Gateway 생성 S3 Endpoint 생성 S3에 객체 업로드 Target Group 생성 Elastic Load Balancer 생성 Launch Conguration 생성 Auto Scaling Group 생성 CloudFront 생성 1. NAT Gateway 생성 주의! NAT Gateway는 과금되는 서비스입니다. 그것도 많이 주의하시고, 실습 후 반드시 리소스를 삭제해야 합니다. NAT Gateways 콘솔 (https://console.aws.amazon.com/vpc/home?region=us-east-1#NatGateways:) 에 접속한다. [그림 1] NAT Gateways 콘솔 접속 좌측 상단 Create NAT Gateway 클릭 [

AWS CLI (1) AWS CLI 설정 [내부링크]

0. 준비사항 1) AWS CLI 2 2) AWS Access Key & AWS Secret Access Key 1. AWS CLI 설정 aws configure AWS Access Key ID [None]: ******************* AWS Secret Access Key [None]: ******************************** Default region name [None]: us-east-1 Default output format [None]: json Region은 자신이 원하는 지역으로 설정한다. 필자는 버지니아 북부로 설정한다. 이 설정이 완료되어야만 AWS CLI를 사용할 수 있다. *로 되어있는 부분은 자신이 가진 정보를 복사, 붙여넣기하면 된다.

AWS CLI (2) VPC 생성 [내부링크]

윈도우 Powershell 환경에서 진행한다. Bash 등 다른 CMD에서도 동일한 문법을 사용한다. 0. 준비사항 1) 설정이 완료된 AWS CLI 2(AWS CLI 설정을 하지 않았다면 https://blog.naver.com/bi0416/222063898383 여길 참고하자.) 1. VPC 생성 INPUT : aws ec2 create-vpc --cidr-block [CIDR BLOCK] --tag-specifications 'ResourceType=vpc, Tags=[{Key=Name, Value=[VPC NAME]}]' EXAMPLE : aws ec2 create-vpc --cidr-block 10.0.0.0/16 --tag-specifications 'ResourceType=vpc, Tags=[{Key=Name, Value=blog}]' OUTPUT : { "Vpc": { "CidrBlock": "10.0.0.0/16", "DhcpOptionsId": "dopt-*****

#1 Git 다운로드 [내부링크]

[그림 0] Git 협업을 위해서는 Git이 필요하다. 팀원들과 협업을 위해서는 반드시 Git 또는 다른 수단의 방법론이 필요하다고 생각한다. 우리 프로젝트는 Github를 저장소로 사용한다. 따라서 Git을 다운로드해야한다. https://git-scm.com/downloads 로 접속한다. Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. Latest source Release 2.28.0 Release Notes (2020-07-27) Download 2.28.0 for Windows GUI Clients Git comes with built-in GUI tools ( git-gui , gitk ), but there are several third-party tools... git-scm.com [그림

#2. Visual Studio Code 설치 [내부링크]

개발을 하기전에 에디터를 설치해야한다. Node.js 개발할때 사용하는 IDE(통합 개발 환경)는 딱히 없다. 따라서 자신이 사용하고자 하는 에디터를 사용하면 된다. 여기선 VSCode를 사용한다. VSCode는 Node.js를 개발할때 자동완성을 지원하는 등 여러모로 편하고 강력한 에디터이다. https://code.visualstudio.com/download 로 이동한다. Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. co

#3. Docker 설치 [내부링크]

우리 프로젝트는 AWS Lambda를 사용하는 서버리스 애플리케이션 제작이 목적이다. 따라서 Lambda 함수를 로컬 환경에서 실행시킬 수 있는 작업이 필요하다. 따라서 Docker라는 것을 설치한다. https://hub.docker.com/editions/community/docker-ce-desktop-windows 에 접속한다. Docker Desktop for Windows - Docker Hub Docker Desktop for Windows By Docker The fastest and easiest way to get started with Docker on Windows Edition Windows x86-64 Get Docker Desktop for Windows Docker Desktop for Windows is available for free. Requires Microsoft Windows 10 Professional or Enterprise 64-bit.

#4. Python 가상환경 만들기 [내부링크]

우리 프로젝트는 Python 3.8.6을 사용한다. 편의를 위해 가상환경을 만들고 그 위에서 프로그램을 실행시킬 예정이다. 터미널을 실행한다. 필자는 VSCode에서 Powershell을 실행시켰다. Python은 이미 설치되어 있는 상태로 시작한다. [그림 1] Python 가상환경 설치 python -m venv venv를 입력한다. 조금 기다리면 자신이 위치한 디렉토리에 venv라는 폴더가 생긴다. 보통 가상환경 이름을 venv로 설정하는게 관례이다. 혹시 Git으로 버전관리를 할때 가상환경은 필요없기 때문에, Python용 gitignore에 venv가 이미 설정되어있다. [그림 2] Python 가상환경 설치 완료 이렇게 venv라는 디렉토리가 생성되었다. [그림 3] Python 가상환경 실행 ./venv/Scripts/activate를 입력한다. Powershell은 자동완성이 지원된다. 탭(Tab) 키를 눌러서 진행하면 된다. 그러면 왼쪽에 (venv)같이 가상환경 이

#5. AWS SAM CLI 설치 [내부링크]

AWS Lambda를 로컬 환경에서 실행시키려면, AWS SAM(Serverless Application Model, 이하 SAM)이 필요하다. SAM은 파이썬과 Docker가 설치되어 있어야 한다. 설치하지 않았다면 아래 포스팅을 참고할 것. #3. Docker 설치 우리 프로젝트는 AWS Lambda를 사용하는 서버리스 애플리케이션 제작이 목적이다.따라서 Lambda 함... blog.naver.com #4. Python 가상환경 만들기 우리 프로젝트는 Python 3.8.6을 사용한다. 편의를 위해 가상환경을 만들고 그 위에서 프로그램을 실행시... blog.naver.com pip install aws-sam-cli 를 사용해 바로 SAM을 다운로드한다. 가상환경에서 작업하는 것을 추천한다. pip freeze 이 명령어로 SAM이 다운로드되었는지 확인할 수 있다. [그림 1] AWS SAM 설치 완료 끝. 도움말은 sam --help 명령어를 입력한다.