Part 1 개요 프론트엔드 구성요소 HTML HyperText Markup Language. 웹 페이지의 전체적인 구조(리스트, 버튼, 텍스트 등)를 만드는 언어이다. CSS Cascading Style Sheets. HTML에서 정의된 요소들의 스타일(폰트, 모양, 위치 등)을 지정하는 언어이다. JS JavaScript. HTML+CSS에서 정의된...

Modules 필요한 함수들의 집합. Core modules http, url, querystring, path, fs, util 등 기본적으로 Node.js에서 제공되는 모듈들. Local modules 필요에 따라 직접 생성하는 모듈. 이런 식으로 모듈을 생성할 수 있고, 다른 파일에서 위 객체를 불러오고 싶을 때 처럼 불러올 수 있다. 모듈의...

Programming Language 컴퓨터와 소통하기 위한 명령어의 집합으로 이루어진 컴퓨터 언어. 대부분의 프로그래밍 언어는 컴파일 과정을 거침. 컴파일 시 실행파일이 생기고 바로 실행 가능. 컴파일 과정 때문에 시간이 조금 걸림. 소스 코드 전체를 기계어로 변환 후 실행 파일을 생성하는 방식. 컴파일 시 오류를 미리 확인할 수 있어서 실행 시 발생할 ...

Web Server 클라이언트로부터 HTTP 요청을 받아 정적인 컨텐츠(HTML, CSS, JPEG)를 제공한다. 동적인 컨텐츠를 처리하기보다는 정적인 컨텐츠를 빠르게 전달하는 게 주 목적이다. 클라이언트로부터 동적 컨텐츠를 요청받았다면 요청을 WAS에 보내고, WAS에서 처리한 결과를 받아 클라이언트에게 제공한다. Web Application Serve...

Closure 클로저는 함수가 선언될 때 자신의 주변 환경(Lexical Environment)을 기억하여, 함수 내부에서 자유 변수(free variables)에 접근할 수 있게 해주는 기능. Lexical Environment 스코프와 변수 식별자(identifier)를 관리하는 데 사용되는 내부 데이터 구조. 함수/변수가 선언되는 위치에 따라 Lex...

Promise ES6에서 도입된 비동기 처리에 사용되는 객체. 전통적인 콜백 패턴이 가진 단점(콜백지옥, 오류처리)을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있음. Promise의 4가지 상태 pending: 비동기 처리가 아직 수행되지 않은 상태 (resolve/reject가 아직 호출되지 않은 상태) fulfilled: 비동기 ...

개발 방법론? 소프트웨어 또는 기타 제품의 개발을 관리하기 위한 구조적, 체계적 접근 방식. 팀이 효과적/효율적으로 고품질 소프트웨어를 개발하기 위한 가이드라인, 사례 및 프로세스를 제공함. 시작부터 배포까지 개발 싸이클을 구성/계획/실행하는 데에 사용됨. 고유의 규칙, 사례, 특성 등을 가진 다양한 방법론이 존재함. 주요 소프트웨어 개발 방법론 Wat...

Injection Attacks 공격자가 취약 애플리케이션에 악성 코드를 작성하고 애플리케이션이 이를 실행했을 때 발생함. 종류 SQL injection NoSQL injection Command injection 문제 req로 받은 id가 SQL 쿼리에 바로 사용이 되는데 이 때 id값으로 1 혹은 1=1 등을 주게 된다면 users 테이블의 모든 ...

동기 vs. 비동기 동기적 코드 실행 방식 특징 작업이 순차적으로 진행됨 코드가 한 줄 실행되고 그 다음 줄이 실행되는 순서를 기준으로 작업이 처리됨. 현재 작업이 끝나야 다음 작업이 실행됨 예) 주문을 하면 음료를 받을 때까지 기다리는 방식 (뒷사람들 기다림) 장

API Application Programming Interface 소프트웨어 애플리케이션 간에 서로 소통하기 위한 규약/인터페이스. 소프트웨어 구성 요소 간의 상호작용을 도와주는 도구. API를 통해 한 애플리케이션이 다른 애플리케이션의 기능과 데이터를 활용할 수 있음. REST REpresentational State Transfer 웹...

데이터베이스 체계화된 데이터의 모임. 효율적인 데이터 저장/검색/수정/삭제 등을 지원하며 동시에 여러 사용자가 접근할 수 있음. 데이터베이스 시스템 DB를 관리/조작하는 데 사용되는 소프트웨어. 데이터의 구조화/저장/검색/수정/삭제 등을 효율적으로 수행할 수 있도록 지원함. 주요 구성 요소 데이터베이스 관리 시스템(DBMS) DB를 관리하는 소프트...

