본문 바로가기

728x90

카테고리

(35)
Javascript - [.getElementById, function] 📚 .getElementByid? getElementById는 JvaScript에서 사용되는 메서드로, HTML 문서에서 특정 ID를 가진 요소를 찾아 반환하는 역할을 한다. 문서 내에서 특정 ID를 가진 요소를 가져오는 데 사용된다. document.getElementById("아이디명") 한 문장씩 뜯어서 생각해 보면 document - 문서에 getElementById ("myDiv") - 요소의 아이디가 안녕으로 작명된 것을 가져온다. innerHTML = HTML 문서에서 📌 .getElementById 예시 DOCTYPE html> Document 안녕하세요[변경전] document.getElementById("hello").innerHTML = "안녕하세요[변경후]"; 작성된 코드를 보면 g..
[KDT 포스코x코딩온 10] 웹 풀스택 과정 회고록 (5) | Javascript KDT 포스코X코딩온 웹 풀스택 과정 10기 - JavaScript 사용 - JavaScript 변수명 작성법 - JavaSCript 변수 - JavaScript 자료형 - JavaScript Typeof - JavaScript 형변환 - JavaScript 연산자 종류 2023-10-31 📚JavaScript javascript 정적인 웹사이트를 동적인 웹사이트로 만들어준다. 📚 javascript 사용 [ console.log, alert ] console.log() 브라우저의 개발도구에 있는 console 창에서 확인 가능하다 alert() 브라우저가 열렸을 때. 그 내용을 상단의 알림 창으로 보여준다. 내장방식 링크방식 태그 안에 코드 양이 많은데 를 넣으면 페이지가 늦게 로딩된다. head태그 ..
HTML, CSS 사용하여 UICARD 만들기 (2) 📚 Animation 추가 적용하기 지난번에 만든 Uicard.html에 animation을 추가해 보면 어떨까 해서 추가를 하면서 화면을 확대했는데. 지난번에 보지 못한 것들이 많이 보여서 수정을 하기로 했다. 발견된 문제점 1. 화면을 확대하면 text 및 버튼이 text박스 밖으로 넘친다. 2. 화면을 확대하면 화면 하단에 주황색 단선이 생긴다. 문제가 많은 사이트 하나씩 뜯어고쳐보기 📌 text 및 버튼 화면 확대 시 화면이 난리 났다.. 해결방법 : width btn 크기를 rem 설정을 %로 변경했다. width: 8rem; /변경 전 width: 70%; / 변경후 텍스트를 보면 Mountains text는 word-break: break-all 해결완료 word-break: break-al..

728x90