본문 바로가기

Web Development

 (4)
[CSS] CSS, 3가지 적용 방법, 상속 개념 [CSS] CSS(Cascading Style Sheets), 3가지 적용 방법, 상속 개념 1. HTML로 구조를, CSS로 디자인을 표현하자 2. CSS를 입히는 3가지 방법2-1. 인라인 스타일(Inline Style) - 태그 안에서 직접 스타일 지정하는 방법스타일 - 해당하는 태그 스타일만 적용됨 - 태그마다 스타일 지정해서 유지, 보수하기에는 불편한 점이 있음 2-2. 내부 스타일 시트(Internal Style Sheet) - HTML 문서 안에 별도 영역으로 스타일 정의하는 방법 - 주로 태그 사이에 정의 - - 위 CSS는 p 태그에만 적용이 됨- Result h1 tag Title h2 tag Title p tag p tag Hello World! - 하지만 위 CSS는 body 태그에..
[HTML] 시맨틱 마크업, 엘리먼트 & 태그, 기본적인 & 구조적인 시맨틱 마크업, DOCTYPE [HTML] 시맨틱 마크업, 엘리먼트 & 태그, 기본적인 & 구조적인 시맨틱 마크업, DOCTYPE 1. 시맨틱 마크업 - 어떤 의미가 있는지를 표현하는 것 - 예를 들어, 특정 HTML 태그를 사용하여 어떤 역할이나 용도가 무엇인지? - 태그를 이용하여 '문서의 가장 높은 중요도 제목을 가진다'는 뜻을 알 수 있음 - 태그와 CSS를 이용해서 만큼의 글씨 크기를 키울 수 있지만, 서로 같은 뜻을 가지진 않음 - 주로 웹에서 검색할 때, 검색 엔진이 페이지별 태그의 뜻을 가지고 중요한 키워드만 찾아서 검색함. 그래서 시맨틱 마크업을 적절하게 사용해야 좋음 - 시맨틱 엘리먼트 예는 웹페이지 참고 2. 엘리먼트 & 태그, 블록레벨 & 인라인레벨 엘리먼트2-1. 엘리먼트 & 태그 - 엘리먼트는 HTML문서의 ..
웹 표준의 기본 지식 웹 표준의 기본 지식 1. 월드와이드 웹 컨소시엄(W3C, World Wide Web Consortium)- 웹을 위한 표준을 연구, 개발하고 장려하는 조직- https://www.w3.org/ 2. 팀 버너스 리(Tim Berners-Lee)- 웹(Web) 창시- 영국 옥스퍼드 대학 졸업- 1989년에 인터넷을 기반으로 한 하이퍼미디어의 초기 모델을 설계- 1990년에 HTTP, HTML의 스펙을 제안한 것이 현재 웹 기술로 널리 퍼지게 됨- 현재 교수와 W3C의 디렉터로 활동 3. 웹의 목표3-1. 모두를 위한 웹(Web for All)- 어떤 환경에서든 웹을 이용할 수 있게 해야함3-2. 모든 것에 사용될 수 있는 웹(Web on Everything)- 모든 장비들은 웹에 접속할 수 있어야함 4. ..
[자바스크립트] 초간단 사칙연산 계산기 자바스크립트 초간단 사칙연산 계산기 사칙연산 기능이 있는 간단한 계산기를 자바스크립트로 만들어 보았습니다. 더 멋지게 꾸미지 않고 간단하게 만들어진 사칙연산 계산기입니다. 자바스크립트 배우는 중이어서 이렇게 간단하게 만들었지만 더 공부하다 보면 더 멋진 계산기로 만들 수 있지 않을까 생각합니다. 어떤 변수에 연산자를 저장하는 함수와 그 연산자에 따라서 계산하는 함수를 만들어서 구현했습니다. switch-case문으로 어떤 연산자에 따라 실행하는 걸로 만들었는데 if문을 이용해서 만들어도 됩니다. 숫자를 입력했지만, 문자열로 인식할 수 있어서 문자열을 정수로 바꾸는 parseInt() 함수를 이용했습니다. 테이블로 레이아웃 만들고 form 태그로 텍스트 상자와 버튼을 만들었습니다. ​ -----------..

티스토리툴바