IT Study

로그인하세요 전송 닫기 Navbar An item A second item A third item A fourth item And a fifth one 로그인( " data-ke-type="html">HTML 삽입미리보기할 수..

로그인하세요 닫기 로그인( " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 로그인하세요 닫기 로그인 모달창은 보통 페이지 맨 앞에(모든 html 요소 맨 앞에) 존재하므로, tag 안에서 가장 상단에 적어주는 것이 좋음css 에서 position: fixed; / z-index 등 참고 one-way UI 애니메이션(A상태에서 B상태로 이동하는 것)"시작스타일 / 최종스타일" 을 Class로 만들어놓기원할 때 최종스타일로 변하라고 코드 짜기CSStransition 동작에 소요되는 시간(1s 등..

jQuery는 JavaScript의 라이브러리로, 함수명을 간결하게 가능! google에 jQuery CDN 검색 - https://releases.jquery.com/ 접속 jQuery 3.x - minified 클릭 - 복사 - html 파일에 첨부~ cf) 페이지 로딩속도를 고려하여 외부 라이브러리는 body 태그 가장아래쪽에 추가하는 것이 좋으나, 코드 복잡성 등을 고려하여 head 태그에 넣어주기도 한다. ?? 맨 아래에 넣으니 안되고, jQuery가 사용되기 전에는 있어야 에러가 안나는듯 ?? 그래서 걍 head에 넣어주는게 좋을지도ㅠ ** 참고강의 https://codingapple.com/ JavaScript 입문과 웹 UI개발

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개발