sohyeon kim

💡 세션과 토큰에 대해 알아보자.리퀘스트를 보낸 유저를 확인하는 방식 💡 세션 : 서버가 저장하는 사이트 방문자들에 대한 기록세션 DB 필요 (유저가 늘수록 커짐)세션 기반 인증 과정누군가 서버에 첫 리퀘스트를 보내면 서버는 그 방문에 대한 데이터를 세션에 저장(id, ip 주소, 브라우저 종류 등)리스폰스의 Set-Cookie 에 새로 만든 세션의 아이디를 추가클라이언트에게 전달다음에 같은 클라이언트가 리퀘스트를 보내면 항상 쿠키로 세션 아이디가 같이 보내짐➡️ 방문자가 누군지 확인 가능, 세션 아이디가 저장되어있지 않다면 첫 방문자세션 아이디가 확인된 유저가 로그인을 한다면 user_id 도 세션에 저장 (로그인 되어 있지 않은 유저는 null 저장)** 구현에 따라 방문자가 첫 리퀘스트를 보냈을..

💡 웹 성능 개선이란? 속도 개선?사이트에 렌더링 될 여러 파일들의 로드 시간 단축하기로드를 시작하고 사용자에게 안정적으로 서비스 제공하기사이트와 사용자의 상호작용을 즉각적이고 매끄럽게 표현(반응)하기사이트의 실제 로드 시간보다 사용자가 느끼는 체감 시간 줄이기(로딩 화면 준비 등)요약하자면,리소스를 빨리 받는 로딩 성능 & 받은 리소스를 빨리 그리는 렌더링 성능 + 서비스에서 느끼는 사용자 경험 ⏳ 로딩 성능 개선네트워크 개선리다이렉트 방지캐시 적극적으로 사용불러오는 리소스 압축 🎨 렌더링 성능 개선먼저, 브라우저가 그려지는 과정 이해하기 ⬇️ FP First Paint : 최초의 픽셀이 그려진 시점FCP First Contentful Paint : 최초의 컨텐츠가 그려진 시점LCP Largest..

