본문 바로가기

공부95

35일차 복습 부트스트랩 트위터에서 시작된 오픈소스 프레임워크. 간단하게 페이지의 전체적인 틀을 짤수 있으며, 버튼, 글자, 입력폼, 효과 등 자잘한 부분들 모두 내장되어 있기 때문에 웹 페이지를 빠른 시간내에 간단히 만들수 있다. 또한 모바일이나 태블릿처럼 다양한 해상도에 따른 화면 설정을 간단히 할수 있기에 크게 사랑받는 프레임워크다. 부트스트랩을 사용하기 위해선 기존 css문법이 아닌, 내장된 부트스트랩만의 문법을 사용해야 한다. 어려울건 없으니 그때그때 필요한 기능을 공식 사이트에서 찾아서 사용하면 된다. https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, .. 2023. 1. 1.
34일차 복습 jQuery 자바 스크립트 문법을 간결하게 하며 많은 기능을 제공하기에 사용하는 기능이다. 과거에는 혁신적인 기술로 각광받으며 많은 사랑을 받았으나, 지금에 와서는 DOM에 직접 접근하는 개발 방식에 대한 기피, 다른 언어들의 발전, 자바스크립트의 지속된 업데이트로 입지가 좁아졌다. 하지면 여전히 많은 곳에서 사용되고 있고, 기존에 만들어진 사이트들 역시 jQuery를 사용해 만들어졌기 때문에 최소한 읽을수는 있어야 한다. 사용법 1. 파일을 직접 배포함(직접 다운 받아서 불러옴) https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like .. 2022. 12. 29.
32일차 복습 JS로 문서 객체 속성 변경 getAttribute() : 입력된 객체의 속성값을 가져오는 함수 setAttiribute( a, b ) : 호출된 객체의 a 속성값을 b로 변경하는 함수. ex) 이미지 변경하기 function changeImg() { let img = document.getElementById("img"); // img태그 선택 let imageName = img.getAttribute('src'); // img태그의 src속성 선택 img.setAttribute('src', 'bananas.png'); // src태그 변경( 이미지 변경 ) }; JS로 클래스 이름 설정하기 방법 1. 설정하고자 하는 태그를 선택한다. 2. .classList로 해당 태그의 클래스 이름을 받아온다. 3.. 2022. 12. 28.
32일차 복습 클릭 이벤트 처리 함수 1. onclick() 가장 일반적이며 간편하게 사용 가능한 함수다. 특정 요소가 클릭되었을때 호출되며, 버튼태그가 아니더라도 글자나 div태그 역시 적용 가능하다. 클릭하세요 이런 식으로 사용 가능하다. 만약 자바스크립트로 적용하고 싶다면 선택자를 통해 특정 태그를 선택해서 프로퍼티에 값을 할당해야 한다. 더보기 let h1 = document.getElementById('header1'); h1.onclick = () => { alert('H1 클릭됨.'); }; 위의 경우는 id선택자를 통해 h1태그를 선택해 onclick 프로퍼티에 익명 함수 값을 할당한 것이다. 2. addEventListener 대부분의 언어에 존재하는 addEventListener를 이용할 수 도 있다.. 2022. 12. 27.

티스토리툴바