꿈많은 DEVELOPER

🤷‍♂️ 본론에 앞서 중요한 배열 사전 지식 공부하기 "> HTML 삽입미리보기할 수 없는 소스배열 reduce() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/256 [자바스크립트] 배열(array) reduce 함수의 개념및 활용도 높은 사용법🤷‍♂️ 본론에 앞서 중요한 배열 사전 지식 공부하기 배열 join() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/254 [자바스크립트] 배열(array)을 유용하게 활용할 수 있는 join 함수 개cometruedream.tistory.com  배열 join() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/254 [자바스크립트]..

🤷‍♂️ 본론에 앞서 중요한 배열 사전 지식 공부하기 "> HTML 삽입미리보기할 수 없는 소스 배열 reduce() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/259 HTML 삽입미리보기할 수 없는 소스배열 reduce() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/256 [자바스크립트] 배열(array) redu" data-og-host="cometruedream.tistory.com" data-og-source-url="https://cometruedream.tistory.com/259" data-og-url="https://cometruedream.tistory.com/259" data-og-image="h..

🤷‍♂️ 본론에 앞서 중요한 배열 사전 지식 공부하기 "> HTML 삽입미리보기할 수 없는 소스배열 reduce() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/256 [자바스크립트] 배열(array) reduce 함수의 개념및 활용도 높은 사용법🤷‍♂️ 본론에 앞서 중요한 배열 사전 지식 공부하기 배열 join() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/254 [자바스크립트] 배열(array)을 유용하게 활용할 수 있는 join 함수 개cometruedream.tistory.com  배열 join() 함수 사용법에 대해 알아보기https://cometruedream.tistory.com/254 [자바스크립트]..

🤷‍♂️ Prisma 명령어 본론에 앞서 Prisma란?Nest JS 프레임워크와 Prisma ORM을 활용해서 프로젝트를 진행하면서 Prisma는 Node JS 기반에 프레임워크/라이브러리와 상호작용이 잘되며 Prisma + DB 연동으로 더 편하게 schema.prisma 하나의 파일로 모델, 스키마 관리를 하면서 많이 사용되며 알아두면 좋은 Prisma 명령어를 정리했다. Prisma와 상호작용이 좋은 Nest JS 알아보기 https://cometruedream.tistory.com/132 Nest.js - 개념 & 초기셋팅🤳 Nest.js 란? Nest.js는 효율적이고 확장 가능한 Node.js 서버 측 애플리케이션을 구축하기 위한 프레임워크이다. JavaScript를 사용하고 TypeSc..

🤷‍♂️ 본론에 앞서 docker 볼륨이란?docker는 가상화 환경을 빠르고 쉽게 컨테이너로 실행하고 관리할수 있는 대표적인 오픈소스 툴입니다.   도커에 대한 개념과 핵심 설명을 먼저 보시면 도커 볼륨에 대해서 이해하기가 쉬워요^^도커&쿠버네티스 [Docker] Docker의 개념 및 핵심 설명https://cometruedream.tistory.com/76 [Docker] Docker의 개념 및 핵심 설명Docker란? Go언어로 작성된 리눅스 컨테이너 기반으로하는 오픈소스 가상화 플랫폼입니다. VM(Virtual Machine)과 컨테이너(Container)의 차이 가상화는 VM 버추얼 머신으로 OS가상화죠. 대표적으로 window, licometruedream.ti..

🤷‍♂️ 본론에 들어가기 앞서 javascript 이벤트와 이벤트 핸들러의 이해 자바스크립트는 이벤트 기반에 프로그램이며 자용자 또는 브라우저가 페이지를 클릭하거나 action을 통해서 이벤트가 발생한다. 이를 활용해 웹 페이지 요소를 동적으로 변경할 수 있으므로 이벤트는 중요한 역할을 맡고 있습니다. 예를 들어 브라우저가 document 로딩을 완료하면 load 이벤트가 발생하고 사용자가 버튼을 클릭하면 click 이벤트가 발생합니다. 이벤트는 한 번, 여러 번 또는 전혀 발생하지 않을 수 있습니다. 특히 사용자가 임의 생성한 이벤트는 언제 발생하는지 모를 수도 있습니다. 이와 같은 시나리오에서 이벤트 발생을 감지하기 위해 이벤트 핸들러가 필요합니다. 이를 통해 이벤트가 발생하는 즉시 반응하도록 코드를..

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

🤳 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 정의해줄수있다. ..

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

🤳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사이의 통신 방식 중 하..

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를 판단하여 조건에 ..

rm (remove 축약) : 파일 시스템으로부터 파일을 삭제 [option] -r : 디렉터리 삭제, 하위 내용먼저 삭제 -i : 삭제시 매번 삭제 여부를 사용자에게 묻는다 -f : 존재하지 않는 파일을 무시, 어떤 메시지도 보여주지 않음 -v : 삭제하는 동안 삭제 내용을 보여줌 chmod (change mode) : 파일이나 디렉터리에 접근 허가권 설정 명령 : 8진수 값사용하는 숫자 모드(Numeric mode), 알파벳으로 사용하는 문자 모드(symbolic mode) 있음 [option] -R : 하위 디렉터리 포함, 디렉터리 내부 파일 접근 권한 변경 -c : 변경된 정보 출력 -f , --slient : 중요한 메세지만 출력하고 아니면 출력 x --version : 명령어 버전 정보 출력 ..

자바스크립트로 개발하던중 selector로 html 요소들을 다뤄야 할때가 있을때 마다 getElemetById 와 querySelector의 차이에 대해서 잘 몰랐습니다. 두개의 selector에 차이를 알아보았습니다. getElemetById() 란? getElemetById(id) element = document.getElementById(id); id를 통해 엘리먼트를 반환한다. 만약 document에 구체적인 ID의 엘리먼트가 없다면 null을 반환한다. querySelector() 란? querySelector(selector) element = document.querySelector(selectors); selector의 요소와 일치하는 document안에 첫번째 엘리먼트를 반환한다. 일..

요즘 많은 WEB에서 볼수 있는 기능입니다. See the Pen progress bar by 유국현 (@yoogukhyeon) on CodePen.

RPM 패키지 RPM Radhat Package Manager 프로그램을 설치하기 위해서 사용되는 명령어 확장자가 rpm인 파일을 설치할 수 있음 리눅스의 종류별로 패키지 관리 프로그램이 다름 rpm 옵션 (시험에 필요한것들만 정리) -i : 패키지 설치 -v : 설치 과정 확인 -h : 설치 진행 과정을 # 마크로 화면에 출려 -U : 패키지 업그레이드 -e : 패키지 삭제 -qa : 설치된 모든 패키지 확인 -v : 패키지 검사 rpm -qa : 설치된 모든 패키지 확인 패키지 검증 rpm -v 패키지 검사 명령 다음을 확인함 패키지의 임의 변경 여부 파일 크기 심볼릭 링크 장치 파일 변경 등 rpm 추가 옵션 -test : 패키지 설치 시 가능한 문제점 점검 -force : 설치를 강제적으로 진행 ..