IT Study

HTML 삽입 미리보기할 수 없는 소스 Navbar An item A second item A third item A fourth item And a fifth one class 이름을 2개 이상 쓰고 싶을때에는 띄어쓰기로 구분해준다. class를 탈/부착식으로 개발하면 애니메이션 추가가 쉽고, 나중에 재사용이 편리함 add: 단순 추가만 가능 / toggle: 없으면 추가, 있으면 제거 추가 - 셀렉터로찾은요소.classList.add('클래스명') 제거 - 셀렉터로찾은요소.classList.remove('클래스명') 있으면 제거, 없으면 추가 - 셀렉터로찾은요소.classList.toggle('클래스명') querySelector: CSS 문법 사용 가능 CSS에서 .은 class를 의미 / #은 i..

google 에 bootstrap 검색 https://getbootstrap.com/ 접속하여 Getting started - Introduction(v5.2) 에서 CSS와 JS 파일을 복붙하기 CSS는 head tag 안에, JS는 body tag 끝나기 전에 넣어주기 2번이 어려우면 Include Bootstrap’s CSS and JS를 그대로 가져와서 시작하기 Hello, world! 4. Components - Buttons에서 원하는 버튼 복사해오기 5. 이런 방법으로 Bootstrap을 가져와서 쓰면 된다~ ** 참고강의 https://codingapple.com/ JavaScript 입문과 웹 UI개발

HTML 삽입 미리보기할 수 없는 소스 알림창임 닫기1 닫기2 버튼1 버튼2 버튼3 버튼4 위에서 두 방법 모두 같은 결과를 가져옴(버튼1,2 or 버튼 3,4) innerText vs. innerHTML innerText: element 내부에 있는 text 값들을 말함 innerHTML: element 내부에 있는 HTML이나 XML 모두를 말함 셀렉터 class명은 사이트 내에서 여러개가 존재 할 수 있으나, id는 중복을 허용하지 않음. 따라서, id가 없더라도 class를 getElementsByclassName(' ')로 사용할 수 있으나 정확히 하기 위하여 인덱스 번호(위에서부터 순서대로 인덱스가 붙음, 0번부터 시작~)까지 붙여주는 것이 좋음 e.g. getElementsByclassNam..

HTML 삽입 미리보기할 수 없는 소스 알림창임 닫기 버튼 * 함수사용 ... 알림창임 닫기 버튼 ... * 함수(parameter) 파라미터 사용 - 비슷한 함수를 하나로 작성 가능 ... 알림창임 닫기 버튼 ... UI 만드는 step HTML/CSS로 미리 디자인 필요할 때 보여달라고 코드 짜기(JavaScript로) display - none(안보임) or block(보여줌) // visibility - hidden or show 함수 만들기 + 소소한 팁 function 사용으로 간단히 한 단어로 표현하기(function 작명은 구체적으로! camelCase!) ** 코드 재사용에 용이함 HTML 코드는 위에서부터 한 줄씩 읽어나가므로, 는 조작할 HTML 하단에 작성하는 것이 좋음 오타에 주의..

HTML 삽입 미리보기할 수 없는 소스 안녕하세요. .getElementById() : 셀렉터 / html 요소를 찾기 위해 사용 .innerHTML / .style / .color : 메소드(또는 함수) / html 요소의 어떤 속성을 변경할지 결정하기 위해 사용 ** 참고강의 https://codingapple.com/ JavaScript 입문과 웹 UI개발