본문 바로가기
반응형

전체 글601

Javascript : innerText와 textContent 차이 그리고 innerHTML innerText와 textContent 차이 innerText와 textContent 의 값은 모두 text/plain 으로 파싱한 결과이다. 그래서 혼동하기 쉬우나 중요한 차이점이 있다. innerText : 화면에 보이는 내용만 보여준다. CSS등의 스타일링을 고려하기 때문에 리플로우가 발생한다. (리플로우 계산은 가능하면 피하는것이 좋다) textContent : Dom practice HiHIHI 1. 위의 HTML태그를 innerText를 이용하여 출력한 경우 console.log(document.querySelector('#practice').innerText) //innerText를 이용한 출력 Dom practice HiHIHI 2. 위의 HTML태그를 textContent를 이용하여 출.. 2021. 7. 24.
HTML요소의 block 특성과 inline 특성 1. 크기 block은 화면 크기 전체의 가로폭을 차지하고 항상 새로운 라인에서 시작한다. inline은 문장의 중간에 들어갈 수 있다. content의 너비만큼 가로폭을 차지한다. dasdfasdfasdfasdfasdfasdfasdf adlkfalksdfnlkasfdklsaksldnflaskdnflka 2. width, height, margin, padding block은 width, height, margin, padding 프로퍼티 지정이 가능하다. inline은 width, heigth, margin-top, margin-bottom 프로퍼티를 지정할 수 없다. inline의 margin은 margin-letf, margin-right 만 지정 가능하다. div는 width, height가 바뀌.. 2021. 7. 24.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +5일 오늘 배운 것 HTML 기초 오늘은 검색을 많이 해야 했다. 자세하게는 HTML 개념정리로 따로 올리기로 하고 우선 큰 내용만 적겠다. Achievement Goals HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 Markup language라는 것을 이해할 수 있다. "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다. HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다. Opening tag, closing tag, self-closing tag에 대해서 이해하고 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. div, span 태그가 무엇이고, 어떤 차이가 있.. 2021. 7. 23.
input radio 와 input checkbox의 차이 input radio 와 input checkbox의 차이 radio 유형의 inpu은 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용한다. checkbox 유형의 input은 form 안에서 선택된 단일 값들을 제출할 수 있는 기능을 제공한다. 먼저 radio 및 checkbox 버튼에 사용되는 속성들을 살펴보자. 속성 내용 name 서버로 전송될 이름, key값에 해당한다. radio 버튼은 같은 그룹끼리 같은 name을 지정해야 한다. value 서버로 전송될 값 checked 초기값 (체크 되어있거나 안되어 있거나) 태그 버튼을 정확히 클릭하지 않고 항목 이름을 클릭해도 박스가 체크되도록 해준다. 1. 항목이름으로 연결하거나, 2. ~ 로 을 감싸주면 된다. 밑에 코드와.. 2021. 7. 23.
반응형

티스토리툴바