Front-end Developer (21) 썸네일형 리스트형 [Javascript] Javascript란 무엇일까? 개발공부를 하면서 늘 궁금한 게 있었는데 자바스크립트는 무엇이며 우리가 왜 사용하는지? 자바스크립트로 무엇을 할 수 있는지에 대해서 간단하게 정리를 해보고자 한다. Javascript란? 자바스크립트는 웹 개발에서 주로 사용되는 프로그래밍 언어 중 하나이다. 웹 브라우저를 생동감 있게 내용을 만들어주거나 제어하기 위해 사용되는 언어이다. HTML 및 CSS와 함께 웹 페이지를 구축하는데 중요한 역할을 한다. 예를 들어, 웹 페이지에서 버튼을 클릭하면 자바스크립트를 사용하여 그에 대한 반응을 만들 수 있다. 또한, 사용자가 어떤 입력을 하면 실시간으로 결과를 보여주거나, 화면을 업데이트하는 데에도 사용된다. 자바스크립트(Javascript)를 사용하는 이유는? 우리가 자바스크립트를 사용하는이유는 다양하겠지.. 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.. 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.. 이전 1 2 3 4 5 ··· 7 다음
