Fomagran 💻

본문 바로가기

728x90

[Network] 쿠키(Cookie)란? (What is a Cookie?) 쿠키(Cookie)란? 쿠키는 인터넷을 사용하는 유저가 어떤 웹사이트를 방문했을 때 그 사이트가 사용하는 서버를 통해 로컬에 저장되는 작은 데이터이다. 쿠키는 키와 밸류로 이루어져 있으며 만료기간, 도메인, 경로 등의 정보를 가지고 있다. 그렇다면 왜 쿠키란 이름을 가지게 된 것일까? 넷스케이프 개발자인 루 몬틀리가 이름을 짓게 되었는데 데이터의 패킷을 의미하는 "매직 쿠키" 에서 비롯되었다고 한다. 클라이언트는 최대 300까지 쿠키를 가질 수 있으며, 하나의 도메인 당 최대 20개, 하나의 쿠키 당 최대 4KB까지 저장할 수 있다. 쿠키를 사용하는 이유 이전 HTTP의 특징을 정리한 글에서 리소스를 아끼기 위해서 클라이언트와 서버가 연결되지 않는 특징(비연결성)이 있다고 했다. 또한 비용을 줄이기 위해.. 2022. 4. 22.

[Network] OAuth란? (feat. 사용하는 이유) (What is an OAuth?) OAuth란? OAuth는 Open standard for Authorization의 약자로 직역하면 "권한을 위한 개방된 표준"이다. 2006년에 트위터 개발자들이 Open ID를 활용해 인증할 방법을 모색하다가 구글의 드위트 클린턴이 프로젝트에 합류 하였고, 그렇게 OAuth의 최종 초안이 발표되었다. 그렇다면 도대체 "권한을 위한 개방된 표준"이 무슨 뜻일까? 쉽게 설명하면 우리가 흔히 봐왔던 SNS 로그인과 같다. 어느 특정 웹사이트나 어플리케이션에서 직접 회원가입을 하는 것이 아닌, 믿음직스러운 기업의 아이디를 통해 서비스를 이용하는 것이다. OAuth의 절차 SNS 로그인을 통해서 가입하게 되면 아래와 같은 절차를 밟게 된다. 1. SNS 로그인 버튼을 누름 해당 SNS 로그인 화면으로 이동하.. 2022. 4. 21.

[Network] REST API란? (feat. 원칙과 네이밍 규칙) (What is a REST API?) REST란? REST는 Representational State Transfer의 약자로 직역하면 "대표로 상태를 전송하는 것"이다. 제대로 된 의미는 "데이터의 이름으로 상태를 구분하여 전송하는 방식" 이다. 예를 들어 쉽게 설명하면 아래와 같다. 데이터의 이름 "이거 유저에 대한 데이터야" -> user (user라고 이름을 지어 유저 데이터라고 알려줌) 상태 "나 데이터 생성할거야" -> Create (데이터를 생성한다고 알려줌) 전송 "유저 데이터 생성해줘" -> Create user (유저 데이터를 생성해 달라고 요청함) 이와 같이 데이터의 이름으로 상태를 구분하여 전송하는 방식이다. 사용하는 이유 그렇다면 REST API를 사용하는 무엇일까? 가장 대표적인 이유는 "HTTP 프토토콜" 이라고 .. 2022. 4. 20.

[Network] HTTP의 특징에 대해 알아보기(feat. 비연결성, 무상태) HTTP의 특징 HTTP는 클라이언트와 서버 간 통신하기 위한 프로토콜이다. 지난 글에 HTTP는 HTML 등의 웹페이지를 구성하기 위한 텍스트로 되어 있는 데이터를 주고 받는다고 정리했었다. (혹시 안본 분들은 여기 에서 보고 와주시면 됩니다.) 클라이언트와 서버 간의 통신을 효율적으로 하기 위한 HTTP의 특징이 몇 가지가 있다. Connectionless 그 중 한가지는 바로 Connectionless(비연결성)이다. 즉, 클라이언트와 서버가 연결되어 있지 않다는 것이다. 클라이언트와 서버가 연결되어 있지 않은 이유는 무엇일까? 바로 "리소스" 때문이다. 계속해서 연결이 되어 있다는 말은 다른 말로 계속해서 리소스가 들어가기 때문이다. 이렇게 리소스를 아낄 수 있기 때문에 더 많은 연결을 할 수 있.. 2022. 4. 15.

