본문 바로가기
반응형

분류 전체보기158

Jquery란, 준비방법, 문법, 스타일 제어 ● Jquery 사용 배경 '멀티 브라우져 지원'. 어느 브라우져에서나 동일하게 작동을 한다는 것. 특히 IE의 독자노선 행보로 인해 IE와 다른 브라우져들은 자바스크립트에서 지원하는 기능이 다르거나, 같은 기능이 있더라도 사용 방법이 다른 경우 jquery에서는 이것을 전부다 해결해준다. 멀티 브라우져에서의 ajax이용, 이벤트 설정, DOM 탐색이야말로 jquery의 핵심적인 기능인 것이다. : 또 다른 장점은 바로 간단하게 이용할 수 있는 핵심 기능들을 포함하고 있다는 것. : 특히, jquery-mobile은 모든 모바일 단말에서의 똑같은 UI와 동작. 단순히 attribute를 설정해주는 것만으로 UI들이 바로바로 적용되는 놀라운 기능들을 소개해주고 있다. 사용이유 ● Jquery란? jQuer.. 2023. 10. 19.
자바스크립트 스타일바꾸기, 콜백함수(이벤트) ● 스타일 바꾸기 ​ 변경할 대상​ 변경!​ let ch =()=>{ Element의 스타일을 변경 Element.style.속성이름 = '속성값' document.getElementById("h1Tag").style.color = 'red' ​ 배경색 검정색, 글자색은 노랑색 ​ // ver.TagName document.getElementsByTagName('h1')[0].style.color = 'yellow' document.getElementById("h1Tag").style.backgroundColor='black' } ​ document.getElementsByTagName('h1')[0].style.color = 'yellow' document.getElementById("h1Tag").s.. 2023. 10. 19.
jQuery 사용 방법, 다운로드 방법 jQuery 사용 방법 ※ jQuery 파일 첨부 ● jQuery 사용 방법 ​ 1. 파일을 다운로드 받아서 사용 ​ https://jquery.com/ jquery-3.6.0.min 파일을 다운로드 한뒤, 자신의 프로젝트 dir에 이동시킨다. 그리고 html의 head태그에서 src를 지정해주면 된다. 2. CDN을 이용해서 사용 ​ https://releases.jquery.com/ 3. 구글 에서 가져오기 ​ https://developers.google.com/speed/libraries?hl=ko 호스팅된 라이브러리 | Hosted Libraries | Google for Developers 인기 있는 오픈소스 자바스크립트 라이브러리에 대해 Google에서 호스팅하는 콘텐츠 배포 네트워크에 포함.. 2023. 10. 19.
자바스크립트 DOM 자바스크립트 DOM DOM이란? ​ ​ ​ ​ ​ 1. 객체 {} => . 2. 배열 [] => 인덱스 번호 3. 함수 () 객체, 배열, 함수 선언 방법 DOM (Document Object Model) - HTML 문서 쪼개서 객체화 => JS 영역으로 조정 ★★ - HTML 문서 내에 최상위 객체 => document 객체 ★★ 내가 만약 JS 의 영역에서 HTML 문서를 손대고 싶다면? document 접근 ​ ​ ● DOM 실습 ​ Hello, World! Click! ​ let innerFunc =()=>{ let pTag = document.getElementById('text') 요소 = 태그 + 컨텐츠 ​ 요소 안의 내용만 수정 or 접근? .innertext (1) 접근 console... 2023. 10. 19.
일상지원금, 만보기 앱테크! 발로소득 (초대코드) 걸으면서 돈버는 앱테크 발로소득 요즘 오르는 물가에 여러 부업, 앱테크등이 인기입니다. 여러가지 앱테크로 토스, 픽플리, 모니모등등이 있지만 재밌게 일주일동안 챌린지를 해가면서 할수 있는 앱테크를 알려드리려고 합니다. 이번에 소개하는 앱테크 어플은 "발로소득" 이라는 어플입니다. 발로소득은 글 플레이스토어 및 애플 앱스토어에서 다운이 가능합니다. 먼저 발로소득 앱을 받으시면 아래화면 처럼 홈화면에서 걸음수정보와 내가 받은 코인, 칼로리, 걸은 시간수을 알수있습니다. 걸음수 아래에 보면 일상챌린지 목록들을 볼 수있는데 이 챌린지들은 일주일에 3000P씩 지급되는 일상지원금 이라는 포인트를 통해 참여가 가능합니다. 일상지원금과 소득 위 화면에서 빨간 네모 안의 일상지원금과 소득란이 있는데 발로소득 일상지원금.. 2023. 10. 19.
자바스크립트로 문자열 포매팅 구현하기. String.format() 다른 언어에서는 기본 메서드로 제공되는 문자열 포메팅 함수, 또는 메서드가 제공되지 않습니다. 굉장히 자주 사용하는 기능이지만 제공되지 않기 때문에 만들어 써야 합니다. 문자열 포매팅을 구현하는 방법은 여러가지가 있습니다. 필요에 따라 단순하게 구현해서 사용하는 방법도 있지만, 범용으로 사용할 수 있는 조금 복잡한 구현 방식으로 구현해서 여러가지 용도로 사용할 수도 있습니다. 프로토타입 언어인 자바스크립트의 특성을 살려서 프로토타입 메서드로 구현하는 방법을 주로 사용합니다. ES6부터는 템플릿 문자열이 지원되기 때문에 문자열 포매팅 메서드를 따로 구현하지 않아도 문자열 포매팅을 할 수 있지만, 인터넷 익스플로러 호환성이 필요하거나 템플릿 문자열로는 구현하기 어려운 중간 변환이 필요한 경우, 포매팅 메서드.. 2023. 10. 18.
반응형

티스토리툴바