본문 바로가기

Computer Programming/CS

CPU와 메모리 그리고 M1, M2 chip
Computer Programming/CS 2023. 7. 7. CPU와 메모리 그리고 M1, M2 chip 1.컴퓨터의 구조 1) CPU CPU는 컴퓨터의 두뇌로, 메모리에 저장된 명령어를 읽어들이고, 읽어 들인 명령어를 해석해 실행하는 부품이다. CPU를 구성하는 가장 중요한 세 가지는 산술논리연산장치(ALU), 레지스터, 제어장치(CU)이다. -구조 1) ALU : = 계산기. 오직 연산만을 위해 존재하는 부품으로 컴퓨터 내부에서 수행되는 대부분의 계산을 도맡아한다. 2) 레지스터: CPU 내부의 작은 임시 저장장치. 프로그램을 실행하는데 필요한 값들을 임시로 저장한다. CPU 안에는 하나가 아닌 여러개의 레지스터가 존재하고 각각 다른 역할을 한다. 레지스터에는 다음과 같은 종류가 있다. 메모리 주소 레지스터: (MAR) : 읽고 쓰기 위한 주기억장치의 주소 저장 프로그램 카운터 (PC) : 다음에 수행할..
인증/인가 (세션, 토큰, JWT)
Computer Programming/CS 2023. 7. 5. 인증/인가 (세션, 토큰, JWT) 1. 세션 vs 토큰 1) 세션 id를 이용하는 방식 (세션 기반 인증 시스템) 유저가 로그인할 때 서버는 세션을 생성한 후, 그 세션의 id를 클라이언트에 보내준다. 클라이언트는 이 id를 브라우저에 저장해두었다가 인증이 필요한 데이터를 가져올 때 서버에 id값을 같이 보내면 서버는 그 id를 통해 세션 데이터베이스에서 이 세션이 유효한지 확인하는 방식으로 인증한다. 2) JWT를 이용하는 방식 (토큰 기반 인증 시스템) 유저가 로그인할 때 서버가 인증 정보를 보내주는데 (사진 참고), 암호화나 시그니처 추가가 가능한 데이터 패키지 안에 인증 정보를 담아서 보내준다. (세션보다 정보가 많음) 이 패키지가 JWT(JSON Web Token) 이다. 여기서 담기는 정보 중 accessToken과 refre..
'www.google.com'을 브라우저 주소창에 입력하면 일어나는 일 (웹의 동작 방식)
Computer Programming/CS 2023. 7. 3. 'www.google.com'을 브라우저 주소창에 입력하면 일어나는 일 (웹의 동작 방식) 인터넷이 웹페이지를 부르기 위해 어떻게 작동을 하고 주고 받는지 이해하는 것이 필요하다고 생각해서 정리하게 되었다. 내가 열심히 짠 코드를 이 기계친구들이 어떻게 보여주는지 알고있으면 좋겠다는 생각이 들었다. 클라이언트가 서버에 요청을 보내면 서버는 해당 요청에 대해 응답한다. 해당 동작 순서는 이렇다. 1. 사용자가 www.google.com을 브라우저 주소창에 입력한다. - 브라우저는 프로토콜인 "http://"을 감지한다. - 이를 통해 브라우저는 웹 서버에 접속할 것임을 알고, 이에 따라 HTTP요청을 준비한다. 2. 브라우저는 도메인 이름인 'www.google.com'을 IP 주소로 변환하기 위해 DNS 서버에 DNS 조회 요청을 보낸다. - DNS(Domain Name System Serve..
페이지 렌더링 방식 : SSR vs CSR vs SSG [+Next.js]
Computer Programming/CS 2023. 6. 23. 페이지 렌더링 방식 : SSR vs CSR vs SSG [+Next.js] 목차 1. SSR 2. SSG 3. CSR 4. Next.js 5. 렌더링 과정 정리 클라이언트-서버 간의 HTML문서를 요청하고 받는 과정에서, 이 HTML 문서를 클라이언트 사이드에서 렌더링 할 것인지, 아니면 서버 사이드에서 렌더링 할 것인지로 나눌 수 있습니다. 먼저 서버 측에서 렌더링 하는 과정을 알아보겠습니다. 1. SSR (Server-Side Rendering) SSR은 서버에서 페이지를 렌더링하는 방식으로, 서버 측에서 웹 페이지의 내용을 생성하여 클라이언트(브라우저)에 전달하는 웹 개발 방식입니다. SSR를 지원하는 프레임워크나 프로그래밍 언어의 예시로는 Next.js, Angular Universal, Gatsby, Express.js, PHP 등이 있습니다. 1-1. SSR의 장점 ..
자바스크립트의 클로저 동작 방식 (렉시컬환경과 렉시컬 스코프)
Computer Programming/CS 2023. 6. 21. 자바스크립트의 클로저 동작 방식 (렉시컬환경과 렉시컬 스코프) 1. 렉시컬 환경 어떤 함수 A에서 선언한 변수 a를 참조하는 내부 함수 B를 외부로 전달할 경우, A의 실행 컨텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상을 클로저라고 합니다. 클로저는 LE와 연관이 있기 때문에 이를 먼저 간단하게 설명하겠습니다. LE는 Lexical Environment로, 실행할 스코프 범위 안에 있는 변수와 함수를 프로퍼티로 저장하는 객체입니다. 두 가지 구조로 나누어져 있으며 하나는 자신의 지역 변수를 프로퍼티로 저장하고 있는 객체인 '환경레코드(Record)' 이고 하나는 상위의 렉시컬 환경인 외부 렉시컬환경(Outer) 입니다. 'LE' = { Environment Record: { 변수객체: [Object], scopeChain: [Object], }, Oute..
[DB] SQL 과 NoSQL의 차이 (MySQL vs MongoDB)
Computer Programming/CS 2023. 5. 10. [DB] SQL 과 NoSQL의 차이 (MySQL vs MongoDB) DB - SQL 과 NoSQL의 차이 1. SQL : ex. MySQL 정해진 데이터 스키마에 따라 테이블에 저장되며 데이터들은 관계를 통해 여러 테이블에 분산된다. ⇒ 관계형 데이터베이스라고도 하며 RDBMS에서 데이터를 저장, 수정, 삭제 및 검색 할 수 있다. 이는 정형화된 데이터를 저장하기에 용이하기 때문에 조금 더 빠르게 데이터를 가지고 올 수 있다는 장점이 있다. 2. NoSQL: ex. MongoDB ⇒ mysql에서는 데이터를 여러 테이블에 분산시키며 관계를 이루지만, NoSQL은 관련 데이터들을 하나의 컬렉션에 넣는다. 이는 정형화된 스키마가 없기 때문에 비즈니스의 유연성을 담보한다. (스타트업에서 처음 도입하기에 좋다) 예를 들면 스타트업 비즈니스에서 어제까지는 이메일 정보를 받아 저장..

티스토리툴바