TIL
1.[2022.10.06 ] 네트워크(1) - 클라이언트-서버 아키텍처
클라이언트-서버 아키텍처는 리소스를 제공하는 곳인 서버와 리소스를 사용하는 곳인 클라이언트를 분리시킨 것을 의미하며, 2티어 아키텍처라고도 부른다. 여기에 리소스를 저장하는 공간인 데이터베이스를 추가하여 3티어 아키텍처라는 용어를 사용하기도 한다. 클라이언트는 플랫폼에
2.[2022.10.06] 네트워크(2) - 웹 브라우저의 작동 원리
브라우저의 주요 기능은 필요한 리소스를 서버에 요청하고 응답을 받아 렌더링하는 것이다.렌더링 : HTML, CSS, Javascript로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것브라우저가 제공하는 주소창에 URL을 입력하고 엔터키를 누른다.URL의 도메
3.[2022.10.07] 네트워크(3) - HTTP Messages
HTTP Message란, 클라이언트와 서버 사이에서 데이터가 교환되는 방식을 말한다. 요청(requests)과 응답(responses)두 가지 유형이 있다.
4.[2022.10.06] REST API, RMM
REST API REST API는 REST 제약 조건을 준수하는 API를 뜻한다. REST(Representational State Transfer) REST는 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해
5.[2022.10.07] Postman, Open Weather Map 사용법
Postman은 API를 테스트하는 도구 중 하나이다. https://web.postman.co/ 에서 회원가입 하기Workspaces에서 My Workspace 클릭 후 +버튼을 눌러 테스팅 시작HTTP 메서드(GET,POST 등..)를 선택URL과 Enpo
6.[2022.10.11] React 데이터 흐름
리액트는 컴포넌트를 먼저 만들고 페이지를 조립하는 상향식(bottom-up)으로 앱을 만든다.앱의 디자인을 전달받으면, 먼저 컴포넌트 계층 구조로 나누어야 한다. 컴포넌트를 디자인할 때는 하나의 컴포넌트가 하나의 일만 할 수 있도록 나누어야 한다. 컴포넌트를 나누고 나
7.[2022.10.12] Effect Hook, useEffect
함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우, 해당 함수는 Side Effect가 있다고 한다.React에서 Side Effect가 발생하는 경우1\. 네트워크 요청을 하는 경우 (fetch API..)2\. 타이머 사용(setTimeout)3\. Loca
8.[2022.10.16] Express 기초
브라우저에서 http://localhost:3000/ 열기 메서드와 url에 따라 분기점을 만드는 것app : express 클래서의 인스턴스 METHOD : HTTP 요청 메소드PATH : 서버에서의 경로HANDLER : 라우트가 일치할 때 실행되는 함수HT
9.[2022.10.16] Nodemon 사용하기
npm start 명령어를 매번 실행하지 않고 이용할 수 있는 개발도구npm install nodemon으로 설치package.json의 "scripts"에 다음 코드 추가하기
10.[2022.10.20] 재귀 함수
자기 자신을 호출하는 함수를 말한다문제를 비슷한 구조로 작게 나눌 수 있는 경우(마트료시카처럼)중첩된 반복문이 많거나 중첩 횟수를 예측하기 어려운 경우반복문보다 더 간결하게 코드를 작성하고 싶을 때단순한 문제를 base case라고 말하기도 하며, 재귀의 탈출 조건이
11.[2022.10.25] 함수(1) - 함수의 정의
함수는 입력을 받아서 어떤 작업을 실행한 뒤 출력을 내보내는 일종의 기계라고 할 수 있다. 이 함수라는 기계를 만들어두면 필요할 때마다 호출해서 몇 번이고 재사용할 수 있다. 코드를 짤 때 함수를 이용하면 같은 코드를 중복해서 적지 않아도 되고, 또 여러 번 적을 때
12.[2022.10.26] 함수(2) - 함수의 호출
함수를 가리키는 식별자 (인수1, 인수2)의 형태로 함수를 호출 할 수 있다. 함수가 호출된다.함수 몸체 내에서 매개변수가 생성되고 undefined로 초기화된다.매개변수에 인수가 순서대로 할당된다. 인수는 값으로 평가될 수 있는 표현식이어야 한다. 인수가 부족하면
13.[2022.10.27] 프로퍼티 어트리뷰트
자바스크립트 엔진의 내부 로직으로, 이중 대괄호(\[\[ ]])로 감싼 것들을 말한다. 보통은 접근이 불가능하다. 하지만 일부의 내부 슬롯과 메서드들은 간접적으로 접근할 수 있다.예를 들어, \[\[Prototype]] 내부 슬롯의 경우, \_\_proto\_\_로 접
14.[2022.11.21] 브라우저의 렌더링 과정
주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어요청한 콘텐츠를 표시. HTML, CSS 등을 파싱하여 화면에 그려준다.보통 브라우저 엔진과 하나로 본다자바스크립트
15.[2022.11.26] ::before, ::after
선택한 요소 앞에 가상 콘텐츠 삽입선택한 요소 뒤에 가상 콘텐츠 삽입before와 after를 쓸 때 같이 사용하는 익명 대체 요소로, HTML에는 존재하지 않고 CSS에만 존재하는 가짜 요소이다. 따라서 javascript로 제어하기는 어렵다.
16.[2022.12.14] 자료구조(Data Structure)
여러 데이터의 묶음을 저장하고 사용하는 방법을 정의한 것을 말한다. 데이터는 문자, 소리, 숫자, 그림 등 실생활을 구성하고 있는 모든 값으로, 분석하고 정리해서 활용하지 않으면 무의미하다. 데이터를 정리할 때는 데이터의 특징을 잘 파악해서 체계적으로 정리한 후에 저장