영발이의 개발 일기

script 태그 자바 스크립트는 html 위에서 동작하는 언어다. 자바 스크립트를 html 안에 작성하기 위해서는 script 태그를 사용하는 방법이 있다. Event 웹 브라우저 위에서 일어나는 사건을 Event(이벤트)라고 한다. 마우스를 클릭했을때, 키보드를 눌렀을때, 스크롤 바를 움직였을때 등 모두 이벤트라고 할 수 있다. 사용자가 어떤 이벤트를 발생시켰을 해당 이벤트에 대응하여 처리하는 것을 'Event Handler(이벤트 핸들러)'라고 하는데, 이벤트 이름 앞에 'on'을 붙이고 이벤트에 대한 동작(함수)을 처리해주면 된다. 아래 코드에서처럼 on______ 뒤에는 자바스크립트 문법이 와야한다. 제어할 태그 선택하기 'querySelector()', 'getElementById..

Grid(그리드) NAVIGATION Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam odit dignissimos expedita voluptas repellendus beatae doloribus inventore? Totam quis rem aspernatur repellat harum error. Odio vel atque quos recusandae dolore.  나누고자 하는 태그들을 id가 grid라는 하나의 div태그로 묶고, css에서 display 속성을 grid로 설정해준다. 그리고 grid-template-colums로 grid의 가로열 크..

CSS의 가장 기본적인 문법이다. 사진과 같이 'h1'은 선택자(셀렉터), '{ }'는 선언들이 들어있는 선언 블록,  'color'와 'font-size'는 속성(프로퍼티), 'red'와 '12px'는 속성값(Property value), ' : '는 속성과 속성값을 나눠주는 구분자, ' ; '는 선언과 선언을 나눠주는 구분자다.선택자(Selector) 선택자의 종류태그 선택자 : 아래 코드와 같이 선택자인 태그 이름만 작성. html에 있는 해당 선택자가 있는 모든 태그에 적용. HTML CSS JAVA SCRIPT  아이디 선택자 : '#'을 선택자 이름 앞에 붙인다. 딱 하나만 지정할 때 주로 쓴다. 학교로 치면 특정 학생 한 명이라고 생각하면 된..

매번 보는게 html인데, 항상 태그들을 쓸 때 뭐가 정확하게 무엇인지 모르고 그냥 다른 html 파일을 베껴가며 대충 때려넣기로 작성을 했다. 그래도 정말 기본은 알아야하지 않을까 싶어서 기본 태그들을 정리해 둘까 한다. 우선 기본적으로 알아야 할 것은 html 작성시 head와 body가 존재하고 그 두 개의 태그를 html태그로 감싸야 한다는 것이다. html 기본 태그 ~ : 글쓸 때 '제목'과 같은 역할. 숫자가 클수록 소제목이다. : 문단을 의미한다. : 한 줄 띄기. : 사진을 첨부한다. : ordered list. 목록을 만드는데, 앞에 숫자를 자동으로 붙인다. : unordered list. 목록을 만드는데, 앞에 숫자가 따로 안 붙는다. : 목록의 항목들. 리스트. : 웹페이지의 제목..