js5 자바스크립트 (쌩기초편🤷🏻♀️) 바닐라 자바스크립트 성능 (속도) 비교 자바스크립트란 무엇일까? 이 페이지는 이것에 대한 간단한 소개이다. 초심자 중에도 초초초초초초심자 문서이기 때문에 가볍게 넘어갈 수 있다. 대체 자바스크립트란 무엇인가? 그리고 바닐라JS란 무엇인가? 제이쿼리는 무엇이지? 정말 아무것도 모르는 사람들은 이렇게 궁금해 할 것 이다. 자바스크립트 그것이 궁금해! 자바스크립트는 웹 브라우저에서 주로 사용되는 객체 기반의 스크립트 언어이다. (오잉 함수기반 아닌가?) JAVASCRIPT ? JAVA ? 그거 같은거 아냐? 간단히 말하자면 같은거 아니다. 자바스크립트 왜 만들었나? 자바스크립트의 등장 계기는 다음과 같다. 옛날 옛적에.. 네스케이프사에서 만든 ‘네비게이터’라는 웹 브라우저가 시장을 지배했던 때가 있다. 이때 .. 2022. 4. 29. Youtube API 다중 동영상 제어 Youtube 영상을 다중으로 이리저리 제어하는 프로젝트 중이라. 본의 아니게 Youtube API를 열심히 만지고 있다. 지금까지 내가 알게된 바는.. local 작업시, IE에서는 playVideo()와 같은 명령어가 듣지 않는다. - ftp 에 업로드 후 확인 결과 정상으로 나온다. chrome 은 최근 업데이트를 통해 playVideo()를 막아버렸다. - iframe으로 동영상을 추가한 경우, 웹접근성과 관련하여 이번 업데이트가 이뤄진 것으로 추정된다. 무조건 클릭이 되어야만 재생이 되는데. 한가지 꼼수는 mute (음소거) 상태로 재생시에는 playVideo()가 먹힌다. - iframe 으로 넣어서 api를 연결해준 경우가 아닌, api 내에서 iframe을 만들어버린 경우엔 unMute상태.. 2021. 7. 1. Youtube API - html을 삽입하는 두가지 방법 유튜브 영상을 메인에 거는 일이 많은 편인데 그 유튜브 영상을 제어하기 위해 컨트롤 버튼을 만들어 쓰는 경우가 생겨 정리합니다 . 더 자세히는 유튜브에서 제공하는 API 설명 사이트를 통해 알아보실 수 있습니다. https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API Embed a YouTube player in your application. developers.google.com 1. 첫번째 방법 - 동영상 js 로 넣기 // 유튜브 영상이 자리 할 곳입니다. html 내에 해당 동영상이 들어갈 자리를 만듭니다. 아이디 값.. 2021. 7. 1. Instagram AIP - 웹사이트에 피드 로드하기. instagram API 를 이용해서 내 웹사이트에 피드 로드하기를 구현해볼까합니다. 여기서 전제조건은 해당 인스타그램 계정이 공개계정이여야 한다는 점입니다. 그리고, 아무 계정이나 가져오진 못합니다. 해당 계정의 주인이 계정의 공개 토큰을 가져와야하기 때문입니다. 1. Instagram developer site 로그인 아래 첨부한 사이트에서 인스타 계정 로그인을 합니다. 단, 아무 계정이 아닌 피드를 가져올 해당 계정이여야 합니다. instargraim developer site URL : https://www.instagram.com/developer/ 2. Manage Clients 클릭 예시 캡쳐본에 따라 해당 버튼을 클릭합니다. 3. Register a New Client 클릭 4. 데이터 채.. 2021. 7. 1. [카카오API] 카카오 로그인, 로그아웃, 연결끊기 (JDK, javascript 방법) 로그인 /** * 카카오톡 로그인 * response 값으로 유저의 snsKey, snsType는 필수로 form안에 append 처리합니다. */ function kakaoLogin(params) { Kakao.init(params.key); Kakao.isInitialized(); $(params.button).on('click', function() { loginWithKakao(); }); function loginWithKakao() { Kakao.Auth.login({ success : function(response) { Kakao.API.request({ url:'/v2/user/me', success: function(result) { var accessToken = Kakao.Auth... 2021. 7. 1. 이전 1 다음
