728x90 반응형 JavaScript5 [javaScript] Color Picker ! 컬러 피커 Coloris 자바스크립트로 간단하게 적용하기 컬러 피커 코드 공유 합니다! 😎 cdn 😎HTML cdn이랑 html코드만 넣어도 출력가능합니다. 스크립트 코드로 컬러피커 세팅 변경 할수 있습니다. 😎 script Demo 여기서 확인가능합니다. 2022. 9. 20. [JavaScript] reload() 메서드 - 페이지 새로고침 😎캐시에서 페이지 가져와 새로고침 (= false 옵션) [예제1] HTML과 스크립트 분리 새로고침 [예제2] HTML과 스크립트 일체 캐시새로고침 ※ location.reload() 메서드 기본값이라, false는 생략 가능. 😎서버에서 페이지 가져와 새로고침. (= true 옵션) 새로고침 서버새로고침 😎reload() 정의 - 페이지 새로고침 (= 리로드) - 모든 주요 브라우저 지원 😎reload() 구문 location.reload(forceGet) [매개변수] forceGet 선택. 새로고침 방법 지정. (= 리로드 타입 지정) false : 캐시에서 가져와 현재페이지 새로고침. (기본값.) true : 서버에서 가져와 현재페이지 새로고침. 2021. 11. 16. 녹화프로그램! HTML, JS로 직접 만들어보기 유투브 '코드 스캘퍼' 님의 영상을 보고 만든 것입니다. 스크립트 코드로 촬영하고 녹화하고 저장까지 비교적 간단한 코드였습니다 그치만 Blob이라는 코드와 vodeo 코도도 처음 사용해보았습니다. 녹화를 누루면 녹화가 실행됩니다. 저렇게 제 모습이 녹화되고 오디오도 들어갑니다. 중지를 누르면 녹화가 중단 됩니다. 녹화보기 버튼을 누르면 방금 녹화했던 제 영상이 미리보기 화면에 출력됩니다. 그리고 다운로드 버튼에 링크가 걸리게됩니다. 다운로드 까지 됩니다. 모든 기능들이 문제없이 실행됐으나 전 다운로드된 영상을 보면 소리는 들리는데 화면이 블랙화면이었습니다. 코드상 문제는 없는것 같으나 유투브 댓글로 여쭤보니 라이브 서버를 다운받으라는 말씀을 하셔서 해보았으나 여전히 화면 출력이 되지 않습니다.ㅜㅜ 안타깝.. 2021. 4. 16. 바닐라 JS로 크롬 앱 만들기 Vanilla JS를 익히기 위해 찾다가 "노마드코더"라는 강의 사이트를 찾았습니다. 무료 강의가 좋은게 많이 있습니다. 초급 javaScript 를 배우고 싶으신 분들에게 추천 드립니다. (html css 를 전혀 모르는 상태라면 어려울것이라 생각됩니다) only JavaScript만으로 만든 크롬앱의 기능은 1. 시계 기능 2. 비교적 가벼운 데이터인 이름 및 todo 리스트를 브라우저 자체에 저장 3. todo리스트 삭제가능 4. 현재 위치 위도경도 값 받아 외부 날씨 api로 날씨 출력 (오른쪽 상단) 5. 랜덤 배경화면 출력 코드 공유 하겠습니다 clock.css body { background-color: #34495e; color: white; margin: 0; text-shadow: 1p.. 2021. 4. 12. [날씨 외부 API] openweathermap api 와 fontawesome 아이콘 이용해서 날씨 정보 가져오기 오픈API란? 개발을 하다보면, 내가 스스로 얻을수 없는 정보들이 있다. 버스 정보라든가 , 날씨 정보라든가 , 도서관 정보 등의 데이터들이다. 대부분 국가, 기업, 기관등에서 해당 정보들을 공유한다. 해당 데이터들을 쉽게 사용할수 있도록 간단하고 쉽게 제공해주는것을 오픈API라고 한다! 이번에 사용한 API 는 날씨정보 API입니다 ! 날씨를 제공해주는 API는 꽤 있으니, 이 OpenWeatherMap API가 마음에 들지않으면, 다른 API도 많으니 찾아보는것도 좋다! ( API를 선택한 이유는 해외날씨를 가져와야하기 때문이다!) OpenWeatherMap 를 이용한 날씨정보를 가져오는 API를 소개해드립니다. https://openweathermap.org/ 우선 이 날씨 API는 완전 무료는 아.. 2021. 3. 18. 이전 1 다음 728x90 반응형
