개발새발개발/JavaScript3 JavaScript - AlertBox 만들기 3편(jQuery 라이브러리와 설치법) 1편, 2편에 이어 코딩애플님 AlertBox 만들기 3편(유튜브로는 6강의 내용) React가 조금 더 부드럽고 여러가지 기능이 많기 때문에요즘은 jQuery를 잘 사용하지 않는다. 하지만 과거부터 현재까지 jQuery를 사용한 웹 사이트가 많이 남아있기 때문에눈에 익혀둘 겸 가볍게 공부했다! 전체 코드 안녕하세요 jQuery 설치법(CDN 이용) 구글에 jquery CDN 검색해서 3.x 에서 minified 버전 사용- uncompressed : 하나도 압축하지 않은 원본- minified : 공백 제거한 압축본느낌- slim : 몇몇 기능이 빠진 가벼운 버전- slim minified : slim + minified 요소 선택$('CSS셀렉.. 개발새발개발/JavaScript 2024. 12. 14. JavaScript - Alert Box 만들기2편(EventListener) 지난번에 이어 JavaScript 복습하기!그 중에서 JavaScript 에서 중요한 EventListener 파트에 대해 공부할 예정이다 Alert 2개 만들기 [1] 각각의 함수 만들기- 어려우면 한글로 먼저 따라써보기- p태그를 어떻게 지정해야할지 몰라 헤맸는데, id를 부여해주면 해결되는 문제였다! Alert 박스 닫기 아이디 비밀번호 [2] 파라미터 활용하기- 개인적으로는 글이 길어지면 파라미터도 길어져 가시성은 좀 아쉬움- 상황에 맞게 활용해야 할 듯 Alert 박스 닫기 아이디 비밀번호 [3] addEventListener 사용하기- Ev.. 개발새발개발/JavaScript 2024. 12. 13. JavaScript - Alert Box 만들기 1편(요소 선택 및 변경, Alert 1개 만들기) JavaScript는 이미 배워 친숙한 친구이지만최근 Django를 하느라 소홀하게 대한 부분이 있어오랜만에 복습겸 유튜버 코딩애플님의 AlertBox 만들기를 따라해봤다! 난이도는 매우매우 쉬움!그래도 싸피에서 배웠던거랑 다른 부분도 있어서 신기했다 이번글은 코딩애플님이 알려주신 것 + 내 생각을 정리를 적어볼 예정이다시작! 1. HTML 요소 변경하기document.getElementById('???').???='red'- 이 형식을 활용하여 대부분의 HTML 요소를 수정할 수 있음- 다만, 가능한 종류가 많기 때문에 '???' 부분은 구글 검색으로 찾아보면서 해야함- 검색할 때 '$' 표시 있는 건 jQuery 문법으로 javascript와 다른거임 안녕하세요! 올때메로나 .. 개발새발개발/JavaScript 2024. 12. 12. 이전 1 다음
