최코딩의 개발노트

첫번째 기본 웹 만들기 승호의 첫번쨰 web page 승호 만세 두번째 !엔터 이용해서 만들기 DOCTYPE html> Document 하이!! 세번째 한글로 만들기 DOCTYPE html> 최승호 만세 최승호 만세 body {margin:0;padding-left:0;padding-right:0;padding-bottom:0;padding-top:2mm;} .hce {margin:0;padding:0;position:absolute;overflow:hidden;} .hme {margin:0;padding:0;position:absolute;} .hhe {margin:0;padding:0;position:relative;} .hhi {display:inline-block;margin:0;padding:0..

개요: 필자가 공부하면서 정리한 게시물이다. document라는 object를 통해 html 코드를 불러올 수 있다. title은 현재 승호인데 gg 하면 일시적으로 title 변경이 가능하다. 이외에도 document.body , document.head 등 을 통해 불러올 수 있다. 승호얌 id를 title 지정한 부분을 getElementById를 통해 위와 같이 불러올 수 있다. const title = document.getElementById("title"); console.log(title); js에서도 이렇게 불러올 수 있다.! console.dir(title); h1 태그에서 가져올 수 있는것들이다. 즉 dir은 요소 내부를 불러오는것이다. title.innerText="d"; 이때 js..

보호되어 있는 글입니다.

개요: 필자가 클론코딩을 공부하면서 정리하는 게시물이다. Transition - 어떤 상태에서 다른 상태로 가는 변화를 애니메이션화 한 것이다. - state에 따라 바뀌는 property를 갖고 있는 사용된다. - box, element를 변형시키지 않는다. - margin, padding 적용안된다. 일종의 3D transformation이기 때문이다. a { color: wheat; background-color: tomato; text-decoration: none; padding: 3px, 5px; border-radius: 5px; font-size: 50px; transition: background-color 10s ease-in-out, color 5s ease-in-out; } a:ho..

개요: 필자가 클론코딩 공부하면서 정리한 게시물이다. 다음과 같은 결과가 나온다. color는 지정이 가능하다. placeholder 를 적용하면 다음과 같이 뜬다. type을 submit으로 지정하고 값을 버튼이라고 하면 위와 같이 뜬다. 다음과 같이도 쓸 수 있다. accept="원하는 파일 형식" 작성하고 파일 선택 누르면 해당 원하는 파일 형식만 누르 수 있다. 모든 태그들은 다 기억할 수 없다. 따라서 abcd > 대부분의 태그들은 이런 방식이므로 기억하고 이외에도 minlength, required 등 많은 것이 있으니 웹사이트를 참고하자. input의 type 기능도 여러가지 있다. 진짜 다 외우지 말고 웹사이트 참고하자 Profile Photo abc range 의 기능도 있고 label의..

개요: 필자가 코코아톡 클론코딩을 들으면서 정리한 게시물이다. HTML의 3가지 규칙 1. 첫번째 문에 작성 2. 태그 쓴다음 그 내용안에 작성 3. head 파트와 body 파트가 있다. head - 웹사이트의 환경 설정, 외부자가 볼 수 없는 환경(title 태그 했을시 페이지 이름 바뀜) body - 사용자가 볼 수 있는 내용을 보여줌 DOCTYPE html> Home - My first website. hello Go to google.com Go to google.com - 부가적인 정보 부가적인 요소는 content 와 name, charset 가지고 있다. 이런 문법이 아니다. DOCTYPE html> Home - My first website name = description 이거는 브라우..