기타
-
[네트워크] https 에 대하여기타 2021. 4. 20. 12:47
hyper text transfer protocol secure html 도 text 이다. text 를 주고받는 규약 + 보안 ssl 통신을 이용한다. 공개키 방식을 이용한다. 공개키(비대칭) 암호화 에 대하여 공개키의 의의 ? 공개키는 누구나 가질수 있는 키이기 때문에 무슨 의미인지 알아보자 내가 공개키로 풀었다는 것은 그데이터는 개인키로 암호화 되었다는것을 의미한다. 개인키는 해당 서버만 가지고 있다. 따라서 그데이터는 해당서버에서만 올수 있는 데이터이다. 즉 그러한 데이터는 해커가 보낸게 아니라 자체로 해당 서버가 보냈다는 것을 증명한다. 반대의경우 내가 공개키로 암호화 하면 또다른 공개키로는 아무도 복호화를 못하니까 개인키를 가지고 있는 서버만 복호화해서 데이터를 확인 할수 있게 된다 즉 해커가..
-
로그인 (쿠키, 세션 ,토큰) 에 대해서기타 2021. 4. 19. 12:03
http 통신은 stateless 하다 따라서 어떤 사용자가 접속했는지 알수 없고 이전에 어떤걸 했는지 알수없다 단지 이번요청에대한 응답만 해줄 뿐이다. 그러나 우리가 웹페이지를 이용하다보면 서버가 클라이언트의 정보에 대해 인지하고 있어야 적합한 기능들을 제공해줄수 있는경우가 더러있다. 관련 상품을 추천한다던지 기존설정을 유지한다던지 등등 있지만 가장 대표적인 부분은 로그인 상태에 대한 부분이다. 1.쿠키 - 클라이언트에서 로그인 관련 정보들을 입력후 요청한다. - 서버에서 로그인관련 정보를 데이터와 비교후에 응답헤더의 쿠키에 로그인 관련정보를 담고 응답한다. - 이후로 클라이언트의 요청의 요청헤더에는 쿠키가 심어진채로 요청이 들어가 서버에서 지속적으로 확인할수있다. - 요청과 응답시에 클라이언트쪽에서는..
-
http 요청 header 살펴보기기타 2021. 4. 5. 21:12
대충보던거를 한번 정리를 해보려고 한다. 예시는 네이버 어느 카페의 general Header 이다. Request URL:https://cafe.naver.com/ContentWidget.nhn?m=currency&type=1&country=ALL&iconid=9&wide=true Request Method: GET Status Code:200 Remote Address: 210.89.168.34:443 Referrer Policy:unsafe-url 1번에는 요청을 받는곳(서버) 의 url 이 적혀있군 2번은 메서드의 종류를 적는곳이군 3번은 상태코드이군 4.요청하는 클라이언트의 ip 가 적혀있다. 5.HTTP 헤더 외에도 HTML에서이 정책을 설정할 수 있습니다 추가적인 정책에 대한 정보 예시 Re..
-
알고리즘 문제 풀 때 배열 안에서 중복제거 하는 방법!!!!!!!! (feat.new Set)기타 2021. 4. 3. 12:31
처음에는 for 문 과 indexOf 를 사용해서 중복되지 않는것을 새로운 배열에 넣어줌으로 써 사용을 했었다. 이후에는 filter 메서드 사용해 왔는데 new Set(arr) 이라는 걸 알게 됬는데 되게 편하다. 위에 있는걸 써도 되지만 조금 복잡한 문제풀이과정에서는 부수적인 부분은 최대한 간결하게 표현해주는게 정신적으로 좋다 ....................... set 을 처음 써보는 거라 이거저거 넣어봤다. 객체랑 숫자는 타입에러가 나고 배열이나 문자열을 넣으면 중복되는 것들을 제거해서 Set 객체로 반환해준다. 집합이라고 생각하면된다. Mdn 설명이다.ㅋㅋㅋ 무튼 이런 특징을 이용해서 [...new Set(arr)] || Array.from(new Set(arr)) 이런식으로 유사배열을 배..
-
카카오 api 지도 쓰면서 에러 및 새로운거기타 2021. 3. 4. 01:04
리액트랑 같이 쓰다보니가 생성되기 이전의 element 에 코드가 끼워 있는 경우 의 에러가 있었고 예외처리를 2번째 인자에서 처리를 하는지 확인안하고 밖에서 처리하다가 geolocation 부분헤멧다. flex-direction: column-reverse; michalsnik.github.io/aos/ 불러오는 중입니다... npm install styled component 중첩 라우팅 www.daleseo.com/react-router-nested/