개발자 도담씨

1편 - [Web Programming] - JAVA Script 1편 + 자바스크립트 기본2편 - [Web Programming] - Java Script 2편 + 자바스크립트 문서 객체 모델 2편에서 만났던 문서 객체의 조작법에 대해 한번 알아보자 :)우리는 문서 객체를 선택해서 글자, 스타일, 속성 등을 조작할 수 있다. 아래는 글자 조작 속성명이다.설명 그대로 test 의 글자를 document.body.textContent로 변경한다면일반 글자 형식이므로 실행 결과 " test "가 그대로 뜰 것이다.만약 innerHTML을 사용했다면 태그가 인식되고 문자열 test만 뜬다. 이어서 스타일 조작이다.var header = document.getElementById('header');header...

1편 - [Web Programming] - CSS 속성 1편 ( 단위 + 박스 속성 ) 2편 - [Web Programming] - CSS 속성 2편 ( display + 배경 속성 )3편 - [Web Programming] - CSS 속성 3편 ( 글자 + 위치 속성 ) 이번 마지막 CSS 속성 편에서는 float, 그림자, 그레이디언트 속성에 관해 알아보겠다. 🤗 첫번째 float 속성은 웹 페이지를 만들 때 가장 많이 사용하는 속성이라고 한다.아래의 표에 나타난 키워드 외에도 다양한 키워드가 있지만 주로 아래의 두가지를 사용한다. float 속성을 사용하지 않은 예제는 다음과 같다. 여기서 img { float: left } 의 속성을 주게 되면 아래와 같이 바뀌는 모습을 볼 수 있다.키워드 ri..

스타일 속성을 적용 하기에 앞어서 먼저 스타일 값으로 입력할 수 있는 CSS의 단위부터 알아 보려고 한다.스타일 값으로 입력할 수 있는 단위에는 키워드, 크기, 색상, URL 등이 있다.이 친구들을 차례대로 살펴 보겠다 😳 첫번째로 키워드 단위는 W3C에서 미리 정의한 단어로, 키워드를 스타일 값으로 입력하면키워드에 해당하는 스타일이 자동으로 적용이 된다. 자동 완성 기능을 통해 서비스 해주고 있다. 두번째, 크기 단위이다. 표 외에도 cm, mm, inch 단위 등이 있지만 주로 아래와 같은 단위를 사용한다.( 개인적으로는 픽셀과 백분율 단위를 많이 사용하는 것 같다 ! )배수단위는 유용하나 많은 사람들이 사용하지 못하는 단위라고 한다.어렵게 생각할 것 없이 배수를 나타내는 것이다. 1배 = 1em =..

# Tag #Element # Attribute# Element ( 요소 ) : HTML 페이지에 존재 하는 것 # Tag ( 태그 ) : 요소를 만들 때 사용하는 기호 # Attribute ( 속성 ) : 태그에 추가 정보 부여 태그 : 파랑, 속성 : 빨강HTML 페이지 기본 구조 HTML Basic Page : 웹 브라우저에 HTML5문서임을 알려줌 : 루트 요소, 모든 html 태그는 html 태그의 내부에 작성 lang 속성은 웹 페이지 탐색 시 해당 웹페이지가 어떠한 언어로 만들어져 있는지 쉽게 인식 하기 위함. & : 사용자에게 보여지는 부분 에는 해당 태그만 사용 가능 : 브라우저 제목 지정 태그