본문 바로가기

프로그래밍245

JavaScript 태그안의 내용 가져오기, 변경하기 JavaScript로 html 태그로 둘러싸인 내용을 가져오거나, 변경하는 방법입니다. 아래는 태그안의 내용을 가져오거나, 변경하기 위해 사용되는 속성들입니다. 각 각의 요소에 대한 간략한 설명은 아래와 같습니다. innerText: 순수 텍스트 처리를 합니다. textContent: 순수 텍스트 처리를 하지만 줄 바꿈은 유지 됩니다. innerHTML: html 태그를 유지하며 처리 됩니다. 위 요소들에 대한 내용 가져오기, 변경하기에 대해서 아래에 예제를 나열하니, 사용 목적에 맞게 적절하게 사용하시기 바랍니다. 2022. 6. 29.
jQuery $(document).ready 대체 jQuery의 $(document).ready(function() {...})을 대체할 수 있는 vanilla JavaScript구문은 아래와 같습니다. jQuery $(document).ready() 원문 $(document).ready(function() { // ... }) Vanilla js 대체 구문 document.addEventListener("DOMContentLoaded", () => { // ... }) 2022. 6. 27.
CSS 접근자 css 접근자 정의 및 예시입니다. .class .intro class="intro"인 모든 요소 선택 .class1.class2 .name1.name2 class 속성 내에 name1 과 name2 가 모두 설정된 모든 요소를 선택합니다 . .class1 .class2 .name1 .name2 name1 을 가진 요소의 자손인 name2 를 가진 모든 요소를 선택합니다 . #id #firstname id="firstname"인 요소를 선택합니다. * * 모든 요소 선택 element p 모든 요소를 선택합니다. element.class p.intro class="intro"인 모든 요소를 선택합니다. element,element div, p 모든 요소와 모든 요소를 선택합니다. element eleme.. 2022. 6. 27.
Javascript 요소 가져오기 HTML DOM Document의 요소를 가져오는 함수들의 정의와 사용법에 대해서 소개합니다. 관련 함수는 아래와 같습니다. getElementById getElementsByClassName getElementsByName getElementsByTagName querySelector querySelectorAll getElementById('아이디') 함수의 인자와 아이디가 일치하는 요소를 가져옵니다. querySelector('#아이디')로 대체 가능합니다. ('#'을 꼭 붙여줍니다.) 꾸션 document.getElementById('blogName') document.querySelect('#blogName') getElementsByClassName('클래스명') 함수의 인자와 클래스가 일치하.. 2022. 6. 27.
jQuery 접근자 기본 접근자 // html 태그 $('태그명') // $('h2') // id $('#아이디명') // class $('.클래스명') // name 어트리뷰트 $('input[name=이름]') 고급 예제 // 모든 요소 $("*") // 현재 요소 $(this) // class="intro"가 설정된 모든 p태그 요소 $("p.intro") // 첫 번째 p태그 요소 $("p:first") // 첫 번째 ul태그의 첫 번째 li태그 요소 $("ul li:first") // 모든 ul태그의 첫 번째 li태그 요소 $("ul li:first-child") // href어트리뷰트를 갖는 모든 요소 $("[href]") // a태그의 target이 '_blank'로 설정된 모든 요소 $("a[target='_.. 2022. 6. 22.
Expo SDK 45 주요 변경사항 Expo SDK 45에서 변경된 사항을 알아 보겠습니다. 주요 변경사항 Expo Go 인터페이스 업데이트 new Sweet API로 재작성된 Clipboard와 WebBrowser 모듈이 개선되었습니다. expo-crypto, expo-random, expo-haptics 그리고 expo-localization이 JSI로 이동하였습니다. 안드로이드 라이브러리에 의해 추가되 권한들(permissions)을 더 쉽게 제외(제거)할 수 있습니다. (app.json 혹은 app.config.js에서 android.blockedPrmissions 항목에 제외할 항목을 배열형태로 추가하면 됩니다.) Android compileSdkVersion 31, Java 11 사용 React Native 0.68 사용 exp.. 2022. 6. 14.
반응형

티스토리툴바