꿈많은 DEVELOPER

🤳 Nest.js 미들웨어란?미들웨어는 Route 핸들러 보다 먼저 호출되는 함수입니다. 미들 웨어 기능은 애플리케이션의 요청-응답 주기에서 요청 및 응답 객체 와 미들웨어 기능에 액세스할 수 있습니다. Next() 다음 작업으로 넘긴다는 의미입니다. Nest.js 미들웨어는 기본적으로 Express 미들웨어와 동일하다.  미들웨어 기능은 다음 작업을 수행할 수 있습니다.모든 코드를 실행합니다. 요청 및 응답 객체를 변경합니다. 요청-응답 주기를 종료합니다. 스택에서 다음 미들웨어 함수를 호출합니다. 현재 미들웨어 기능이 요청-응답 주기를 종료하지 않으면 Next() 다음 미들웨어 기능으로 제어를 전달하도록 호출해야 한다. Next() 호출하지 않을경우 요청이 중단 됩니다.  정리하면: 미들웨어는 클라..

🤳 Nest.js 란? Nest.js는 효율적이고 확장 가능한 Node.js 서버 측 애플리케이션을 구축하기 위한 프레임워크이다. JavaScript를 사용하고 TypeScript로 구축되어 완벽하게 지원하며 OOP, FP, FRP 요소를 결합합니다. OOP(Object Oriented Programming) FP(Functional Programming) FRP(Functional Reactive Programming) 내부적으로 Nest.js는 Express와 같은 강력한 Http 서버 프레임워크를 사용하며 선택적으로 Fastify도 사용하도록 구성할 수 있다. 👀 Nest.js 장점 Nest.js는 Express를 기반으로 만들어진 웹 프레임워크다. Java의 Spring와 비슷한 아키텍쳐 구조를 ..

🤳 ESLint & Prettier 정확한 차이? ESLint 와 Prettier는 둘다 코드 컨벤션을 도와주는 역활을 한다. 둘중에 하나만 써도 되는데 왜 둘을 같이 사용하는 경우가 많다. ESLint 와 Prettier 다른 차이가 있기 때문에 둘을 같이 사용한다. "eslint는 코드 퀄리티를 보장하도록 도와주고, prettier는 코드 스타일을 깔끔하게 혹은 통일되도록 도와준다." 그 차이에 대해서 알아보자. ⌨ ESLint 개발중 기능을 구현 할때, 한개의 기능을 구현하기 위한 엄청나게 많은 방식들이 있다. // function 키워드 사용 function foo() { ... } // arrow function 사용 const foo = () => { ... } const Temps = [1,..

📖React-query 알기전에 JSX란?JSX(javascript XML)는 javascript에 XML을 추가한 확장한 문법이다.JSX는 React에서 사용되는데 공식적인 자바스크립트 문법은 아니다.JSX는 javascript 확장한 문법으로 바벨등등을 사용하여 트랜스파일러로 javascript 형태의 코드로 변환이 된다.JSX 문법은 반드시 부모요소 하나가 감싸는 형태 여야한다. 문법으로 부모요소를 만드는 경우가 많다. JSX에서 javascript 표현식을 작성하려면 {}로 코드를 감싸줘야한다. {isLoading && Loading} JSX에서 class사용이 아닌 className을 사용한다.🤳React-query 란?  React-query는 서버 상태 라이브러리 입니다. 서버와 클라..

🤳DNS(Domain Name System)? 도메인 이름 시스템(DNS)은 사람이 읽을 수 있는 도메인 이름을 머신이 읽을 수 있는 IP주소로 변환한다. 📖DNS 동작 원리? 컴퓨터에서 브라우저에서 www.naver.com 을 입력한다. 컴퓨터는 DNS 서버로 www.naver.com에 맵핑된 IP주소를 물어본다 DNS 서버는 해당 도메인의 IP 주소를 알려준다. 컴퓨터는 이를 받아서 IP주소에 해당하는 컴퓨터에 접속하게 된다. 🤳DNS A타입 레코드, CNAME 레코드, NS레코드? 타입 레코드 설명 A Address Record CNAME Canonical Name Record A recode란? A는 Address의 약자로 도메인네임과 IP 주소를 맵핑할때 사용한다. ex) www.google.c..