[Network] HTTPS의 보안 원리(feat. SSL,공개키 암호화 방식) HTTP의 보안 HTTP는 HyperText Transfer Protocol의 약자로 클라이언트와 서버 간 데이터를 주고 받는 통신 규약을 의미한다. (자세한 설명은 이전 글인 Hyper Text는 무엇일까? 에서 볼 수 있다.) HTTP는 단순히 HTML을 클라이언트와 서버가 주고 받기 때문에 정보를 다른 사용자에게 쉽게 노출될 수 있다. 즉, 악의적인 사용자가 있다면 네트워크 중간에서 정보를 가로채 조작하거나 없애버리는 등의 공격을 가할 수 있다. (만약 데이터 상에 신용카드 비밀번호, 개인 정보 등이 있다면 치명적일 것이다.) HTTPS란? HTTPS는 HTTP + S로, HTTP에 추가적으로 S가 더해진 것이다. 그렇다면 이 S는 무엇을 의미할까? 바로 Secure Socket Layer, SSL.. 2022. 4. 14.

[Network] HyperText는 무엇일까? (feat. HTTP,HTML) Hyper Text란? 하이퍼 텍스트는 구체적으로 어떤 것일까? 하이퍼 텍스트를 알기 전에 하이퍼 링크라는 것을 알아야 하는데 하이퍼 링크는 웹 상에서 흔히 보이는 밑줄로 되어있는 링크를 의미한다. 이것은 자료가 연결되어 있는 참조 고리를 의미하며 이 링크를 통해 사진,동영상 등 파일의 위치를 지정할 수 있다. 하이퍼 텍스트는 위에서 설명한 하이퍼 링크를 나타낼 수 있는 텍스트를 의미한다. 즉, 하이퍼 링크를 통해 사용자가 한 문서에서 다른 문서로 이동할 수 있도록 하는 초월적인(Hyper) 글(Text)인 것이다. HTML이란? HTML은 HyperText Markup Language의 약자로 하이퍼 텍스트를 위한 마크업 언어이다. 그렇다면 마크업 언어는 무엇일까? 마크업 언어는 태그와 부호 등을 이용.. 2022. 4. 14.

[Network] 프록시 서버란? (feat. 필요한 이유) (What is a Proxy server?) Proxy란? Proxy는 사전적 의미로 "대리" 하는 것을 뜻한다. 컴퓨터 과학적인 의미로는 프로토콜 상에서 무엇인가를 대신하는 것을 뜻한다. Proxy 서버 프록시 서버는 클라이언트에서 서버로 접속을 할 때 직접적으로 접속하지 않고 중간에 대신 전달해주는 서버를 의미한다. 좀 더 구체적으로 설명하면 아래와 같이 진행된다. 1. 클라이언트에서 프록시 서버로 전달할 요청을 보낸다. 2. 프록시 서버는 클라이언트로부터 전달 받은 요청을 서버에 요청한다. 3. 서버는 요청에 맞게 데이터를 프록시 서버로 전달한다. 4. 프록시 서버는 서버로부터 전달 받은 데이터를 클라이언트에 전달한다. 이와 같이 프록시 서버는 클라이언트와 서버 사이에서 중개인 역할을 한다고 보면 된다. Proxy 서버는 왜 필요할까? 그렇다.. 2022. 4. 13.