프로그램 컴퓨터에서 실행 가능한 명령어의 집합. 프로세스 컴퓨터에서 실행 중인 프로그램의 인스턴스. 단일 스레드 프로세스 - 실행 흐름이 하나 뿐인 프로세스 멀티 스레드 프로세스 - 실행 흐름이 여러 개인 프로세스 프로세스로만 작업 처리 시 문제점: 프로세스 생성 시 오버헤드 발생 문맥 교환 시 오버헤드가 큼 프로세스 간 통신이 어려움 스레드 프로...

그래프 정점(V)과 간선(E)의 집합으로 이루어진 비선형 자료구조이다. 정점은 노드라고도 불리고, 간선은 노드들을 연결시켜주는 선이다. 그래프의 표현식: G(E,V). 노드: 데이터를 담고 있는 객체(?) 예시) 페이스북 페북에는 사용자, 사진, 영상, 그룹, 페이지, 댓글 등 많은 요소가 있고, 각각의 요소는 데이터를 담고 있는 노드이다. 사용자가 ...

프로세스 생명 주기 프로세스 상태 생성 (New) 보조기억장치에 데이터 덩어리로 저장되어있던 프로그램이 주기억장치에 올라왔지만 아직 실행은 불가능한 상태. 생성 상태에서 갈 수 있는 상태: 준비 상태 준비 (Ready) 생성된 프로세스가 실행될 수 있도록 변수 초기화 등 기초 세팅을 통해 프로세스를 준비시키는 상태. 준비 상태가 될 수 있는 상태: 생성...

문제 현재 진행 중인 프로젝트에서 데이터베이스의 stores라는 테이블에 새로운 컬럼을 추가해야 하는 일이 생겼다. pgadmin4에서 쿼리문으로 'ALTER TABLE stores ADD COLUMN coordinates geometry(Point, 4326) default NULL' 이런 식으로 컬럼을 생성했다. 그런 다음에 stores 테이블에 기존...

최적화 문제를 해결하기 위한 알고리즘 설계 기법 문제를 여러 하위 문제로 나누어 해결하고, 중복되는 하위 문제들을 한 번만 계산하여 중복 계산을 피하는 방법을 사용한다. 큰 규모의 문제를 해결할 때 용이 핵심 아이디어 작은 크기의 하위 문제들을 해결한 결과를 저장해두었다가, 이를 이용하여 더 큰 크기의 문제들을 해결하는 것. 하위 문제들을 푸는 과정에서...

설치 테스트 한번 작성해보자 온라인 쇼핑몰의 백엔드에서 동작하는 한 API의 성능을 테스트 한다고 가정해보자. 보통 온라인 쇼핑몰은 블랙프라이데이나 사이버먼데이와 같은 행사기간에 트래픽이 급증하는 현상이 발생한다. 백엔드가 위와 같은 대용량 트래픽을 무리 없이 처리할 수 있는지 확인할 수 있는 매우 좋은 방법은 사용자들이 실제로 어떤 행동을 할지 시뮬...

Artillery 성능 테스트 툴킷. 성능 테스트? Artillery는 두 가지 성능 테스트를 수행할 수 있다. 부하 테스트(시스템에 부하를 가하는 테스트) 로드(부하) 테스트: 예상되는 사용 패턴과 부하 조건을 기반으로 시스템이 얼마나 잘 작동하는지 테스트. 응답시간, 처리량, 자원사용량 등 측정, 시스템의 성능 한계/저하 발생 지점 식...

지난 4주 동안 TIL, WIL을 작성하지 않았다. 오늘부터라도 다시 시작해보려 한다.. 4주 전부터 WIL 회고의 주제는 '협업을 하며 느낀 점 (스스로 아쉬웠던 점 / 보완하고 싶은 점)'이다. 그 동안 꾸준히 기록을 해왔던 것이 아니라 잊은 점도 있겠지만 최대한 기억나는대로 써보려 한다. 협업을 하며 느낀 점 이런 프로젝트가 처음이어서 역할 분...

CPU 구성 ALU (Arithmetic Logic Unit): 산술논리 연산장치. 비교, 판단, 연산 담당 CU (Control Unit): 제어부. 명령어의 해석과 올바른 실행을 위해 제어하는 장치. 1) 명령어들이 순서대로 호출되고, 2) 해독하고, 3) 제어 신호를 발생시켜 컴퓨터의 각 장치를 동작하도록 제어하는 장치. 내부 버...