🤳 VPC(Vritual Private Cloud)란? VPC는 임의의 사설 IP주소 범의를 설정하고, 서브넷에 가상 서버와 같은 리소스를 배치할수 있다. 사용자의 AWS 계정 전용 가상 네트워크 서브넷은 VPC의 IP주소의 범위 즉 VPC 가상 공간에 작은 박스들을 IP주소로 분리해논 것들?? 👀 Subnet 추가 👀 라우팅 테이블 설정 새로 추가한 Subnet이 첨에 만든 VPC와 라우팅이 되도록 설정을 해줘야한다. 👀 EC2 인스턴스 생성후 AMI 생성 하기 AMI 란? 틀이라고 이해하면 된다 동일한 구성의 인스턴스 여러개 필요할 때 AMI를 사용하여 동일한 여러 인스턴스를 시작 시작할수 있다. 👀 Load balancer Load Balancer 서버에 부하를 분산시켜주는 일 라우팅 역활 고가용성..

🤳TypeScript type과 interface의 공통점과 차이점 interface PeopleInterface { name: string age: number } const me1: PeopleInterface = { name: 'yc', age: 34, } type PeopleType = { name: string age: number } const me2: PeopleType = { name: 'yc', age: 31, } type과 interface는 객체의 타입을 지정하는 공통점이 있다. 👀TypeScript type과 interface의 차이점 interface interface PeopleInterface { name: string age: number } interface StudentI..

🤳 Putty를 활용해서 EC2 인스턴스 접속. puttygen를 활용해서 EC2 인스턴스 생성시 받은 키페어 pem 파일을 ppk 파일로 변환을 해줘야 윈도우에서 EC2 인스턴스에 접속이 가능하다. Key passphrase 보안을 높이기 위해 암호입력! EC2 인스턴스 터미널 접속시 필요합니다.

🤳 TypeScript 기본 타입 정리 문자열 타입을 정의 하는 방법 //string 타입 정의 let name: string = 'YOO'; 숫자에 타입을 정의 하는 방법 //number 타입 정의 let age:number = 30; Boolean true/false 타입을 정의 //boolen 타입 정의 const isChk: boolean = false; let isAdult: boolean = true; Array 타입을 정의 하는 방법 //array 2가지 타입 정의 방법 let array:number[] = [1, 2, 3] let array2: Array = [1, 2, 3] 함수의 반환값에 타입을 정의 해줄 수 있다. //return 값이 없을때는 값이 없으므로 void 정의해줄수있다. ..

