웹에서 데이터를 저장 및 관리하는 기술에는 쿠키, 세션, 토큰, 캐시, 로컬 스토리지, 세션 스토리지 등이 있다.위 6가지는 가장 기본적이고 중요한 기술이기 때문에 반드시 알아둬야 한다.하나씩 자세히 정리해보자!세션 (Session)서버에서 사용자의 상태나 데이터를 저장하는 방식.클라이언트와 서버 간의 "상태를 유지하기 위해" 사용되고, 주로 로그인 정보 같은 민감한 데이터를 관리하는데 사용한다.작동 원리: 사용자가 웹사이트에 접속하면 서버는 고유한 세션 ID를 생성하고, 이 세션 ID를 쿠키나 URL을 통해 클라이언트에게 전달한다. 서버는 이 세션 ID를 통해 사용자의 상태나 데이터를 저장하고 관리한다. 클라이언트가 서버에 요청하면 세션 ID를 통해 사용자 정보를 확인한다. 세션 ID로 저장된 사용자의..

SeSAC 수업 당시, 3차 팀플을 진행하면서 Vercel 배포 이후에 내가 제작한 위젯이 제대로 렌더링되지 않아서 '프록시 서버'를 처음 사용했었다. 이름은 익히 들어 알고 있었지만 왜 사용해야 하는지, 어떤 원리로 작동하는지도 모르고 리더님이 알려준대로 코드를 작성했었다. 작동 원리를 이해하는건 아직도 약간 어렵지만, '프록시 서버'의 정의와 사용하는 이유는 지금이라도 알아야겠다 싶어서 공부한 내용을 블로그에 정리해본다!✍ 프록시 서버(Proxy Server)의 정의클라이언트와 서버 사이에서 중계 역할을 하는 서버이다. 클라이언트가 요청을 보내면, 이 요청이 먼저 프록시 서버로 전달되고, 프록시 서버가 이를 실제 서버로 전달한다. 실제 서버에서 받은 응답도 프록시 서버를 통해 클라이언트로 전달된다. ..

Next.js 공부하기 전에 기본적인 개념정리가 필요할 것 같아서 기록하는 글.아래에 언급될 기초적인 내용들에 대해서 예전에 블로그에 정리해둔게 있어서 링크도 첨부한다!🙂※ 서버와 클라이언트 - https://hjinn0813.tistory.com/17※ DOM - https://hjinn0813.tistory.com/25#DOM-1기본적인 브라우저 렌더링 원리 (CRP 프로세스)브라우저는 렌더링엔진을 사용해서 화면에 나타나는 요소를 렌더링한다.브라우저가 화면을 렌더링하는 과정을 'CRP 프로세스'라고 하며, 순서는 아래와 같다.HTML 다운로드, 파싱, DOM트리 구축CSS 파싱, CSSOM트리 구축Javascript 발견 및 실행하느라 HTML 파싱 일시 중단→ 만약 script 태그에 defer나..

