OAuth란?OAuth란 Open Authorization의 줄임말으로, 정보의 접근 권한을 부여할 수 있는 개방형 표준OAuth 용어 정리리소스 오너 (resource owner)인증 서버에 자신의 정보를 사용하도록 허가하는 주체. 서비스를 이용하는 사용자가 리소스 오너에 해당리소스 서버 (resource server)리소서 오너의 정보를 가지며, 리소스 오너의 정보를 보호하는 주체를 의미. 네이버, 구글, 페이스북이 리소스 서버에 해당인증 서버 (authoriazation server)클라이언트에게 리소스 오너의 정보에 접근할 수 있는 토큰을 발급하는 역할을 하는 애플리케이션클라이언트 애플리케이션 (client application)인증 서버에게 인증을 받고 리소스 오너의 리소스를 사용하는 주체를 의..

세션 기반 인증 서버 기반 인증은 사용자가 로그인하면 서버가 세션을 생성하고, 클라이언트에게 세션 ID를 발급하는 방식서버는 이 세션 ID를 통해 클라이언트의 상태를 관리함동작 방식사용자가 로그인하면 서버는 세션을 생성하고, 해당 세션 ID를 클라이언트에 쿠키로 전달한다.클라이언트는 이후 요청마다 이 세션 ID를 서버에 전달하여 인증을 확인한다.서버는 세션 저장소에서 세션 ID를 확인하고, 클라이언트를 인증한다.장점: 서버에서 관리되므로 보안이 비교적 쉽다.단점: 서버에 세션을 저장해야 하므로 서버의 자원이 많이 사용된다.서버가 상태를 유지해야 하므로, 서버 간 세션 동기화 문제가 발생할 수 있다. 토큰 기반 인증클라이언트가 로그인하면 서버가 인증 토큰을 생성하여 클라이언트에게 제공하고, 클라이언트는 이..

알 수 없는 유튜브 알고리즘에 이끌려 도착한 곳은 어느 쇼츠  https://youtube.com/shorts/gxP529jIZXg?si=l8Oeq0YAAk3IoiF4    개발자와 클라이언트 사이의 일을 쇼츠로 만든 건데, 요즘 이런 것들이 많기도 하지만 영상과 자막이 찰떡이라 정말 웃겼다. 아는 맛이 더 맛있는 법 아니겠는가? 웃겨서 어디 채널인가 봤더니 눈을 의심하게 현대오토에버 공식채널이라고 함.아니 이런 회사에서 이렇게 밈 쇼츠를 쓴다고? 사칭 아니냐 라는 생각에 찾아봤는데    공식이 맞았다.    쇼츠만 이러더라구요.  동영상 재생목록은 건실하고 의젓함   쇼츠는 왜 그렇게 ..? 라는 생각이 들었다. 아 물론 웃겼다는 소리입니다.  이 알 수 없는 채널 괴리감 컨셉에 더욱 빠져들었고 다른 ..

(이렇게 말하니 홍보같지만 전혀 아님. 주관적인 주절주절)앱 사용후기 아님 시간적 여유가 많아져 독서의 비중을 늘리는 요즘인간 심리학, 마인드셋과 내면에 대한 책들도 많이 접하고 있다.  우리는 같은 사건을 경험하더라도 각자 다르게 해석하고 받아들인다.객관적 사실에 각자의 개인적 경험, 가치관, 그리고 감정이 더해져 주관적인 해석이 만들어지기 때문이다.이 과정에서 때로는 현실이 왜곡되어 인식될 수 있다. 심리학에서는 이러한 현상을 '인지적 왜곡'이라고 부른다.건강한 정신 상태를 유지하고 현실을 정확히 인식하기 위해서는 객관적 사실과 주관적 해석을 명확히 구분하는 능력이 중요하다.  여기서의 '생각'과 '감정'은'내'가 아니다 라는 것에 시작한다. 거리두기, 내려놓기 심리학 책을 읽으면서 가장 많이 접했던..

이전편좌로 장애물들이 나온다. 스페이스바를 누르면 공룡이 점프를 한다. 장애물과 공룡이 충돌할 경우 종료   index.html  canvas 태그를 이용하여 만든다. m" data-og-host="ranidiant.tistory.com" data-og-source-url="https://ranidiant.tistory.com/entry/js-%ED%81%AC%EB%A1%AC-%EA%B3%B5%EB%A3%A1-%EA%B2%8C%EC%9E%84-%EB%A7%8C%EB%93%A4%EA%B8%B0" data-og-url="https://ranidiant.tistory.com/entry/js-%ED%81%AC%EB%A1%AC-%EA%B3%B5%EB%A3%A1-%EA%B2%8C%EC%9E%84-%EB%A7%8C%..

크롬 공룡게임 js로 만들기! 게임진행우->좌로 장애물들이 나온다. 스페이스바를 누르면 공룡이 점프를 한다. 장애물과 공룡이 충돌할 경우 종료   index.html  canvas 태그를 이용하여 만든다. main.jsconst canvas = document.getElementById('canvas');const ctx = canvas.getContext('2d');canvas.width = window.innerWidth - 100;canvas.height = window.innerHeight - 100; 처음 비어있는 캠버스에 표시해주기 위해 랜더링 컨텍스트에 접근해야한다. getContext그려진 내용들을 보일 캔버스 사이즈도 정해준다.    let dino = { x: 10, y: 200, w..

주말 모각코 우연히 주말에 모여 공부하는 모각코 모집글을 보게 되었다. 평소라면 참여할 생각도 안 들었겠지만, 공부하는 시간을 좀 더 늘리고 싶은 마음에 신청했다. 약 4-5명의 인원이 주말 오후에 카페에 모여 각자 공부하면서 시간을 보냈다. 새로운 사람들과의 만남이었고 그 속에서 다음과 같은 점들을 느낄 수 있었다.1. 집중력 향상: 다른 사람들이 열심히 공부하는 모습을 보면서 나도 더 집중하게 되었다. 혼자 공부할 때보다 더 몰입할 수 있었다.2. 동기 부여: 함께 공부하는 사람들과 이야기를 나누면서 서로에게 긍정적인 자극이 되었다. 다른 사람들의 공부 방법과 목표를 들으며 나도 더 열심히 해야겠다는 생각이 들었다.3. 네트워킹: 다양한 배경을 가진 사람들과의 만남이 새로운 인사이트를 제공했다. 서로..

깊이 우선 탐색 DFS (Depth-First Search)    시작 노드 선택: 탐색을 시작할 노드를 선택합니다.노드 방문: 현재 노드를 방문하고, 방문했다고 표시합니다.인접 노드 탐색: 현재 노드에 인접한 노드들 중 방문하지 않은 노드로 이동합니다.반복: 더 이상 방문할 노드가 없을 때까지 인접 노드로 이동하는 과정을 반복합니다. 모든 인접 노드를 방문했다면, 이전 노드로 돌아가서 다음 인접 노드를 탐색합니다. DFS의 활용미로 찾기: DFS는 미로 찾기와 같은 경로 탐색 문제에 유용합니다.사이클 탐지: 그래프에서 사이클이 존재하는지 확인할 때 사용됩니다.강결합 요소 찾기: DFS는 그래프에서 강결합 요소를 찾는 알고리즘의 기본이 됩니다.위상 정렬: 유향 비순환 그래프(DAG)에서 위상 정렬을 수행..