전체 글

1. HTML 구조  행복한 마켓 모달창 띄우기 등록 태그로 넣을 것 --> 이메일 주소를 남기시면, 유익한 정보를 보내드립니다. × 뉴스레터 구독하기 이메일 주소를 남겨주시면, 행복한 마켓의 할인 혜택과 다양한 정보를 편하게 받아 보실 수 있습니다. 알뜰한 살림..

제목 1번째 단락 2번째 단락 3번째 단락  id 를 통해 append 에 content 로 h3 태그와 div 넣어준다고 할 때const append = document.getElementById('append');append.innerHTML = '추가된 제목추가 !'console.log('append.innerText >> ', append.innerText) 웹 브라우저 개발자 도구에서 소스탭에서 확인해보면 innerHTML 은 태그까지 다 들어오지만, innerText 는 text 만 ! 들어온다

여러가지 기능을 하는 코드를 한 단어로 묶고 싶을 때 (나중에 재사용할 때)입출력 기능을 만들 때

JavaScriptECMA 스크립트 (ES)객체 기반의 스크립트 프로그래밍 언어 (지향보다는 기반)웹 프로그래밍 언어처음엔 server 가 아닌 client  쪽에서 처리하고 싶어서 언어가 만들어졌는데,가볍고 용량이 적다 보니 server 쪽에서도 사용 가능해져서 server 쪽도 사용하게 됨동적함수 기반의 언어html 을 하나의 객체로 보고, 참조변수를 통해 접근 ==>html 을 document(참조 변수) 를 통해 접근구문이 맞지 않아도 에러가 뜨지 않아서 어디 부분이 에러인지 구분 하기 어려움JavaScript 특징html 에 head / body 에 넣을 수 있는데 보통 body 내에 들어감컴파일 없이 한줄 한줄 해석하며 바로 명령어를 실행하는 인터프리터 언어 HTML의 특정 요소를 선택하여 다..

스타일 적용 전 Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus libero nesciunt laborum magni odit, doloremque dicta autem, hic consectetur molestias alias aliquam itaque ut praesentium veniam accusantium voluptatibus blanditiis similique. 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 메뉴 6 Lorem ipsum dolor sit amet consectetur adipisicing..

스타일 적용 전 navigation left menu contain comment footer  스타일 적용 후@charset "UTF-8";#wrap { width: 300px; margin: 0 auto; background-color: yellow;}#navigation { width: 300px; height: 50px; background-color: red;}#main { height: 150px; background-color: lightgreen;}/* main 자식 element 에 float 를 해줬기 때문에 부모 element 에 플롯 해제 */#main::after { /* [..

스타일 적용 전 테이블 table caption table header cell-1 table header cell-2 table header cell-3 table header cell-4 table data cell-1 table data cell-2 table data cell-3 table data cell-4 td{table data cell-$@5}*4 // @5 가 5부터 시작 --> table data cell-5 table data cell-6 table d..

공식 문서https://www.w3schools.com/css/default.asp CSS TutorialW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com CSS(Cascading Style Sheets[캐스케이딩 스타일 시트]) 이란?CSS 는 HTML 이나 XML 과 같은 구조화 된 문서(Document) 를 화면, 종이 등에 어떻게 렌더링 할 것인지 정의하기 위한 언어즉..