🤳 TypeScript Global 설치 npm install -g typescript Typescript 글로벌 설치 🤳 Npm 설치 npm init -y -y 기본설치값 🤳 Typescript 필요한 모듈 설치 npm install ts-node typescript nodemon @types/node @types/express --save-dev 🐱‍👓 Typescript setting & options tsc --init 생성시 tsconfig.json 생성됨 { "compilerOptions": { "lib": [ "es5", "es6" ], "target": "es5", "module": "commonjs", "moduleResolution": "node", "outDir": "./build",..

🤳 AWS CodePipeLine 개념 신속한 제공 구성 가능한 워크플로우 빠르게 시작 손쉬운 통합 🤷‍♂️ AWS CodePipeLine 이란? AWS CodePipeLine은 빠르고 안정적인 애플리케이션 및 인프라 업데이트를 위해 릴리스 파이프라인을 자동화하는데 도움이 되는 완전관리형 지속적 전달 서비스입니다. 즉 CodePipeLine은 코드 변경이 발생할 때마다 사용자가 정의한 릴리스 모델을 기반으로 릴리스 프로세스의 빌드&테스트 및 배포 단계를 자동화 해서 개발자의 편리를 제공합니다. AWS CodePipeLine을 Github 또는 형상관리 서비스와 손쉽게 통합해서 Code 관리를 할수있습니다. 🤳 AWS Elastic Beanstalk 개념 빠르고 간단하게 서버 구성 생산성 적절한 규모 유지..

🤳 Node.js Static File(정적 파일) 정적 파일이란, 직접 값에 변화를 주지 않는 이상 변하지 않는 파일을 의미합니다. 즉 css, image, js 파일 등을 의미합니다. 프로젝트를 진행하다보면 정적 파일 사용이 필요할때가 있습니다. 그래서 Express 이러한 정적 파일을 손쉽게 제공할 수 있는 미들웨어를 제공합니다. 🐱‍👓 Node.js Static File(정적 파일) Express에 static 메소드를 제공합니다. static 메소드를 활용해서 편리하게 정적폴더 public 미들웨어를 설정할수있습니다. ex : http://localhost:3000/public/css/common.css http://localhost:3000/css/common.css 이런식으로 파일경로를 접근..

🤳TypeScript Interface 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 말한다. 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 직접 인스턴스를 생성할 수 없고 모든 메서드가 추상 메서드이다. TS에서만 interface를 지원한다. 🐱‍👓 Interface 사용 이유 타입의 이름을 짓고 코드 안의 계약을 정의 프로젝트 외부에서 사용하는 코드의 계약을 정의하는 강력한 방법이다. 객체의 스펙 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체에 접근하는 방식 클래스 🤷‍♂️기본 예제 🐱‍👓 Properties 컴파일러는 프로퍼티의 두 가지 요소를 검사한다. 필수요소 프로퍼티의 유무 프로퍼티 타입 예약어로 프로퍼티를 세밀하게 컨트롤할 수 있다. ..

2주간 퇴근후 2시간씩 공부하면 자격증 합격^^♡ 공부방법은 비즈니스에 초첨을 맞춰 시나리오에 맞게 공부하는 방식으로 암기를 했습니다. 예를들어 EC2 서버에 리소스 코드를 확인하고 싶을땐 어떤 기술로 확인할수 있을까?! CloudWatch 를 활용해서 리소스 모니터링, 알람경보등을 설정할수있다. 이런방식으로 공부를 했습니다!! 다음 Aws 자격증은 에소시에이트 단계로 공부하고 취득 하려고합니다^^

IAM을 사용하여 AWS 리소스에 대한 관리 리소스는 사용자가 작업을 수행할 수 있는 AWS계정의 엔터티입니다. 리소스의 예로는 Amazon EC2 인스턴스 또는 Amazon S3 버킷이 있습니다. ex : Amazon EC2 인스턴스를 종료, 접근 할수 있는 사용자 제어 세분화된 액세스 권한 정의 리소스에 액세스 할수 있는 사용자 액세스할 수 있는 리소스와 사용자가 리소스에 수행할 수 있는 작업 리소스에 액세스하는 방법 IAM은 AWS 계정에 무료로 제공되는 기능입니다. IAM 필수 구성 요소 IAM 사용자 AWS계정으로 인증할 수 있는 사람 또는 애플리케이션입니다. IAM 그룹 동일한 권한 부여를 허락받은 IAM 사용자의 그룹모음입니다. IAM 정책 액세스할 수 있는 리소스와 각 리소스에 대한 액세스..

리전(Region)은 AWS에서 전 세계에 있는 데이터 센터의 물리적 위치를 의미한다. 그리고 논리적 데이터 센터의 그룹은 가용 영역(Availability Zone)이라고 한다. 가용 영역 (Availability Zone)은 데이터 센터 내에 존재하는 하나 또는 그 이상으로 구성된다. 높은 가용성을 제공하기 위해 컴퓨터 자원 최소 한개 이상으로 제공되어야 한다. AWS의 고가용성 아키텍처 패턴에 대한 설명 모든 Single Point Component 장애 시에 대응하기 위해서 설계되었다. 고가용성이란 사용자 서비스를 요청할 때 언제든 서비스할 수 있는 특성으로 이중화를 하여 설계된다. 모든 고객들은 낮은 Latency를 요구하기 때문에 AWS에서 지원할수 있는것은? High availability ..

AWS 장점 ? 새로운 사업을 하기 위해서 때로는 타이밍이 중요하다. 새로운 시장이 생성되었을 때 경쟁사보다 빠르게 시장을 점유하는 것이 아주 중요하지만 시스템 구축과 운영 등으로 시간이 오래 발생한다면 이미 경쟁사에게 타이밍을 뻇길 것이고 따라서 AWS의 장점 중 하나가 속도 및 민첩성이다. 즉 빠르게 서버를 구축하여 서비스를 제공할 수 있다. AWS 장점 특징 장점 특징 초기 투자비용 - 사전에 서버, 스토리지, 네트워크 등의 인프라를 구매하지 않고 서비스 형태로 사용할 수 있다. - 고정비용을 사용량 만큼 지불하는 가변비용으로 대체하게 된다. 운영비용 절감 - 사용한 만큼 비용을 지불하여 운영비용을 줄일수 있다. - 규모의 경제적인 측면에서 비용을 낮출 수 있다. 탄력적 운영 및 확장 - 용량을 예..

클라우드 컴퓨팅 이란? 클라우드 컴퓨팅은 인터넷을 사용해서 공유자원(서버, 네트워크, 스토리지)을 사용할 수 있는 서비스이다. * 클라우드 컴퓨팅은 이러한 모든 작업을 서비스 형태로 제공한다. 예를 들어 컴퓨터를 구매할 필요가 없고 컴퓨터에 운영체제를 설치할 필요도 없이 오직 인터넷에서 제공하는 서비스를 호출하여 즉시 필요한 자원(서버, 네트워크, 스토리지, 소프트웨어 등)을 사용할 수 있는 것이다. On demand는 클라우드 컴퓨팅 서비스 사용자가 요청한 만큼 서비스를 제공하고 비용을 청구하는 모델을 의미한다. 가상화(Virtualization) 가상화란, 여러 개의 물리적 자원을 하나로 통합해서 관리하거나 하나의 물리적 자원을 여러 개로 분활하여 사용하는 기술로 서버 가상화, 데스크톱 가상화, 스토..

인스턴스 유형 인스턴스 유형에 따라 인스턴스에 사용되는 호스트 컴퓨터의 하드웨어가 결정 각 인스턴스 유형은 서로 다른 컴퓨팅, 메모리, 스토리지 용량을 제공하는데, 이 용량에 따라 서로 다른 인스턴스 패밀리로 분류 인스턴스에서 실행 하려는 애플리케이션 또는 소프트웨어의 요구 사항에 따라 인스턴스 유형을 선택 대표적인 인스턴스 구입 옵션 온디맨드 인스턴스(기본값) : 시작하는 인스턴스에 대한 비용을 초 단위로 지불 예약 인스턴스 : 1년 또는 3년 기간 동안 시간당 USD로 일관된 컴퓨팅 사용량을 약정하여 Amazon EC2 비용을 절감 할 수 있다. 스팟 인스턴스 : 경매 단위, 미사용 EC2 인스턴스를 요청하여 Amazon EC2 비용을 대폭 줄일 수 있다.

EC2 (Elastic Compute Cloud) 개념 EC2란 Amazon Elastic Compute Cloud의 줄임말로서 AWS에서 제공하는 클라우드 컴퓨팅이다. 독립된 컴퓨터를 임대해주는 서비스로서 AWS의 대표적인 서비스다. 즉 쉽게 AWS에 컴퓨터를 대여해서 사용한다고 생각하면 된다. Amazon Elastic Compute Cloud(EC2) AWS 컴퓨팅 서비스 중 하나 EC2 - 확장 가능한 서버(컴퓨터) 제공 Elastic Beanstalk - PaaS 형태의 서비스 제공 Lambda - serverless 컴퓨팅 서비스 제공 Amazon EC2를 사용하면 하드웨어에 선투자할 필요가 없어 더빠르게 애플리케이션 개발하고 배포할 수있음 Amazon EC2를 통해 원하는 만큼 가상서버(In..

웹 개발 도중 포트 겹침 오류 때문에 포트연결에 오류가 발생했다... 그래서 특정 포트 2000을 찾아서 프로세스를 종료시킴으로 오류해결 먼저 cmd창 열기 netstat -a -o 명령어 입력 명령어 입력하면 프로토콜 / 로컬 주소/ 외부 주소/ 상태 / PID 저기서 0.0.0.0.:2000 번을 찾아서 포트를 죽인다. (위에 사진엔 2000포트가 없습니다!) taskkill /f /pid 입력 포트에 PID를 입력해주시면 됩니다. 그럼 문제해결 많이 쓰이지는 않는거 같지만 알아두면 좋은 방법입니다.

SQL 튜닝의 필요성 SQL 쿼리문을 작업시 여기서 다양한 SQL쿼리가 성능의 차이를 초래할 수 있다. 데이터의 수가 몇만개가 있는 테이블을 풀스캔을 통해 조회를 하게 되면 정말 오랜시간이 걸리고 성능에 좋지않다. 이러한 상황을 개선할수있는 방법으로 SQL 쿼리의 성능에 따라 다양하게 튜닝작업을 할수있고 성능면에서 향상시킬수있어 튜닝에 필요성을 느낄수있다. SQL 튜닝을 알아보기 전에 먼저 SQL이란 무엇일까? Structured Query Language의 약자이다 SQL 종류는 크게 3가지 (TCL 제외하고)로 구분된다 DML(Data Manipulation Language) 데이터를 조작하는 명령어 Insert Delete Update Select DCL(Data Control Language) 데..

DB - DataBase 데이터베이스는 여러 응용 시스템들의 통합된 정보를 저장하여 운영할 수 있는 공용 데이터들의 묶음입니다. 서로 연관된 여러 가지의 자료의 모음으로 그 내용을 구조화하여 검색과 갱신에 효율성을 높인 것입니다. DBMS란? DBMS는 DataBase Management System의 약자로 데이터베이스를 관리하는 시스템이다. 사용자와 DB사이에서 사용자의 요구에 따라 데이터를 생성해주고, DB를 관리해주는 소프트웨어이다. DBMS는 데이터를 계층 또는 탐색 형식으로 저장한다. DB는 여러사람이 공유하고 사용할 목적으로 관리되는 정보다. 데이터 베이스를 조작하는 소프트웨어를 DBMS라고 한다. RDB(Relational DataBase)란? 우선 RDB는 관계형 데이터 모델에 기초를 둔..

반응형 웹, 혹은 웹앱을 만드는 요소에서 가장 중요한 CSS 미디어 쿼리가 있고 속성중에 min-width, max-width를 이용해서 모바일 부터 pc에 조건에 맞춰 UI를 처리할수 있습니다. min-width - 즉 1000px 이상인 경우에 적용되는 코드 @media (min-width: 1000px) { body { background: gold; } } max-width - 즉 1000px 이하인 경우에 적용되는 코드 @media (max-width: 1000px) { body { background: gold; } } min-width를 사용하는 경우 스마트폰등 모바일 사이즈에서의 레이아웃을 기본으로 점차 pc사이즈로 확장되어가는 형태에 적합 max-width를 사용하는경우 pc에서 모바일로..

목표 REST의 개념 이해 REST의 특징 이해 REST API의 개념을 이해 REST API의 설계 규칙을 이해 RESTful의 개념을 이해한다 REST의 개념 REST란 REST의 정의 "Representational State Transfer"의 약자 자원을 표현하여 해당 자원의 상태를 주고 받는 모든것을 의미 즉 자원(resource)의 표현(representation)에 의한 상태 전달 월드 와이드 웹(www)과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 개발 아키텍처의 한 형식 REST는 기본적으로 웹의 기존 기술과 HTTP프로토콜을 그대로 활용하기 때문에 웹의 장점을 최대한 활용할 수 있는 아키텍처 스타일이다. REST는 네트워크 상에서 Client와 Server사이의 통신 방식 중 하..

주변 장치 연결 및 설정 리눅스 프린터 관련 명령어 리눅스 프린터 관련 명령어는 BSD 계열과 System V 계열로 나뉜다. BSD 계열 : Ipr, Ipq, Iprm, Ipc ipq : 현재 프린트 대기 중인 내용을 보는 명령어 ipr : 파일 내용을 프린트 하는 명령어 iprm : 프린터 큐의 작업을 삭제하느 명령어 EX : ihd.txt 인 문서를 ip라는 이름을 가진 프린터로 3장을 출력한다. System V 계열 Ip, Ipstat, cancel 프린터 설정 X-window 상에서 설정 - system-config-printer LPRng 와 같은 LPD 호스트 또는 프린터는 IPP 프로토콜 기반의 프린터 설정 시 사용 LPRng : 리눅스 초기 인쇄 시스템, 버클리 프린팅 시스템으로 BSD ..

x 윈도우에 대해서 정리해봤습니다! X 윈도우 X 윈도우 시스템은 MIT에서 처음 개발, 지금은 X.org 재단이 X윈도 개발을 주도 XFree86 - X.org Server - Wayland X 윈도우는 네트워크 기반 $/HOME/.Xauthority : X윈도 실행 시 생성된 키 값이 저장됨 xauth : X 서버에 접근 할 수 있는 클라이언트를 서버에 생성된 키 기반으로 제어할때 사용 ./etc/inittab : 리눅스 부팅 시 x 윈도를 실행하기 위해 부팅 모드를 설정 할 수 있는 파일 Xauth, Xauthority 응용 프로그램의 종류 dolphin : 파일 관리자 KDE nautilus : 우분투 윈도우 화면에서 파일관리자 에서 마우스 오른쪽 누르고 open in terminal 누르면 바로..

ping 명령어 ICMP(Internet Control Message Protocol)에서 주로 사용하는 대표적 명령어 TCP/IP 프로토콜을 사용하는 응용프로그램 네트워크에 있는 호스트들의 상태를 점검할 때 사용하는 응용프로그램 원격 호스트까지의 패킷이 도달하는 왕복 시간을 측정할 수 있다 원격 호스트와의 연결상태를 진단할 수 있다 원격 호스트에 네트워크 오류가 있을 경우 이를 체크하지만 정정은 할수없다 Ipconfig IP address 서브넷 마스크 게이트웨이 UDP 헤더구조 SOURCE PORT : 데이터를 보내는 송신측 응용 프로세스 DESTINATION PORT : 데이터를 받는 수신측 응용 프로세스 CHECKSUM : 오류검사 LENGTH : UDP 헤더와 데이터 부분을 포함한 데이터그램 논..

unicast : 전송이랑 고유 주소로 식별된 하나의 네트워크 목적지에 1 : 1(one to one) 트래픽 또는 메시지를 전송하는 방식 DNS 서버가 호스트 이름을 IP ADDRESS로 변환하는 역할로 수행하는것 : 정뱡향 조회 DNS : 이름과 IP주소를 변화시키는 프로토콜, TCP & UDP 사용 도메인 내에 어떤 컴퓨터에서 접속하든지 자신이 사용하던 폴더가 그대로 보이도록 하는 정책구성 폴더 리다이렉션 메인보드에 설치 가능한 하드웨어 모듈로, 암호화 보안장치 : TPM 여러사이트에 동기 복제를 제공하며, 장애가 발생하기 전에 백업 데이터로 연결을 넘길수 있는것 : 저장소 복제 500(Internal server error) : 내부서버 오류(잘못된 스크립트 실행시) 501(Not implemen..

MySQL에서 Column의 값이 Null인 경우를 처리해주는 함수들은 IFNULL, CASE 등등이 있습니다. 저는 제가 실무에서 주로 사용하는 IFNULL, CASE만 알아보겠습니다. IFNULL 해당 Column의 값이 NULL을 반환할 때, 다른 값으로 출력할 수 있도록 하는 함수이다. 기본 구조 SELECT IFNULL(Column명, "Null일 경우 대체 값") FROM 테이블명; EX: 간단하게 설명하자면 sec_to_time은 초를 시간으로 바꿔주는 함수입니다. cast는 문자열혹은 숫자로 변환해주는 함수입니다. 즉 컬럼에 값이 null 이라면 '00:00:00' 을 주는 ifnull 사용 방법입니다! CASE 해당 Column 값을 조건식을 통해 True, False를 판단하여 조건에 ..