💡 쿠키와 웹 스토리지의 차이점 🍪 쿠키 : 브라우저의 작은 저장소웹사이트 접속 ➡️ 서버가 브라우저로 쿠키 보냄 ➡️ 브라우저는 컴퓨터에 쿠키 저장➡️ 다시 웹사이트에 접속하거나 리퀘스트를 보내면 쿠키를 서버로 자동으로 전송이름과 값으로 관리하는 문자열 데이터브라우저가 서버로 리퀘스트를 보낼 때 자동으로 보내짐쿠키 하나당 용량은 최대 4KB, 브라우저에 따라 다르지만 사이트 하나당 약 20개 정도의 쿠키 허용(자동으로 서버에 보내지다보니 네트워크에 부담을 주지 않으려고(리퀘스트 헤더의 크기가 커지므로) 용량에 제한이 있음)누군가 중간에 쿠키를 탈취할 수도 있어, 민감한 개인 정보나 보안 관련 내용은 저장하지 않도록 주의사이트마다 따로 쿠키를 관리, 네이버에선 구글의 쿠키에 접근할 수 없음 (구글, ..

💡 REST : HTTP 를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처 💡 REST API : REST 를 기반으로 서비스 API 를 구현한 것 💡 HTTP 요청 메서드 : 클라이언트가 서버에게 요청의 종류와 목적(리소스에 대한 행위)을 알리는 방법 🧑🏻‍💻 REST 의 기본 원칙을 성실히 지킨 서비스 디자인을 "RESTful " 하다고 표현한다! 가장 중요한 기본적인 두 원칙을 알아보자. 1. URI 는 리소스를 표현하는 데 집중 리소스를 식별할 수 있는 이름은 동사보단 명사를 사용한다. 따라서 이름에 get 같은 행위에 대한 표현이 들어가면 안된다. # good GET /todos/1 # bad GET /getTodos/1 GET /todos/show/1 2. 행위에 대한 ..

💡 HTTP 상태 코드를 정리해 두자! 1XX - Informational 정보 제공(진행 중) 클라이언트의 요청을 받았으며 작업을 계속 진행하고 있다. HTTP/1.1 클라이언트에게만 보낼 수 있으며 응답은 바디없이 상태 라인, 헤어(생략 가능), 빈 줄로 종료된다. 100 : continue 계속 계속 진행하라. 101 : switching protocols 프로토콜 전환 프로토콜을 전환하라. 102 : processing 처리 중 (WebDAV) 처리 중이다. 서버가 처리하는데 오랜 시간이 예상되어 클라이언트에서 타임 아웃이 발생하지 않도록 이 응답 코드를 보낸다. 2XX - Success 성공 클라이언트가 요청한 동작을 수신하여 이해하였고 승낙하였으며 성공적으로 처리하였다. 200 : OK 성공 ..

🛠️ 라이브러리 : 이미 누군가 만들어 둔 도구를 가져와 사용폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다.프로그램을 만드는 속도를 대폭 높일 수 있다.무언가를 자를 때 '도구'인 '가위'를 '내가' 컨트롤해 사용하는 것과 비슷 (커피머신) 🏭 프레임워크 : 이미 짜여 있는 틀을 가져와 사용폴더명, 파일명 등에 대한 규칙이 있으며 라이브러리에 비해 엄격하다.좀 더 견고한 프로그램을 만드는 데에도 도움이 된다!다른 곳으로 이동할 때 ' 도구'인 '비행기'를 타고 이동하지만,'비행기'가 컨트롤하고 나는 가만히 앉아있어야 하는 것과 비슷 (프렌차이즈 카페) 뼈대가 이미 준비되어 있고, 내가 작성할 공간들(내 자리)만 비워져 있는 것그곳들에 코드를 채워 넣으면 완성되니 이미 반이 완성된 ..

: 포토샵을 사용하면 사진과 작업 기록을 저장하고, 게임을 하면 스피커를 통해 소리가 나오는 게 함 : 애플리케이션을 도와주는 프로그램 간단하게 이런 식으로 작동! 사용자 > 애플리케이션 > 운영체제(도와주는 중) > 하드웨어 (키보드, 마우스, 저장장치, 스피커 등) 💡 운영체제의 종류 컴퓨터 : 윈도우 10, MacOS, Linux 휴대폰 : 안드로이드, iOS 사실 우리가 매일 컴퓨터와 휴대폰을 쓰는 건 매일 운영체제를 쓴다는 것이다! ~ 종류를 용도에 따라 나눈다면 ~ 데스크탑/랩탑, 모바일(스마트워치도 포함), 서버(Ubuntu, Unix, CentOS, Linux, RedHat, BSD : 안전성, 속도, 효율 중요), 임베디드(실시간 운영체제 Real-time operating system ..

: 고수준 프로그래밍 언어를 컴퓨터가 이해할 수 있는 기계어 Machine code로 번역해 줌 : 프로그래밍 언어의 "번역기" 컴파일러 인터프리터 실행 방식 코드를 컴파일러로 번역한 뒤 사용자의 컴퓨터로 번역된 코드를 보낸다. 그리고 실행 코드를 인터프리터가 깔려 있는 사용자의 컴퓨터를 보내 번역한다. 그리고 실행 개발 편의성 👿 코드를 수정하고 실행하려면 컴파일을 다시 해야 한다. (실행할 때마다 전체 코드를 읽음) 😇 코드를 수정하고 즉시 실행할 수 있다. (한 줄씩 바로바로 실행) 실행 속도 😇 빠르다. 👿 느리다. (사용자의 컴퓨터에서 번역을 하니까) 보안 😇 프로그램의 코드가 유출되지 않는다. 👿 프로그램의 코드가 유출될 수 있다. (코드 전체를 보내니까) 파일 용량 👿 프로그램의 실행 파일 ..