기본적인 개념 정리가 필요할 것 같아서 기록하는 글.netlify와 vercel을 비교하려고 구글링하다가 CI/CD를 알게 되었는데, 상반기에 정보처리기사 필기시험 준비하면서 책에서 얼핏 본 기억이 나서 오랜만에 책을 펼쳐봤다. 결론부터 말하자면 '빌드 자동화 도구'를 설명하는 파트에서 잠깐 스치듯 지나간 단어였다.😂소프트웨어 패키징모듈별로 생성한 실행 파일들을 묶어 배포용 설치 파일을 만드는 것.소스 코드는 관리를 위해 기능별로 모듈화하여 패키징하고, 사용자 중심으로 진행한다.소프트웨어 패키징 순서기능 식별 : 코드의 기능 확인모듈화 : 확인된 기능 단위로 코드 분류 및 모듈화 진행빌드 : 모듈 단위로 실행 파일을 제작하는 것또는 소스코드 파일을 컴퓨터가 실행 가능한 소프트웨어로 변환하는 과정(코드 ..

개발자가 되고 싶습니다저자앨런출판길벗출판일2023.04.26며칠 전에 서점에서 이 책을 보고 제목이 눈길을 끌어서 잠깐 읽어봤는데,내용이 전체적으로 내가 궁금해하는 것들을 담고 있어서 어제 도서관에 가서 정독하고 왔다.기억하고 싶은 부분들을 핸드폰에 적어왔는데, 그 중에서 몇 가지만 블로그에 기록해본다.개발 공부의 속성1. 개발 공부에 적합한 방법으로 접근하기개발은 코드로 결과물을 만들어내는 것이므로 과감하게 무작정 만들어보자.2. 모든걸 알아야한다고 집착하지 않기모든 이론적인걸 알아야한다고 생각하지 말자. 구글 검색으로 코드 복붙할 수 있다. 개발자의 역할은 모든걸 처음부터 창조해내는 사람이 아니다. 문제해결의 관점에서 문제를 어떻게 해결할지 고민하고, 그에 맞는 해결책을 제시하는 사람이다.3. 처음부..

프로그래밍 언어에 대해서 여러 군데(아래 링크들)에 기록해놔서, 내가 찾아보기 편하려고 한 곳에 정리함!🙂- 파이썬 클래스 https://hjinn0813.tistory.com/81- 독서기록 https://hjinn0813.tistory.com/69프로그래밍 언어의 유형별 분류1. 개발 편의성 측면에 따른 분류저급언어Low-level Language 컴퓨터가 직접 이해할 수 있는 언어.실행 속도가 빠르지만, 기계마다 기계어가 달라 호환성이 없고 유지관리가 어렵다.고급언어High-level Language 인간이 이해할 수 있는 소스코드로 되어있는 언어.실행을 위해 저급언어로 번역하는 과정이 필요하다.2. 빌드 방식에 따른 분류인터프리터 언어Interpreter Language 코드를 한 줄씩 읽고 해..

IT 5분 잡학사전저자배지현, 니꼴라스출판이지스퍼블리싱출판일2022.09.30친구 추천으로 얼마 전에 도서관에서 읽은 이 책에서 기억하고 싶은 내용들을 정리해봤다.책 내용이 담겨있어서 이 글만 개별적으로 검색비허용 하고 싶은데.. 티스토리는 그게 안 되네..?😅스택오버플로우에서 조사한 2023년 가장 많이 사용하는 프로그래밍 언어 순위→ 1위 JavaScript, 2위 HTML/CSS, 3위 Python, 4위 SQL, 5위 TypeScript스택오버플로우에서 조사한 2023년 가장 많이 사용하는 기술 → 1위 Node.js, 2위 React, 3위 jQuery프로그래밍 언어의 종류※ 참고: https://modulabs.co.kr/blog/interpreter-and-compiler/ 인터프리터 언어..

4과목 - 페이지 교체 알고리즘의 종류FIFO - First In First Out페이지가 주기억장치에 적재될 때마다 가장 먼저 들어온걸 교체하는 기법LRU - Least Recently Used최근에 가장 오랫동안 사용하지 않은 페이지를 교체하는 기법FIFO는 가장 먼저 들어온걸 바꿔주는 기법이기 때문에, 프레임이 3인 그래프를 그려서 하나씩 넣어보면서 계산하면 된다. 문제 풀면서 그려봤는데 계산 잘못해서 오답에 체크했지만 정답은 아래처럼 나오게 된다.처음 숫자가 들어간 부분은 빨간색, 아래 체크가 부재가 일어난 때를 의미한다.그래서 정답은 총 14번.

경로 제어 프로토콜 - IGP 내부 게이트웨이 프로토콜 중에서벨만포드 알고리즘 (at RIP - routing information protocol)- A라는 정점에서 다른 모든 정점까지의 최단 경로 탐색 - 간선(거리)의 가중치가 마이너스라도 최단 거리 구할 수 있음. - 매 단계마다 모든 간선(거리) 전부 확인하면서 최단거리를 구함 - 홉(네트워크)의 개수를 15개로 제한하기 때문에 거리가 짧음 다익스트라 알고리즘 (at OSFP - open shortest path first protocol)- A라는 정점에서 B라는 정점까지의 최단 경로 탐색 - 간선이 마이너스면 계산 불가능 - 홉의 개수 제한이 없다함수적 종속 (부분적, 이행적, 완전)https://dodo000.tistory.com/20 결정..