본문 바로가기

분류 전체보기321

바닐라 JS 크롬 앱 만들기 (6~8) Math.random() 과 Math.floor() 를 사용하여 랜덤 명언과 랜덤 배경화면을 구현 배열에서 난수로 가져오는 것은 동일 했음. const quotes = [ { quote: "명언1", author: "저자1", }, { quote: "명언2", author: "저자2", }, { quote: "명언3", author: "저자3", }, { quote: "명언4", author: "저자4", }, { quote: "명언5", author: "저자5", }, ] const quote = document.querySelector('#quote span:first-child'); const authors = document.querySelector('#quote span:last-child');.. 2023. 2. 27.
JWT (Json Web Token) 웹 표준 (RFC 7519)로 두 개체에서 Json 객체를 사용하여 가볍고 자가수용적인 방식으로 정보를 안정성 있게 전달 JWT 구성요소 .을 구분자고 3가지 문자열로 구성 aaaa.bbbbb.ccccc → 헤더, 내용, 서명으로 구성 Header 헤더 헤더는 typ 와 alg 두 가지 정보를 지니고 있다. typ은 토큰의 타입 → JWT로 지정 alg은 해싱 알고리즘을 지정 → HMAC, SHA256, RSA가 일반적으로 사용되고 토큰을 검증할 땐 signature부분에서 사용됨 ex. { “typ” : “JWT”, “alg” : “HS256” } Payload 내용 토큰을 담을 정보 정보의 한 조각을 클레임(Claim)이라 부르며 name 과 value의 한쌍으로 존재 토큰에는 여러 개의 클레임들을 .. 2023. 2. 26.
OAuth (Open Authorization) 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트상의 자신들의 정보에 대해 웹 사이트나 애플리케이션의 접근 권한을 부여할 수 있는 개방형 표준 방법 사용 용어 사용자 : 계정을 가지고 있는 개인 소비자 : OAuth 를 사용하여 서비스 제공자에게 접근하는 웹사이트 또는 어플리케이션 서비스 제공자 : OAuth를 통해 접근을 지원하는 웹 애플리케이션 소비자 비밀번호 : 서비스 제공자에서 소비자가 자신임을 인증하기 위한 키 요청 토큰 : 소비자가 사용자에게 접근권한을 인증받기 위해 필요한 정보가 담겨있음 접근 토큰 : 인증 후에 사용자가 서비스 제공자가 아닌 소비자를 통해 보호 자원에 접근하기 위한 키값 토큰의 종류는 만료시간이 있어서 끝나면 다시 요청해야하는 Access Token과 만료되면 아예 .. 2023. 2. 25.
[포스코x코딩온] 주차 회고 - 2023.02.22 ~ 팀프로젝트 시작 만들고자 하는 내용은 많았지만 매번 이것을 구현할 수 있을까 하는 의문에 빠진다. 그래도 이왕 시작했으니 끝내는 게 도리인 듯 하다. 제주도에 관련된 여러 파트들을 맡아서 작업하기로 하였다. 내가 맡은 파트는 메인 화면과 응급실로, 우선적으로 응급실 정보는 잘 아는 게 없어서 서칭을 해보았다. 일단 제주도에는 5개의 응급실이 있고, 응급실에서 중요한 것이 무엇인가 고민해보았다. 1) 위치 2) 전화번호 3) 사진 4) 의사 정보 5) 진료과목 6) 의료 장비 7) 홈페이지 또 뭐가 들어갈런지 ... 생각보다 컨텐츠를 채우기 어려워서 응급시 대처요령이나 뭐 다른걸 고민해봐야겠다. 참고 사이트 : https://www.goodhosrank.com/hospital 제주대학교병원 응급의료센터 주소: 제주 제주시.. 2023. 2. 24.

티스토리툴바