728x90 반응형 분류 전체보기83 javascript - 텍스트 박스 안에 내가 넣은 텍스트 수를 카운팅 해보자 우리가 텍스트 박스를 만들때 (id 입력란)최대 글자수가 제한되어 있다면,내가 적는 글자 수 에 맞춰서 '남은 글자 수'가 점점 줄어들 것이다 Product Name 50/50 Submit 우선 HTML 형식을 이렇게 만들어서 텍스트 입력란 - 텍스트 카운팅 형식으로 만들어두자 이렇게 하면 50/50의 텍스트를 카운팅 할 수 있는 박스가 만들어진다이때 카운팅 텍스트를 실시간으로 변경 할 수 있도록 javascript를 만들어 주자let productNameInputElement = document.getElementById('product-n.. 2025. 6. 9. javascript - HTML 첫번째 '클릭' 이벤트 리스너 추가하기 이번엔 HTML의 요소를 클릭했을 때 내용이 변경 될 수 있도록이벤트 리스너(eventlistener)를 추가해보자 Click me!이렇게 간단하게 작성 한 후 let paragraphElement = document.querySelector('p');javasscript를 이용해 문서의 첫번째 를 선택한다이 경우에는 Click me!가 첫번째 이기 때문에 선택될 것이다 function changeParagraphText(){ paragraphElement.textContent = 'Clicked!'; console.log('Paragraph clicked!');}paragraphElement.addEventListener('click', changeParagraphText); 이후 .. 2025. 6. 8. javascript를 이용해 HTML 내용을 수정해보자 - inner HTML 작업 HTML문서에서 Hi there! I'm new! This is a link 첫번째 단락'I'm new!'를 변경해보자 우선 javascript에 첫번째 단락으로 접근 할 수 있는 변수를 만들어야 한다let firstParagraph = document.querySelector('p');그리고, HTML 내용을 변경 할 수 있도록 HTML내용에 접근하는 innerHTML을 사용한다 firstParagraph.innerHTML ='Hi! This is important!.'; 그러면 해당이 반영된 HTML을 수정할 수 있다 2025. 6. 7. 호주 워킹홀리데이 비자 신청 - 강남 세브란스 병원 가능법, 비용, 진찰내용 현지에서 살면서 현지 영어를 배우기 위해 워킹홀리데이를 신청했다. 호주 워킹홀리데이 신청에 관한 기본적인 사항은워킹홀리데이 인포센터와 유튜브를 통해 참조 할 수 있는데, https://whic.mofa.go.kr/whic/nation/info.jsp?boardNo=100002 워킹홀리데이인포센터 | 재외동포청재외동포청 워킹홀리데이인포센터 소개, 워킹홀리데이 국가 및 지역정보, 구인구직, 체험수기 등 정보 제공whic.mofa.go.kr 유튜브가 정말 잘 되어 있다.시간이 조금 흘러서 세세한 정보는 다르지만 대략적인 부분은 그냥 보고 따라하면 될 정도 온라인에서 접수가 끝나면 28일 안에 건강검진을 받아야 한다.건강점진 전 준비물은1. 여권2. 여권용 사진 (헬스폼에 부착한다.)3. 헬스폼총 3가지가 .. 2025. 4. 21. 이전 1 2 3 4 ··· 21 다음 728x90 반응형
