💡 paragraph 태그는 문단 태그로, 텍스트의 집합이다. 쌍태그이며, 혼합형이다. 태그는 내용물을 가지며 다른 태그를 내용물로 가질 수 있다. UNITED NATIONS — Ukrainian President Volodymyr Zelensky on Tuesday delivered an impassioned speech to world leaders at the U.N. General Assembly, pushing for sustained support for his embattled nation’s fight against Russia as he embarked on a delicate mission to bolster his cause globally and in Washington, Ukrai..
💡HTML 색상 표현 방법 1. 색상명 HTML Color Names W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 색상명으로 표현하는 방법을 Named Color, Well-known Color라고 부른다. 미리 약속된 몇 가지 색상명을 사용한다. (140가지) 하지만 사용하려는 색을 140가지만으로 표현하기는 부족하기 때문에 RGB로 표현하는 게 좋다. 2. RGB ..
💡공백 문자 공백 문자(Whitespace)는 스페이스, 탭, 엔터(개행)을 말한다. 페이지 소스에 있는 공백 문자들을 브라우저가 처리하는 규칙이 있다. HTML에서는 모든 게 출력 내용이 된다!✏️ 소스상의 종류와 상관없이 1개 이상 연속된 공백 문자들을 단 1개의 공백 문자(스페이스)로 치환해서 화면에 출력한다. 💡공백 문자를 처리하는 방법 1. 스페이스 표현 하나 둘 셋 넷 다섯 하나 둘 셋 넷 다섯 &엔티티명; 공백 1 글자당 엔티티를 1개 사용해야 한다. 로 공백을 표현하지 않으면 HTML은 출력할 때 공백 1개로 바꿔서 출력을 하는데, 이를 non-break space라고 한다. 2. 탭문자 웹 문서(브라우저)에는 탭의 개념이 없기 때문에 탭은 불가능하다. 3. 개행문자 하나 둘 셋 넷 다섯 ..
📌 첫번째 예제 두번째 예제 기본적으로 HTML 5를 사용하지만, HTML 4.01을 선택해서 파일을 만들어보도록 하자. 그러면 두 개의 파일의 DOCTYPE이 다른 것을 확인할 수 있다. 문서 유형 DTD 언어로 작성된 는 문서 유형을 의미한다. 이 문서를 읽는 브라우저에게 해당 문서가 어떤 문서인지 알려주는 역할을 한다. HTML 언어에서는 선언문이라고 보면 된다. 📌 을 시작 태그, 을 끝 태그라고 부른다. 이 사이에 기능을 구현한다. HTML에서 이러한 태그를 정식적으로는 엘리먼트라고 부르며, 태그는 트리구조(계층구조)로 되어 있다. 그리고 메모리에 로딩된 트리 구조를 DOM이라고 부른다. 은 문서 전체를 감싸고 있어, 루트 태그라고 부른다. 태그는 스스로 하는 일은 없지만 문서 컨테이너의 틀 역..
💡HTML이란? HTML(Hyper Text Markup Languate)은 하이퍼 텍스트 마크업 언어의 약자이다. HTML은 프로그래밍 언어가 아니며, 무언가를 표현하는 기능을 가졌기 때문에 프레젠테이션 언어라고 부른다. Hyper Text: 링크 Markup: 언어 표기법 SGML: 메타언어 꺾새로 문법을 표시하는 방법을 Markup이라고 한다. HTML 외에도 XTHML, XML, VoiceXML, **ML로 끝나면 대부분 비슷한 표기법을 사용한다고 생각하면 된다. SGML은 다른 언어를 정의할 수 있는 기능을 가진 언어로, 메타언어라고 한다. SGML로 또 다른 언어를 만들어 낼 수 있으며, 모든 마크업 언어는 SGML 언어로 만들어 낸 것이라고 할 수 있다. SGML을 사용하기 편하게 재정의한 ..
📌브라우저와 아파치 톰캣 Web + Client (브라우저) Client-side Front-end HTML, CSS, JavaScript.. Web + Server (아파치 톰캣) Server-side Back-end Servlet, JSP, Spring.. Web의 클라이언트와 서버를 명확하게 나누는 이유가 있다. 상호 간에 데이터를 요구하고 전달하는 긴밀한 관계가 있지만, 그럼에도 불구하고 양 쪽의 환경이 완전히 다르게 구성되어 있기 때문이다. 사용하는 기술이 다르기 때문에 명확하게 Client-side인지, Server-side 인지 구분하는 것이다. 하지만 한쪽의 기술만 알고 한쪽의 기술을 모른다면 제대로 된 운영을 할 수 없다. 📌웹페이지(웹문서)를 제작하는 언어 웹페이지를 제작하는 언어에는 ..
📌New Project New Project > Web > Dynamic Web Project 이클립스에서 새로운 웹 프로젝트를 만들어준다. Context root는 프로젝트 이름으로 되어 있고, Content directory(루트 디렉터리)는 webapp으로 설정이 되어 있다. Context directory 이렇게 생성된 새로운 프로젝트에서 현재 가장 중요한 것은 Content directory로 설정한 webapp이다. webapp에는 내가 보여주고 싶은 파일을 저장한다는 절대 규칙이 있다. HTML File생성 webapp경로에 HTML File을 생성해 준다. New Server 왼쪽은 톰캣이 관리하지 않는 프로젝트, 오른쪽은 톰캣이 관리하고 있는 프로젝트를 의미한다. 방금 생성한 Html 파..
📌Apache Tomcat 9.0 설치 https://tomcat.apache.org/download-90.cgi Apache Tomcat® - Apache Tomcat 9 Software Downloads Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software, as well as links to the archives of older releases. Unsure which version you need? Specification version tomcat.apache.org 이클립스에서 서..
