본문 바로가기

전체 글

 (380)
쿠키, 세션, JWT, 토큰에 대해 알아보자 참고: https://www.youtube.com/watch?v=tosLBcAX1vk쿠키에 대해서.쿠키를 이용해서 서버는 내가 누군가를 알기위해 내가 누군지를 알려주는 정보를 나의 브라우저에 넣을 수 있다. 이렇게 정보를 넣은후 클라이언트에서 어떠한 요청(request)을 서버에 할때마다 쿠키가 그 요청과 함께 서버로 전송된다. 쿠키는 어디에 존재하는 것인가? 쿠키는 http의 헤더부분에 달린다(쿠키안에 세션ID가 있는 것이므로 HTTP의 헤더부분에 세션ID가 저장되는 것이다). 웹브라우저에는 쿠키라는 저장영역이 있어서 내가 따로 어떠한 짓을 하지 않아도 서버로부터 http의 헤더부분에 달려온 쿠키가 브라우저의 쿠키 영역에 자동으로 저장됨.   쿠키의 특징1. 쿠키는 도메인 별로 제한된다(유튜브에 관한 ..
서브넷이란? 출처: https://www.youtube.com/watch?v=-iMFsDdfoeI (이게 설명와따임) 참고: https://www.youtube.com/watch?v=px0HDON5Wa4 옥텟, 사설 IP, 공용IP의 개념: https://blog.naver.com/mylinuxer/130173171275 서브넷에 대하여 좋은 설명: https://code-lab1.tistory.com/34 설명에 들어가기 전 기본 개념: 옥텟(Octet)이란? 이진수 8자리 마다 점을 찍고 이 8개의 이진수를 한 옥텟이라고 부름. 즉 IPv4는 32bit로 구성되어 있다. 따라서 IPv4의 주소는 4개의 옥텟으로 이루어져 있는 것이다. ============================================..
데이터베이스 설계 모호한 개념정리2(관계대수) #데베설 #스키마 #외부 스키마 #내부 스키마 # 개념 스키마 데이터베이스 설계 쪽에서 매번 공부하면 잊고, 또잊고 하며 혼란을 겪어 왔다. 이를 해결하기 위해 매번 망각하고 다시 리마인드하는데 매번 시간이 많이 걸려 나 자신이 알아들을 수 있는 쉬운 용어로 이를 정리하려고 한다. 키(Key)란? Map이라는 자료구조에서도 '키"라는 말이 사용된다. 하지만 여기서 키는 그 의미가 아닌 테이블의 속성들 중 튜플을 식별할 수 있는, 속성중의 하나인 속성으로써의 키이다. 따라서 키라고 기억하지 말고 "속성으로써의 키(Key)"라고 기억하는게 더 효율적이다. 즉 데이터 베이스에서의 키란 속성으로써의 키로 특정 튜플을 식별하는 속성이 키이다. 특정 튜플을 식별하는 속성=키 키의 다른 한 가지 추가적인 역할은 릴레..
데이터베이스 설계 모호한 개념정리(스키마, 데이터 베이스 설계 과정) #데베설 #스키마 #외부 스키마 #내부 스키마 # 개념 스키마 데이터베이스 설계 쪽에서 매번 공부하면 잊고, 또잊고 하며 혼란을 겪어 왔다. 이를 해결하기 위해 매번 망각하고 다시 리마인드하는데 매번 시간이 많이 걸려 나 자신이 알아들을 수 있는 쉬운 용어로 이를 정리하려고 한다. 데이터베이스는 별개아닌 데이터의 집합니다. 즉 다수의 시스템, 프로그램, 인원이 사용할 목적으로 통합하여 관리되는 데이터의 집합이다. 스키마란 구조의 구체적 정의(개요, 윤곽이란 의미)이다. 좀더 구체적으로 스키마란 데이터베이스에 저장되는 데이터 구조(개체와 속성)와 제약조건을 정의한 것이다. 간단하게 스키마=평면도, 데이터베이스=집, 테이블=방 이라고 생각하면 된다. 첫번째가 스키마에 대한 개념인데 스키마로는 총 외부, 개념..
왜 빌드된 결과물을 깃에 올리면 안되나? 이 질문을 해결하기 위해 단톡방에 물었다. 답은 여럿이었고 공통된 답으로 받은 내용은 이 통째로 보관된 결과물을 Git에 올리게 된다면 변경사항을 업로드하거나 내려받을 때 시간이 오래 걸릴거고, 작업 폴더 안 .git 폴더의 용량도 크게 늘게 될 것이라는 것이다. 다른 이유로는 보안상의 이유, 난독화된 것을 무엇하러 올리나? 등이 있다. 무엇보다 GPT에게 물어보니 정확한 답변을 얻을 수 있었다. 누군가가 GitHub에 빌드된 파일을 업로드하지 않기로 결정하는 데에는 여러 가지 이유가 있을 수 있습니다. 파일 크기: 빌드된 파일은 소스 코드 자체보다 클 수 있으며, 특히 컴파일된 언어나 이미지 및 비디오와 같은 자산이 포함된 프로젝트에서는 더욱 그렇습니다. GitHub에 대용량 파일을 업로드하면 많은 저..
Web Server와 WAS의 차이와 웹 서비스 구조 출처: https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html Front, Back 분리시 동작 원리 https://flexyduck.tistory.com/363 Front, Back분리시 동작 원리에 대해 설명한 글(매우유용) 목표!! Static Pages와 Dynamic Pages 과정을 이해한다. Web Server와 WAS의 차이를 이해한다. Web 서비스 구조(Web Service Architecture)에 대해 이해한다. 1. Static Pages Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. 항상 동일한 페이지를 반환한다. Ex) image, html, css, javascript ..
expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. 리엑트 사용중 위와 같은 에러 메시지가 떳다. 원인중 하나 일수 있는게 import한 문서에서 어떠한 라이브러리가 필요한데 그 라이브러리가 없을때 이러한 에러가 떳다. 나같은 경우 그 라이브러리는 내가 만든 것이었다.
Socket.io 에 대하여 #socket.io-client 출처: https://inpa.tistory.com/entry/SOCKET-%F0%9F%93%9A-SocketIO-%EC%82%AC%EC%9A%A9-%ED%95%B4%EB%B3%B4%EA%B8%B0 ( ****정말 잘쓴 블로그****) https://smaivnn.tistory.com/2#article-1--socket-io-%EC%9D%B4%EB%9E%80? https://velog.io/@fejigu/Socket.IO-client 1. Socket.io 이란? socket.io를 알아보기 전, 웹 소켓에 대해 먼저 알아보자. 웹 소켓은 HTML5에 새로 추가된 실시간 양 방향 데이터 전송을 위한 기술이다. http가 아닌 ws프로토콜을 사용하며, 따라서 브라우저, 서버..

티스토리툴바