💡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 이클립스에서 서..
🏷️인덱스 인덱스(Index)는 검색을 빠른 속도로 하기 위해 사용하는 도구이다. SQL 명령 처리 속도를 빠르게 하기 위해서 특정 컬럼에 대해 생성된다. 📚인덱스는 책의 목차와 다르다! 책의 목차는 페이지 순서대로 어떤 파트인지를 정리해 둔 것이고 인덱스와는 차이가 있다. 인덱스는 페이지가 아닌 영어나 한글(어떤 특정 단어)을 순서대로 정렬해 준다. 인덱스는 특정 단어를 검색해서 어디에 있는지를 찾아내는 검색 도구라고 할 수 있다. 때문에 인덱스는 사람들이 검색할만한 단어들을 모두 찾아놓는다. 다른 사람들이 특정 단어를 많이 검색할 거 같다면 인덱스는 그게 몇 번째 페이지(위치)에 있는지를 미리 정리해 둔다. 데이터베이스의 정렬 상태 아쉽게도 데이터베이스는 테이블 내의 레코드 순서가 사용자가 원하는 정..
