CS

HTTPS 를 알아보기 전 HTTP 를 간단하게 알아보자.HTTP는 Hypertext Transfer Protocol 이라고 클라이언트와 서버 간 통신을 위한 통신 프로토콜(규칙)이다.사용자가 웹 사이트를 방문하면 사용자의 브라우저가 HTTP 요청을 전송하고 웹 서버는

데이터를 안전하게 전달하기 위해 암호화, 복호화 개념이 적용된다.a라는 데이터를 전달하는데 그냥 전달하면 중간에 슬쩍 보면 a가 보이니까 우리는 이 a를 "ㅓ2304ㅜ23ㅐㅓㅜ3" 와 같은 암호문으로 바꿔서 보낼 수 있는데 이것이 암호화이다.a 데이터를 받는 이는 당연

💻 컴퓨터와 CPU 📌 컴퓨터는 어떤 요소로 이루어져 있나요? 라는 질문에 저는 단순한 컴퓨터의 부품, 요소 보다는 컴퓨터가 작동하는 시스템은 어떤 요소일지 정리해보았습니다. 여담으로 우리에게 익숙한 Computer. Compute 를 해주는 녀석일텐데 Com

프로세스는 실행 중인 프로그램의 인스턴스로, 여러 메모리 영역으로 구성되어 있습니다. 이 영역들은 프로세스가 효율적으로 실행되도록 각기 다른 역할을 수행합니다.메모리의 주소가 더 lower한 아래부터 정리하겠습니다.코드 영역 (Code(or Text) Segment)프

PCB(Process Control Block)는 운영 체제가 프로세스를 효율적으로 관리하기 위해 사용하는 핵심 데이터 구조입니다. 각 프로세스마다 고유한 PCB가 있으며, 프로세스의 전반적인 정보를 담고 있습니다.PCB는 다음과 같은 중요한 정보들을 포함합니다:프로세

공유 자원이란 시스템 내에서 여러 프로세스 또는 스레드에 의해 접근되고 사용될 수 있는 자원을 의미합니다. 이러한 자원은 효율적인 자원 사용과 작업 처리를 가능하게 하지만, 동시에 복잡한 동기화 문제를 야기할 수 있습니다.공유 자원에는 다음과 같은 것들이 포함됩니다:하

CORS는 Cross-Origin Resource Sharing 교차 출처 자원 공유 라고 하는데 이를 이해하기 위해서 먼저 origin 이라는 것과 SOP 라는 것을 알아보자.우리가 어떤 사이트에 접속하고자 할 때 우리는 URL이라는 문자열을 통해 접근한다.이 때 이

CDN을 이해하기 전에 먼저 'Delivery(전송)'가 뭘 의미하는지 살펴보자.웹페이지, 이미지, 동영상 등 다양한 콘텐츠를 서버에서 사용자에게 전송하는 행위"인터넷으로 이미 서버와 클라이언트가 연결되어 있는데 왜 굳이 전송 기술이 필요할까?"하는 의문이 들 수 있지

사실 내가 코딩을 시작할 때는 이미 TS 사용이 필수적인 분위기라,필요에 의해 타입스크립트를 쓴 게 아니라"왜 타입스크립트를 써야 하지?"에 대해 깊이 고민해보진 않았다. 그런데 문득 "만약 타입스크립트를 못 쓴다면?"이라는 가정을 해보니몇 가지 불편한 점이 쉽게 떠

데이터 타입에 5가지 질문들에 대해 답하기 위해 공부해보고 답해보려 한다.데이터 타입의 종류는 어떤 것들이 있나요?심벌 타입은 뭐죠?데이터 타입은 왜 필요할까요? 정적 타이핑이 뭔가요?동적 타이핑이 뭔가요?데이터 타입이란 데이터의 종류를 의미한다.프로그래밍 언어에서 변

