티스토리

leeeyez 님의 블로그

검색하기

블로그 홈

leeeyez 님의 블로그

leeeyez.tistory.com/m

leeeyez 님의 블로그 입니다.

구독자: 1

방명록 방문하기

주요 글 목록

프로세스와 스레드 프로그램의 인스턴스화 : 프로그램이 메모리에 올라가면 프로세스가 됨 -> CPU 스케줄러에 따라 CPU가 프로세스 실행 프로세스와 컴파일 과정컴파일러가 컴파일 과정을 통해 컴퓨터가 이해할 수 있는 기계어로 번역하여 실행할 수 있는 파일을 만들게 됨 컴파일 과정 전처리소스 코드의 주석을 제거하고 #include 등 헤더 파일을 병합 -> 메크로 치환컴파일러오류 처리, 코드 최적화 작업 -> 어셈블리어로 변환어셈블러목적 코드(object code)로 변환이때 확장자는 운영체제마다 다름링커프로그램 내에 있는 라이브러리 함수 또는 다른 파일들과 목적 코드 결합 -> 실행 파일 만듦실행 파일의 확장자 = .exe or .out 정적 라이브러리와 동적 라이브러리정적라이브러리프로그램 빌드 시 라이브러리가 제공하는 모.. 공감수 2 댓글수 1 2025. 5. 4.
메모리 메모리 계층 레지스터캐시주기억장치보조기억장치역할CPU 안의 작은 메모리L1, L2 캐시RAM을 가리킴HDD, SSD휘발성/비휘발성휘발성휘발성휘발성비휘발성속도가장 빠름빠름보통낮음기억 용량가장 적음적음보통많음 램: 하드디스크로부터 일정량의 데이터를 복사해서 임시 저장 -> 필요 시마다 CPU에 빠르게 전달하는 역할계층 위로 올라갈수록 가격은 비싸짐, 용량은 작아짐, 속도는 빨라짐계층의 이유 : 경제성과 캐시로딩 중 = 하드디스크 또는 인터넷에서 데이터를 읽어 RAM으로 전송하는 과정이 끝나지 않음 캐시: 데이터를 미리 복사해 놓는 임시 저장소이자 빠른 장치-느린 장치에서 속도 차이에 따른 병목 현상을 줄이기 위한 메모리-> 데이터를 접근하는 시간이 오래 걸리는 경우를 해결, 시간 절약메모리와 CPU 사이의 .. 공감수 0 댓글수 0 2025. 5. 2.
운영체제와 컴퓨터 운영체제의 역할과 구조운영제체의 역할CPU 스케줄링과 프로세스 관리메모리 관리디스크 파일 관리I/O 디바이스 관리운영체제의 구조GUI사용자가 전자장치와 상호작용할 수 있도록 하는 사용자 인터페이스의 한 형태 (명령어 X 아이콘)드라이버하드웨어를 제어하기 위한 소프트웨어CUI그래픽이 아닌 명령어로 처리하는 인터페이스 시스템콜: 운영체제가 커널에 접근하기 위한 인터페이스, 유저 프로그램이 운영체제의 서비스를 받기 위해 커널 함수를 호출할 때 씀유저 프로그램이 I/O 요청으로 트랩을 발동하면 올바른 I/O 요청인지 확인한 후 유저 모드가 시스템콜을 통해 커널 모드로 변환I/O 요청인 fs.readFile()이라는 파일 시스템의 파일을 읽는 함수가 발동했을 때유저모드에서 파일을 읽지 X커널 모드로 들어가 파일을.. 공감수 0 댓글수 0 2025. 5. 1.
HTTP HTTP: 전송 계층 위에 있는 애플리케이션 계층으로서 웹 서비스 통신에 사용 HTTP/1.0: 기본적으로 한 연결당 하나의 요청을 처리하도록 설계-> 이는 RTT 증가를 불러오게 됨RTT 증가서버로부터 파일을 가져올 때마다 TCP의 3-웨이 핸드셰이크를 계속해서 열어야 함 => RTT 증가RTT: 패킷이 목적지에 도달하고 나서 다시 출발지로 돌아오기까지 걸리는 시간 = 패킷 왕복 시간 RTT 증가를 해결하기 위한 방법이미지 스플리팅: 많은 이미지를 다운받으면 과부하 -> 많은 이미지가 합쳐 있는 하나의 이미지를 다운로드, 이를 기반으로 background-image의 position을 이용하여 이미지 표기#icons>li>a { background-image: url("icons.png"); wi.. 공감수 1 댓글수 0 2025. 4. 21.
IP 주소 ARP컴퓨터 - 컴퓨터 간의 통신 : IP 주소에서 ARP를 통해 MAC 주소를 찾아 MAC 주소를 기반으로 통신 ARP (Address Resolution Protocol): IP 주소로부터 MAC 주소를 구하는 IP와 MAC 주소의 다리 역할을 하는 프로토콜ARP를 통해 가상 주소인 IP 주소를 실제 주소인 MAC 주소로 변환반대로 RARP를 통해 실제 주소인 MAC 주소를 가상 주소인 IP 주소로 변환하기도 함장치 A가 ARP Request 브로드캐스트를 보내서 IP 주소인 120.70.80.3에 해당하는 MAC 주소 찾음해당 주소에 맞는 장치 B가 ARP Reply 유니캐스트를 통해 MAC 주소를 반환하는 과정을 거쳐 IP 주소에 맞는 MAC 주소를 찾게 됨브로드캐스트: 송신 호스트가 전송한 데이.. 공감수 0 댓글수 0 2025. 4. 20.
네트워크 기기 네크워크 기기의 처리 범위물리 계층을 처리할 수 있는 기기데이터 링크 계층을 처리할 수 있는 기기상위 계층을 처리하는 기기는 하위 계층을 처리할 수 있지만, 그 반대는 불가ex. L7 스위치(애플리케이션 계층 처리 기기)는 그 밑의 모든 계층의 프로토콜 처리 가능그렇지만 AP는 물리 계층밖에 처리하지 못함애플리케이션 계층: L7 스위치인터넷 계층: 라우터, L3 스위치데이터 링크 계층: L2 스위치, 브리지물리 계층: NIC, 리피터, AP 애플리케이션 계층을 처리하는 기기L7 스위치스위치: 여러 장비를 연결하고 데이터 통신 중재하며 목적지가 연결된 포트로만 전기 신호를 보내 데이터 전송하는 통신 네트워크 장비 L7 스위치(= 로드밸런서): 서버의 부하를 분산하는 기기클라이언트로부터 오는 요청들을 뒤쪽의.. 공감수 0 댓글수 0 2025. 4. 18.
TCP/IP 4계층 모델 인터넷 프로토콜 스위트(internet protocol suite): 인터넷에서 컴퓨터들이 서로 정보를 주고받는 데 쓰이는 프로토콜의 집합-> 이를 TCP/IP 4계층 모델로 설명하거나 OSI 7계층 모델로 설명 계층 구조TCP/IP 계층과 비교한 OSI 계층애플리케이션 계층 : 세 개로 쪼갬링크 계층 : 데이터 링크 계층, 물리 계층으로 나눠서 표현인터넷 계층 : 네트워크 계층이라고 부름 이 계층들은 특정 계층이 변경되었을 때 다른 계층이 영향을 받지 않도록 설계ex. 전송 계층에서 TCP를 UCP로 변경 => 인터넷 웹 브라우저를 다시 설치해야하는 것은 아님 각 계층을 대표하는 스택 애플리케이션 계층: FTP, HTTPS, SSH, SMTP, DNS 등 응용 프로그램이 사용되는 프로토콜 계층웹 서.. 공감수 0 댓글수 0 2025. 4. 5.
네트워크의 기초 네트워크 : 노드(node)와 링크(link)가 서로 연결되어 있으며 리소스를 공유하는 집합노드 : 서버, 라우터, 스위치 등의 네트워크 장치링크 : 유선 또는 무선 처리량과 지연 시간좋은 네트워크 = 많은 처리량을 처리할 수 있으며, 지연 시간이 짧고 장애 빈도가 적고 좋으 보안을 갖춘 네트워크처리량: 링크 내에서 성공적으로 전달된 데이터의 양을 말함 = 보통 얼만큼의 트래픽을 처리했는지단위로는 bps(bits per second)를 씀 : 초당 전송 또는 수신되는 비트 수라는 의미트래픽: 특정 시점에 링크 내에 '흐르는' 데이터의 양ex. 서버에 저장된 파일을 클라이언트가 다운로드할 때 발생되는 데이터의 누적량트래픽이 많아졌다 = 흐르는 데이터가 많아졌다처리량이 많아졌다 = 처리되는 트래픽이 많아졌다.. 공감수 1 댓글수 0 2025. 4. 3.
프로그래밍 패러다임 프로그래밍 패러다임 : 프로그래머에게 프로그래밍의 관점을 갖게 해주는 역할의 개발 방법론객체지향 프로그래밍: 프로그래머들이 프로그램을 상호 작용하는 객체들의 집합으로 보게 함함수형 프로그래밍: 상태 값을 지니지 않는 함수 값들의 연속으로 생각크게 선언형, 명령형으로 나눔 선언형과 함수형 프로그래밍: '무엇을' 풀어내는가에 집중하는 패러다임, "프로그램은 함수로 이루어진 것이다."라는 명제가 담긴 패러다임함수형 프로그래밍이 선언형 패러다임의 일종const list = [1,2,3,4,5,11,12]const ret = list.reduce((max, num) => num > max ? num : max, 0)console.log(ret) // 12자연수로 이루어진 배열에서 최댓값을 찾는 로직reduece(.. 공감수 0 댓글수 0 2025. 4. 3.
디자인 패턴 디자인 패턴프로그램을 설계할 때 발생했던 문제점들 -> 객체 간의 상호관계 등을 이용하여 해결할 수 있도록 하나의 '규약' 형태로 만들어놓은것 싱글톤 패턴: 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴보통 db 연결 모듈에 많이 사용하나의 인스턴스를 다른 모듈이 공유하며 사용인스턴스 생성 비용 ↓의존성 ↑ 자바스크립트의 싱글톤 패턴리터럴 {} 또는 new Object로 객체 생성 => 다른 어떤 객체와도 같지 않은 고유한 객체-> 이 자체만으로도 싱글톤 패턴 구현 가능class Singleton { constructor() { if (!Singleton.instance) { Singleton.instance = this } return Sing.. 공감수 0 댓글수 0 2025. 4. 3.
사용자 정보 관리/소셜로그인 Authentication 인증 : 사용자가 누구인지 파악 (서버가 리퀘스트를 보낸 유저가 누구인지 파악)인증을 하기 위해서 서버에 먼저 유저에 대한 정보가 저장되어 있어야 한다id와 pw를 통해 인증 → 요즘은 id 대신 고유한 email을 사용, pw는 암호화이메일, 비밀번호를 통해 회원가입 후 서버에 유저가 저장되고 고유 유저 아이디가 부여됨Authorization 인가 : 리퀘스트마다 권한을 부여 쿠키 인증서버의 response나 클라이언트 코드에 따라 브라우저에 저장되는 작은 단위의 문자열 파일들유저가 유효한 이메일과 비밀번호로 로그인 리퀘스트를 서버에 보낸다서버가 이를 확인하고 인증서를 만든다서버는 이 인증서를 response의 Set-Cookie 헤더를 통해 클라이언트에 저장할 쿠키 형태로.. 공감수 1 댓글수 0 2025. 3. 26.
zustand, recoil, jotai https://npmtrends.com/jotai-vs-recoil-vs-redux-vs-zustand 최근 2년간의 npm 트렌드를 보면redux가 확실히 가장 많이 사용되고, 그 다음이 zustand, jotai, recoil 순인 것 같다.리덕스는 13년 전에 만들어졌기 때문에 이미 사용량이 많이 축적되어있고 레퍼런스가 많으니 당연한 결과이고(기존의 있는 것들을 바꾸기 어려운 상황 등등), 그 다음으로 zustand가 많이 사용되고 있는 것은 리덕스로 이미 flux 패턴에 익숙해진 사람들이 사용하기 편리했기 때문이라는 생각이 든다. 최근 사용 추이가 가파르게 상승하고 있는 점도 눈에 들어온다.리덕스가 압도적으로 많은 사용량을 갖고 있지만 최근 신사업이나 새로 시작하는 프로젝트에서는 많이 쓰고 있지 .. 공감수 0 댓글수 0 2024. 7. 30.
S3 배포를 통해 알아보는 React 배포 과정 우리가 작성한 소스코드를 다른 사람이 알아볼 수 있는 형태로 만드는 걸 '배포'한다고 한다.보통 웹 프로젝트는 웹 서버에 배포한다. 예를 들어 구글에 접속하면 브라우저가 웹페이지를 띄우기 위해 필요한 데이터들을 다운받게 되는데, 이때 데이터를 보내주는 역할을 하는 것이 웹 서버이다. 웹 서버가 보내주는 데이터들은 html, js, css 같은 코드들도 있고 video, img 같은 파일들도 존재한다. 이런 데이터들을 다운받고, 브라우저가 잘 해석하기 때문에 웹페이지가 잘 나타나는 것.jsx(ES6)로 작성한 코드들은 웹브라우저가 바로 해석할 수 없는 형태이기 때문에, 순수한 js(ES5) 코드로 변환한 뒤 웹 서버를 통해 제공되어야 한다.이렇게 웹 서버가 사용하기 좋은 형태로 변환하는 과정을 프론트에서는.. 공감수 1 댓글수 0 2024. 7. 29.
React Query (1) 다양한 데이터들을 관리하기 위해서 React Context를 통해 전역 데이터 관리를 할 수 있다.Prop Drilling과 같은 문제점은 해결할 수 있지만, 데이터의 변화 흐름을 알기 어렵다는 단점은 여전히 존재한다.따라서 이를 해결하기 위해 Redux, Recoil과 같은 다양한 상태 관리 라이브러리들이 등장했는데, Redux와 Recoil 같은 경우 클라이언트 상태 관리에 초점이 맞춰져 있어 서버 상태를 관리하기엔 잘 맞지 않는 부분이 있다.따라서 이를 해결하기 위해 서버 상태 데이터만을 집중적으로 관리하는 리액트 쿼리가 등장했다. 클라이언트 상태 데이터웹사이트의 어떤 메뉴가 열렸는지 닫혔는지, 혹은 사용자가 어떤 버튼을 눌렀는지 아닌지와 같은 UI 상태 값이나, 유저가 입력 폼에 입력한 데이터 등.. 공감수 0 댓글수 0 2024. 7. 29.
Context API와 상태관리 역사 다국어 기능 (한국어,영어 선택 시 화면 언어 바뀌게) 개발로 알아보는 react context api공통 조상인 app 컴포넌트에서 state를 내려주면 됨, 하지만 button 컴포넌트를 생성하고 여기에 props를 내려주려면 너무 많은 컴포넌트들을 거쳐야한다는 단점이 있음보통 최상위 부모 컴포넌트에서 관리하는 상태 데이터들을 전역 데이터라고 정의할 수 있는데, 이런 전역 데이터를 props로 하위 컴포넌트로 내려주는게 드릴로 땅을 파는 것 같다고 해서 이러한 문제점을 Prop Drilling이라고 한다Prop Drilling : 드릴로 땅을 파듯이 상위 컴포넌트에서 하위 컴포넌트로 반복해서 prop을 내려주는 상황해결하기 위해 react context 사용= 맥락(context)= 상황에 대한 정보.. 공감수 1 댓글수 0 2024. 7. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.