본문 바로가기
300x250

전체 글196

쿠키(Cookie), 쿠키를 이용한 Client와 Server 흐름 개념 정리 쿠키(Cookie) 웹 서버가 브라우저에게 지시하여 사용자의 로컬 컴퓨터에 파일 또는 메모리에 저장하는 작은 기록 정보 파일이다. 파일에 담긴 정보는 인터넷 사용자가 같은 웹사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 바뀔 수 있다. 쿠키의 목적 로그인을 통해 볼 수 있는 서비스. 장바구니 서비스. 등등 클라이언트가 정보를 유지하는 상태성의 성격을 가져야하고, 정보를 유지할 수 없는 Connectionless, Stateless의 성격을 가진 HTTP의 단점을 해결하기 위해 쿠키라는 개념이 도입되었다. 쿠키는 주로 다음 세 가지 목적으로 사용된다. 세션 관리, 개인화, 추적 Session management Logins, shopping carts, game scores, or anything e.. 2021. 8. 6.
HTTPS, https 암호화 방법, 공개키, 개인키,hash, salt 기본 개념정리 http vs https http HTTP는 하이퍼 텍스트 전송 프로토콜의(Hypertext Transfer Protocol)의 약자이다. 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜 일반 HTTP 프로토콜의 문제점은 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않는다는 것이다. https HTTPS는 하이퍼 텍스트 전송 프로토콜 보안(Hypertext Transfer Protocol Secure)의 약자이다. https는 쉽게 말해서 https 프로토콜에 보안 기능을 추가한 것이다. 사용자가 사이트에 제공하는 정보를 암호화하는데, 쉽게 말해서 데이터를 암호로 바꾼다고 생각하면 쉽다. 이렇게 전송된 데이터는 중간에서 누군가 훔쳐 낸다고 하더라도 데이터가 암호화되어있기 .. 2021. 8. 5.
MongoDB - 기본 명령어, CRUD 정리 몽고디비의 명령어는 조금더 간결하다 crub 쿼리문에 있어서 객체를 활용하는 메소드 형식이다. 기본 명령어 몽고디비는 기본적으로 camelCase를 사용한다. 1) DB 관련 MongoDB (대소문자 구분 0) DB 보기 show dbs DB 생성 use DB이름 DB 선택 use DB이름 현재 DB db 현재 DB 정보 db.stats() DB 삭제 (DB 선택 후) db.dropDatabase() 2) Collection(Tables) 관련 Collection은 기본적으로 Primary Key가 필요없다. Document가 생성될 때 마다. _id가 그 역할을 한다. 타입도 지정해 줄 필요가 없다. 벨류 자체로 타입을 결정한다. MongoDB (대소문자 구분 0) Collection(Table) 보기.. 2021. 8. 5.
NoSQL, MongoDB,MongoDB Document, JSON vs. BSON 개념 정리 NoSQL이란? 접근방식이 SQL과는 상반되는 데이터베이스 형식을 얘기하거나 또는 관계형데이터베이스 뿐만아니라 다른 특성 까지도 갖는 (Not only SQL) 으로 정의할 수 있다. NoSQL은 매우 넓은 범위에서 사용하는 용어로, 관계형 테이블의 레거시한 방법을 사용하지 않는 데이터 저장소를 말한다. 다음과 같은 특징을 같는다. nosql 특징 1) RDBMS 처럼 고정된 스키마 및 JOIN이 존재하지 않는다. 자유로운 형태로 데이터를 저장할 수 있으므로 필요에 따라서 새로운 데이터 유형을 추가할 수 있다. 소프트웨어 개발에 정형화되지 않은 많은 양의 데이터가 필요한 경우, NoSQL이 효율적이다. 2) 스키마 변경(ALTER)가 필요없다. -스키마를 미리 준비할 필요가 없어서, 개발을 빠르게 해야하.. 2021. 8. 5.
ORM 개념 + im-sprint-shortly-mvc 리뷰 ORM이란? Object-Relational Mapping의 약자 ORM은 객체 지향 프로그래밍 언어(여기서는 자바스크립트)와 관계형 데이터베이스 간의 연결을 위한 프로그래밍 기법이다. 사실 Node.js MySQL 모듈 등을 사용하여 데이터베이스와 서버 간에 통신이 가능하다. node.js와 mysql을 연결하는 방식에는 몇가지 문제점들이 있다. 1)쿼리문이 길어지게 되면 이와 더불어 전체적인 코드 길이도 같이 길어지게 된다. 2)스키마가 변경되면 관련된 쿼리문들을 다 찾아서 변경해야한다. 유지보수가 쉽지 않다. 3) 관계형 데이터 베이스마다 쿼리문의 문법이 조금씩 달라지는데, 이는 필드에 정의되는 자료형도 마찬가지이다. 이러한 문제점들을 보완하고 효율성과 호환성을 높이기 위해 ORM을 사용하게 되었다.. 2021. 8. 5.
MVC모델 개념 MVC란? model view controller의 약자 일련의 소프트웨어가 돌아가는 하나의 패턴, 하나의 아이디어라고 생각하면 된다. 이것의 장점은 유지보수가 편해지는 코드 구성을 만들 수 있다. 역할에 따라 확실하게 분리하여 유지보수를 용이하게 하고 프로그램의 확장성과 유연성을 높이기 위한 기법이다. 데이터가 추가되면 Model 부분만 수정하고, UI가 수정되면 View 부분만 수정한다. 물론 Controller는 두 부분을 관장하기 때문에 일부 수정이 필요하다. 하지만 기존처럼 메인 다이얼로그/폼에서의 무분별한 하드 코딩이 필요 없다. MVC에는 model과 view, controller 라는 개념이 있다. 1. Model 데이터의 정보를 가지고 있다. 데이터베이스와 연결이 되있어서 데이터베이스랑 .. 2021. 8. 5.
[CSS] Flex 아이템에 적용하는 속성들(1) Flex 아이템에 적용하는 속성들 flex - basis - 유연한 박스의 기본 영역 flex-basis는 Flex 아이템의 기본 크기를 설정합니다(flex-direction이 row일 때는 너비, column일 때는 높이). .item { flex-basis: auto; /* 기본값 */ /* flex-basis: 0; */ /* flex-basis: 50%; */ /* flex-basis: 300px; */ /* flex-basis: 10rem; */ /* flex-basis: content; */ } flex-grow 숫자값이 들어가는데, 몇이든 일단 0보다 큰 값이 세팅이 되면 해당 아이템이 유연한(Flexible) 박스로 변하고 원래의 크기보다 커지며 빈 공간을 메우게 된다. -여백의 비율이다... 2021. 8. 3.
[CSS] FLEX -컨테이너에 적용하는 속성 컨테이너에 적용하는 속성 1) flex vs inline-flex .container { display: flex; //한줄을 차지 /* display: inline-flex; */ //인라인 속성처럼 플렉스아이템의 너비의 합까지만 차지 } 2)) flex-direction - 배치방향설정 .container { flex-direction: row; 가로(행 방향) 왼->오 // flex-direction: column; 세로(열 방향) 위->아래 // flex-direction: row-reverse; 반대 가로 왼 위 } 3) flex-wrap -줄넘김 처리 .container { flex-wrap: nowrap; //기본값 줄넘김x // flex-wrap: wrap; // flex-wrap: wra.. 2021. 8. 2.
반응형

티스토리툴바