프로그래밍 언어는 변수를 사용할 때 그 타입을 언제, 누가 결정하는지에 따라크게 정적 타이핑 언어와 동적 타이핑 언어로 나뉜다.각 방식은 코드 작성 스타일, 실행 방식, 디버깅 전략까지 다르게 만든다.정적 타이핑은 변수의 타입을 코드 작성 시점(컴파일 타임)에 명시적으

자바스크립트에서의 배열은 우리가 알고 있는 자료구조의 배열과 다르다는 말을 들었다.우선 자료구조 관점에서의 배열을 알아보자.배열(array)은 같은 자료형의 값들을 메모리상에 연속적으로 저장하는 정적 자료구조다.같은 자료형: C, Java 등에서 배열은 동일한 타입(i

자바스크립트 배열에는 진짜 많고 다양한 메서드들이 있다. 그러나 크게 두가지로 나눌 수 있다.이건 말 그대로 배열 자체를 바꿔버리는 메서드들이다.이건 원본은 안 건드리고, 새 배열이나 결과를 반환해주는 애들이야.

고차 함수란 함수를 매개변수(인자)로 받거나, 함수를 리턴하는 함수이다.수학에서 1차함수는 y = 2x+1 이런게 1차함수였는데 일반적으로 값을 받아서 처리하는 함수가 1차 2차 등 n차 함수이다.하지만 이보다 더 한차원 위인, 함수를 값으로 받아서 처리하는 함수인

생성자 함수란, 새로운 객체(인스턴스)를 생성하고 초기화하기 위해 사용하는 특별한 함수를 말한다.일반 함수처럼 생겼지만, new 키워드를 붙여 호출하면 동작 방식이 달라진다.보통 함수 이름은 대문자로 시작한다.내부에서 this를 사용해 새로 생성되는 객체에 속성과 메서

오늘은 Map, Set 그리고 Lookup Table에 대해 공부해보겠다.우선 Map 부터.처음엔 객체를 순회하며 함수를 돌리는 .map() 함수인 줄 알았다.물론 map() 함수도 있지만 set, Lookup Table 과는 어울리지 않는 map이었다.그럼 map이

자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다.표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말한다.자바스크립트 실행환경(브라우저 또는 Node.js 환경) 과 관계없이 언제나 사용할 수 있다.호스트 객체는 ESMAScript 사양에

클로저란, 우선 자바스크립트에서만의 용어가 아니다.클로저란 함수를 '일급 객체'로 취급하는 함수형 프로그래밍 언어(얼랭(Erlnag), 스칼라(Scala), 하스켈(Haskell), 리스프(Lisp)…)에서 사용되는 중요한 특성이다.클로저는 반환된 내부함수가 자신이 선

68spread 문법이 뭔가요?69어떤 상황에서 사용할 수 있죠?전개 구문이라고도 부르는 스프레드 문법(Spread Syntax)은 ECMAScript6(2015)에서 새로 추가된 문법으로 이터러블(iterable)한 객체(예: 배열, 문자열 등)나 객체(object)

84호출 스케쥴링이 무엇인가요?85타이머 함수에는 어떤 것들이 있나요?86이벤트가 과도하게 호출되어 성능에 문제를 일으킬 경우에 할 수 있는 어떤 일을 통해 해결할 수 있나요?87디바운스에 대해서 알고 있나요?88\_쓰로틀에 대해서 알고 있나요?JavaScript에서

브라우저 이벤트 중 scroll, resize, input, mousemove 등은 초당 수십~수백 회 발생할 수 있다.이 때 콜백 함수가 너무 자주 실행되면 렌더링 지연, CPU 과부하 등 성능 저하가 발생할 수 있다.연속된 이벤트 중, 마지막 이벤트 발생 후 일정

자바 스크립트는 싱글 스레드 언어이다. 그렇기에 한 번에 하나의 동작만 실행 가능하다.그러나 한 번에 하나의 동작만 가능해선 우리가 원하는 동작들을 구현하기에는 몹시 부족하다.그렇기에 한번에 하나의 동작밖에 처리할 수 없는 JS를 위해 등장한 매커니즘이 바로 이벤트 루

https://www.acmicpc.net/problem/14889visited 배열을 사용해서 어떤 사람이 스타트 팀에 들어갔는지 표시.DFS를 통해 스타트 팀의 구성원을 n/2명 뽑음.다 뽑았으면 나머지 인원은 자동으로 링크 팀이 됨.두 팀의 시너지 합을

예외 처리 우리는 프로그래밍을 하며 크고 작은 에러들을 만난다. 에러들을 만나면 슥 긁어서 구글링을 하며 해결을 하곤 하지만, 해결을 하는 것만큼 중요한 건 처음 코드를 구현할 때부터 에러가 날 상황을 예측하며 미리 설계해두는 것이다. 이를 프로그래밍에서는 '예외

개발하는 애플리케이션의 크기가 커지면 언젠간 파일을 여러 개로 분리해야 하는 시점이 옵니다.이때 분리된 파일 각각을 '모듈(module)'이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다.모듈은 단지

가비지 컬렉션에 대해 검색하면 자바스크립트가 아닌 자바(Java)의 가비지 컬렉션에 대한 정보가 많이 보인다.왜 검색하면 전부 자바(Garbage Collection in Java) 이야기일까?가비지 컬렉션(GC)은 언어 자체의 기능이라기보다는, 런타임 환경에서 작동하

우리 프론트엔드 개발자들에게 어쩌면 JS보다 더 친숙하게 느껴지는 React.매일같이 마주하지만, 막상 "왜 React인가?"라는 질문에는 막연한 대답만 떠오를지도 모른다. 이번 글에서는 익숙한 React에 대해 잠시 멈춰 서서, 처음으로 돌아가 궁금증을 던져보려 한

props와 state의 차이Props가 컴포넌트간에 전달받는 것이라고 했는데 자식에서 부모로도 전달할 수 있는가 React에서 state의 불변성을 유지하라는 말이 있는데 이에 대해 설명해달라 리듀서 내부에서 불변성을 지키는 이유는? 전개 연산자의 단점을 해결할 수

React를 공부하다 보면 자주 듣게 되는 말이 있다.바로 "setState는 비동기다!" 그런데 정말 그럴까?이 질문에 제대로 답하기 위해서는 setState의 동작 원리를 정확히 이해할 필요가 있다.아래에서 하나하나 살펴보자.setState는 React에서 컴포넌

오늘은 useReducer와 useRef, 그리고 커스텀 Hooks 에 대해 알아보겠다.그전에 Hooks 라고 하는 것은 무엇일까Hook은 React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없

154_SSR이 뭔가요?🔥 155_SEO가 뭔가요?🔥 156_TTV, TTI 157_서버사이드 렌더링을 지원하기 위한 리액트 API를 알고 있나요 ? 158_하이드레이션에 대해 알고 있나요 🔥 질문에 대해 답하기 위해 공부해보겠습니다. SSR 이 뭘까요? 최

사전 렌더링이란, Next.js를 대표하는 기능 중 하나로, 브라우저의 요청에 대해 사전에 렌더링이 완료된 HTML을 응답하는 렌더링 방식을 말합니다.즉, 사용자가 웹 페이지에 접근할 때 이미 HTML이 만들어져 있기 때문에빠른 로딩 속도와 SEO(Search Engi

웹 애플리케이션을 개발하다 보면 데이터 로딩 속도로 인해 사용자 경험이 저하되는 문제에 직면하게 됩니다. 특히 대용량 데이터를 다루는 경우에는 로딩 속도가 더욱 중요한 요소로 작용하죠. 이런 상황에서 React Suspense를 활용하면 데이터 로딩 상태를 보다 세련되

REST API에 대해 설명해보세요. '어.. POST,GET,Delete로.. 통신하는...'