HTML

[JavaScript] 자바스크립트의 구성

자바스크립트 프로그래밍 언어를 해석하는 기법은 크게 번역 기법(컴파일러가 이에 속함)과 인터프리터가 있다. 컴파일러 : 고급언어로 작성된 프로그램을 미리 원시언어로 번역해 프로그램을 생성 인터프리터 : 실행과 동시에 한 줄 씩 원시언어로 번역하는 기법 자바스크립트는 컴파일러를 통하는 언어가 아니라, 인터프리터 기법으로 한 줄 씩 기계어로 번역된다. 언어 수준이 비교적 간단하지만 컴파일러보다 속도가 느리고 오류를 검출하기 어렵다. 또한, 호이스팅이라는 개념으로 변수(var 타입)와 함수가 최상단으로 끌어올려지는 특징이 있다. DOM (Document Object Model) 객체 지향 모델로 구조화된 문서를 표현하는 방식이다. 프로그래밍 언어가 구조, 스타일, 내용 등을 변경할 수 있도록 하며 XML과 H..

[HTML/CSS] 기초 문법

웹 사이트 제작시 고려사항 웹 표준 : 웹에서 요구하는 공식 표준이나 기술 규격을 만족하는지 여부 웹 접근성 : 장애 여부와 상관 없이 모두가 웹 사이트를 이용할 수 있는지 여부 크로스 브라우징 : 모든 브라우저와 기기에서 웹사이트가 제대로 작동하는지 여부 HTML html 문서 구조 - html5로 문서 선언 기본 태그 image 태그 alt 속성은 웹 접근성을 고려하는 옵션으로, 시각장애인들이 사용하는 스크린 리더 프로그램에서 읽힌다. h 태그 태그는 가장 중요한 정보만 담으며, 하나의 html 문서에서 한 번만 사용하자. p 태그 Paragraph의 약자로 본문을 담는다. ol / ul 태그 ol은 Ordered list, ul은 Unordered list의 약자로 나열할 때 사용하며 태그를 자식으..

[CSS] scroll 영역의 크기를 100%로 만드는 방법

Bitfolio bitfolio.me 위 사이트를 Non-scrollable 디자인으로 개발하면서 겪은 에로 사항이다. 스크롤을 사용하지 않기 위해 상단의 Header와 Contents 영역의 height %로 지정해주었고 화면의 세로길이와 관련 없이 항상 꽉 차는 화면을 만들고자하였다. 당연히 오른쪽에 보이는 채팅창의 화면도 height가 %로 지정되어야했다. 채팅창은 스크롤을 위해 'overflow-y : scroll' 속성이 지정 되어야하는데, 해당 속성은 길이가 %로 지정되면 overflow 발생 시 원하는 크기대로 동작하지 않는 문제가 존재했다. height를 vh나 정확한 px 단위로 고정한 경우라면 예측한대로 동작한다. 하지만, 원하던 결과를 발견할 수 없었기에 검색을 거듭했다. 예상대로 o..