[Network] DNS란? (feat. DNS 과정) (What is Domain Name System?) IP 우선 "IP" 라는 이름을 컴퓨터를 사용하면 한 번쯤은 들어봤을 것이다. IP는 Internet Protocol을 의미하며 인터넷에 연결되어 있는 장치들에게 부여되는 고유한 주소를 의미한다. 이 IP 주소는 총 32비트로 되어 있으며 4개의 8비트 단위로 이루어져 있으며, "."을 통해 구별한다. 한 단위당 0~255까지 사용할 수 있으므로 최대 42억9496만7296개의 IP 주소를 만들 수 있다. ex) 127.0.0.1 DNS란? DNS는 Domain Name System의 약자로, 도메인 이름 시스템을 말한다. 그렇다면 이 도메인 이름 시스템은 왜 필요할까? 바로 위에서 설명한 "IP" 때문이다. IP 주소는 최대 12자리의 숫자로 이루어져 있고, 세상엔 셀 수 없는 장치가 존재하므로 이것을.. 2022. 4. 12.

[JS] 프로그래머스 숫자의 표현 Problem 코딩테스트 연습 - 숫자의 표현 Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 programmers.co.kr Solution 1. 초기 값 설정 n이 홀수라면 2부터 짝수라면 1부터 시작합니다. 이유는 자기 자신인 숫자는 무조건 포함되기 때문에 1을 더해주고, 홀수인 경우엔 절반과 그 절반의 +1을 더했을 때가 반드시 연속적인 숫자이기 때문에 1을 더해줘 2부터 시작합니다. 그리고 합을 저장할 sum, 가장 작은 값을 저장할 min, 가장 큰 값을 저장할 max를 1부터 선언해 줍니다. var answer = n%2 == 1 ? 2 :.. 2022. 4. 11.

[JS] 프로그래머스 같은 숫자는 싫어 Problem 코딩테스트 연습 - 같은 숫자는 싫어 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 programmers.co.kr Solution 1. 전의 숫자가 어떤 것인지 저장할 변수를 만들어 준다. let past = "" 2. 숫자를 담을 배열을 만들어 준다. let answer = [] 3. 배열을 차례로 순회하며 같은 숫자가 아니라면 전의 숫자를 저장하고 answer에 담아준다. arr.forEach(a => { if (a !== past) { answer.push(a) past = a } }) 4. answer를 반환한다. return.. 2022. 4. 11.

[JS] 프로그래머스 구명보트 Problem 코딩테스트 연습 - 구명보트 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 5 programmers.co.kr Solution 1. 사람의 무게 순으로 정렬한다. let sorted = people.sort((a,b) => a-b) 2. 정렬한 무게의 시작과 끝을 지정해준다. let start = 0 let end = people.length - 1 3. 가장 무거운 사람부터 가장 가벼운 사람을 차례로 연결짓는다. 만약 가장 무거운 사람과 가장 가벼운 사람을 연결지었는데 limit보다 작거나 같으면 같이 보트를 탈 수 있는 경우이.. 2022. 4. 11.

[JS] 프로그래머스 게임 맵 최단거리 Problem 코딩테스트 연습 - 게임 맵 최단거리 [[1,0,1,1,1],[1,0,1,0,1],[1,0,1,1,1],[1,1,1,0,1],[0,0,0,0,1]] 11 [[1,0,1,1,1],[1,0,1,0,1],[1,0,1,1,1],[1,1,1,0,0],[0,0,0,0,1]] -1 programmers.co.kr Solution 해당 문제는 BFS로 풀어야 하는 문제입니다. 1. 초기 행과 열의 갯수를 저장한다. const N = maps.length const M = maps[0].length 2. 상하좌우로 움직일 x와 y의 값을 저장한다. const direction = [[0, -1], [0, 1], [-1, 0], [1, 0]] 3. 맵의 가장자리를 한 겹 감싸준다. 맵의 범위를 벗어나게 되면.. 2022. 4. 11.

이전 1 ··· 3 4 5 6 7 8 9 ··· 49 다음

728x90

티스토리툴바