본문 바로가기

전체 글290

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.
특수 문자 (한글 자음 + 한자 키 조합) 윈도우에서 한글자음과 한자키 조합으로 입력할 수 있는 특수문자들의 전체 목록입니다. 참고로 한글 기본 자음외에 쌍자음에도 특수문자가 존재합니다. ('ㅉ'은 특수문자가 없습니다.) (ㅃ + 한자키 = 일본 가타카나, ㄸ + 한자키 = 일본 히라가나) 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.
Ubuntu에서 Apache2, Express 연동(HTTP, HTTPS, SSL) Ubuntu환경에서 Apache2 웹서버와 Express 웹 어플리케이션 서버를 연동하는 방법입니다. SSL연동을 하여, HTTPS 서비스환경을 구축하는 것을 목표로 글을 작성합니다. 아래는 이 글의 작성을 위한 환경입니다. 도메인: ccusean.com 서브 도메인: lotto.ccusean.com tools.ccusean.com games.ccusean.com Express 포트: 8080 최종 목표: HTTP(80) -> HTTPS(443) -> Express(8080) SSL 인증서: Let's Encrypt를 통해서 보유한 상태 Apache2 패키지 설치 및 필요한 모듈 활성화 Ubuntu서버에서 Apache2서버 설치와 필요한 모듈을 활성화하는 방법입니다. # Apache2 패키지 설치 sud.. 2022. 5. 5.
VSCode 언어에 상관없는 인기 확장 팩 Top 3 Visual Studio Code의 확장팩으로 언어와 상관없이 사용 가능하며, 코딩 시에 많은 도움이 되는 가장 인기 있고 유용한 확장팩 Top 3을 모아 보았습니다. 1. Prettier Prettier는 코드 스타일을 일관되게 유지하는데 도움이 되는 포맷터입니다. 20,752,031의 다운로드를 자랑하는 인기 확장팩입니다. 협업하는 분들과 들여쓰기를 탭으로 할 것인지, 띄어쓰기로 할 것인지, 띄어쓰기 칸은 몇 칸으로 할 것인지는 더 이상 논쟁의 대상이 되지 않을 것입니다. Prettier - Code formatter - Visual Studio Marketplace Extension for Visual Studio Code - Code formatter using prettier marketplac.. 2022. 5. 5.
반응형