hyejeong 코딩

CSS란? : CSS는 Cascading Style Sheets의 약자로, HTML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다. 글꼴, 배경색, 위치, 너비와 높이 등을 지정하거나 웹 브라우저, 스크린 크기, 장치에 따라서 화면을 다르게 표시될 수 있도록 지정하는 것입니다. CSS의 장점 문서의 내용과 표현을 분리하여 CSS파일 하나만 수정하면 스타일에 해당하는 HTML 문서가 한번에 수정됩니다. 웹 페이지 정보와 스타일을 분리하여 유지보수를 수월하게 할 수 있습니다. CSS로 기대되는 효과 정보와 디자인을 분리하여 관리할 수 있습니다. 정보를 수정하지 않고 디자인만 변경할 수 있습니다. (태그마다 style 속성을 주게되면 소스코드가 지저분해 지는데, 부리하여 관리하게 되면 유지보수..

자료형이란 프로그램에서 처리할 자료의 형태를 말한다. 3이라는 숫자를 숫자로 처리하는지, 문자열로 처리하는지에 따라 결과값이 달라집니다. 컴퓨터에게 일을 시킬 때는 이것은 숫자이니 더하거나 빼야하고, 저것은 문자열이니 더하거나 뺄 수 없다는 것을 따로 알려주어야 합니다. 이렇게 숫자나 문자열처럼 프로그램에서 처리할 자료의 유형을 지정해야 하는데, 이러한 자료의 형태를 '자료형'이라고 합니다. *자료형은 '데이터 유형'이나 '데이터 타입'이라고도 합니다. 자바스크립트의 자료형은 크게 '원시 유형'과 '객체'로 나뉘어집니다. 원시 유형 원시 유형은 하나의 값만 저장하는 자료형으로, 숫자와 문자열, 논리형, undefined, null, symbol 유형이 있습니다. 숫자형 : 모든 프로그램에서 가장 기본이 ..

시멘틱 마크업이란? 시멘틱의 사전적 뜻은 '의미론적인' 정도로 해석할 수 있는데, 이것은 마크업을 할 때 의미에 부합하는 태그를 사용하라는 뜻입니다. 실제 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것이 중요합니다. 즉, 개발자와 브라우저에게 의미있는 태그를 제공한다고 이해하면 됩니다. 간단한 예로 는 non-senamtic 태그라 볼 수 있고 ,,등은 semantic태그라고 볼 수 있습니다. 이면 표가 들어 갈 것이고, 는 네비게이션을 의미할 것이라 유추 할 수 있습니다 이렇게 의미를 가진 태그는 검색엔진이나 그 이외에 기계적인 동작들이 웹페이지를 쉽게 이해 할 수 있게 됩니다. 접근성이 좋아집니다. 검색 엔진 최적화 ..

01. 블록 레벨 요소(Block-level Element) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성이 있어 가로로 정렬되지 않습니다. 블록 요소는 하나의 박스라고 생각하면 됩니다. 블록 레벨 요소는 줄 바꿈이 일어납니다. 블록 레벨 요소는 영역을 표시하기 때문에 패딩과 마진 값을 줄 수 있습니다. 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 블록 레벨 요소 중에는 블록 레벨 요소를 지식 요소를 자식 요소로 포함할 수 있는 요소와 포함할 수 없는 요소가 있습니다. div header section aside footer 02. 인라인 요소(Inline Element) 인라인 요소는 마크업을 할 때 줄 바꿈이 일어나지 않으며 가로로 정렬이 됩니다. 인라인 요..