프로그래밍언어/JavaScript 3

[JavaScript] OAuth 2.0

========WEB2 - OAuth 2.0 : 1.수업소개 벤더사의 허가를 받아야 한다. 구글, 페북, 트위터 사용자 - 서비스사(회원정보를 받지 않고, 이미 벤더사에서 있는 신상정보를 로그인에 사용) - 벤더사 벤더사를 끼고 로그인해주게 하는데 서비스사에서 벤더사에서 사용하던 아이디, 비번털리면 보안사고... 아이디와 비밀번호 대체하는 액세스토큰 기능의 부분적허용을 하는 액세스토큰 ========WEB2 - OAuth 2.0 : 2. 역할 Resource Owner: 사용자, 아이디와 비번 주인 Resource Server: 데이터를 가지고 있는 서버 Authorization Server: 인증서비스를 전담하는 서버 Client: ========WEB2 - OAuth 2.0 : 3. 등록 등록단계. ..

[JavaScript] AJAX(asynchronous JavaScript and XML), 비동기 개념

ajax를 사용하면 웹앱은 기존 페이지의 화면 및 동작을 방해하지 않으면서 백그라운드에서 비동기적으로 서버로 데이터를 보내고 서버에서 데이터를 받아올 수 있다. ajax는 프리젠테이션레이어에서 데이터교환레이어를 분리함으로써, 웹페이지 및 확장 웹앱이 전체 페이지를 다시 로드할 필요 없이 동적으로 컨텐츠를 변경할 수 있도록 한다. ==sync, async 비동기는 동시에 일어나지 않는다를 의미합니다. 요청과 결과가 동시에 일어나지 않을거라는 약속입니다. 요청한 그 자리에서 결과가 주어지지 않음 노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다. 비동기방식은 동기보다 복잡하지만 결과가 주어지는데 시간이 걸리더라도 그 시간 동안 다른 작업을 할 수 있으므로 자원을 효율적으로 사용할 수 있는 장점이 있습..

[JavaScript] BOM, DOM

kevinthegrey.tistory.com/14 1-6) JavaScript DOM, BOM 백준 (https://www.acmicpc.net/) -> 단계별로 풀어보기 로 언어에 대한 이해도 높힐것. 백준 하루에 최소 10문제 풀 수 있도록 노력. 생활코딩 자바스크립트 강의 (https://opentutorials.org/course/743/) 들어.. kevinthegrey.tistory.com HTML과 JavaScript을 깊이있게 이해해야 다양한 공격수단을 준비 할 수 있다. www.w3schools.com/js/js_window.asp JavaScript Window JavaScript Window - The Browser Object Model The Browser Object Model ..