웹 공부중... 내 코딩 정리노트

시맨틱 태그 시맨틱(Semantic)은 "의미의, 의미론적인"이라는 뜻이다. 즉, HTML5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. 인터넷의 발전으로 방대한 양의 웹문서가 생기면서, 제각기 일관적이지 않게 생성된 문서 구조는 웹문서에서 원하는 정보를 찾기가 점점 힘들어 지게 만드는 원인이었다. 태그의 기능과 마찬가지로 block element이면서 사이트의 구조(레이아웃)을 설계하기 위한 태그. HTML의 구조를 설계하는데 있어 태그에 의미를 부여 함으로써 사이트의 구조를 파악하기 용이할 수 있도록 도와주기 위해 만들어진 태그. HTML5 이전에는 구조를 구분하기 위하여 div태그에 id 또는 클래스 등으로 구분하며 구조를 설계했으나 시멘틱태그의 등장으로 인하여 좀더..

CSS란? 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 웹페이지를 꾸미려고 작성하는 코드로 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어(style sheet language)입니다. 마크업 언어(ex: HTML)가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리처럼 꾸미는 역할을 담당한다고 할 수 있습니다. HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있습니다. 기본 파일명은 style.css입니다. HTML 입문 강의에서 HTML을 웹 사이트에서 화면에 표시되는 정보를 약속 한 것이라면 CSS는 구체적으로 어떤 스타일로 요소가 표시 되는지를 정하는 규격이라고 할 수 있습니다. 초기의 웹은 HTML 하나로 문서의 뼈대도 만들고 꾸미기도 함께..

참고 자바스크립트 선언문 선언문이란 '자바스크립트 코드를 작성'할 영역을 선언하는 것 스크립트 영역 : 라는 태그로 종료된 곳까지 { } 자바스크립트 주석처리 자바스크립트 선언문 안에서 코드가 아닌 설명글을 넣고 싶을 떄 주석 처리한다.(단축키 : ctrl + /) 한 줄 주석일 경우 : //(한줄 설명글)로 작성 여러 줄 주석일 경우 : /*(여러줄 설명글)*/로 작성 { //한 줄 설명글인 경우 /* 설명글이 여러 줄인 경우 이렇게 처리합니다 */ } 코드 입력시 주의사항 자바스크립트를 작성할 때 몇 주의 사항 자바스크립트 대소문자를 구분하여 작성합니다. 날짜 객체 생성 : New date(); : (x) 날짜 객체 생성 : New Date(); : (O) 코드 한 줄 작성 후에는 세미콜론(;)을 쓴..

CSS의 Block와 Inline과 Inline-block 설명: display 속성의 속성 값. *display 속성은 웹페이지 상에서 요소들이 어떻게 보여지는 결정합니다. Block display 속성이 block으로 지정된 요소는 전후 줄바꿈이 들어가 다른 요소들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 대표적으로 이나 , 태그 등이 있습니다. block 요소는 inline 요소와 달리 width, height, margin, padding 속성이 모두 반영이 됩니다. Inline display 속성이 inline으로 지정된 요소는 전후 줄바꿈 없이 한 줄에 다른 요소들과 나란히 배치됩니다. 대표적인 요소로 이나 , 태그 등을 들 수 있습니다. inline 요소를 사용할 때 주의할 점은, w..

[참고] 웹 표준 웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 웹 접근성 웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모..

반복적으로 출력시키여야 하는 부분은 while문이나 for문을 사용하는게 좋다. 이를 반복문이라고 한다. for문 반복문 중 하나, for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행합니다. for문의 기본형 for (초기값; 조건식; 증감식;) { 자바스크립트 코드; } 예시 for문을 이용해서 1부터 100출력하기 { for (let i=1; i