분류 전체보기35 HTML Tag 모음과 활용 예시 1 * => CSS가 Tag에서 사용될 때 배경색은 bgcolor 노랑, 글자색은 text 파랑 ont 변경, 색상 빨강 10point @>>===--- Tag 이름 의미 활용 예시 ~ 제목 크기(굵게/한줄 띄기 포함) h1 Tag h2 Tag 굵은 글씨 b Tag : 굵은 글씨(bold) 이태리체 i Tag : 이태리체(italic) 밑줄 u Tag : 밑줄(underline) 깜빡임(이전 IE 버전에서 사용) blink Tag : 깜빡임, 이전 IE 버전, 지금은 사용안됨 취소선 strike Tag : 취소선 code 타이핑 글씨체 code Tag : typing 글씨체 밑 지수 sub Tag : 밑 지수 윗 지수 sup Tag : 윗 지수 단락 표시 텍스트 정보 입력 줄 바꾸고 한 줄 더 띄기 Tag .. 2021. 9. 6. 프로그래밍 언어 프로그램이란? 컴퓨터에서 실행될 때 특정 작업(specific task)을 수행하는 일련의 명령어들의 모음(집합체) 대부분의 프로그램들은 하드디스크 등의 매체에 바이너리 형식의 파일로 저장되어 있다가 사용자가 실행시키면 메모리로 적재(load)되어 실행된다. 프로그래밍 언어란? 컴퓨터 시스템을 구동시키는 소프트웨어를 작성하기 위한 형식언어 고급 언어일수록 사람이 사용하는 언어에 가깝다. 프로그래밍 언어를 지원하는 소프트웨어, 곧 소프트웨어를 작성하기 위한 소프트웨어를 가리키는 때가 많고, 이 때에는 프로그래밍 언어와 소프트웨어를 구분하지 않고 소프트웨어를 프로그래밍 언어로 보기도 한다. 프로그래밍 언어 종류 - 반응형 웹 : Responsive web - 정적 웹 : Static web [프론트엔드 개발.. 2021. 9. 6. HTML DOCTYPE 및 기본 구조 HTML DOCTYPE 이란? Doctype : 브라우저가 html의 결과물을 정확히 표현할 수 있도록 도와준다 Ref. html 4.01 transitional ...flexible => 문법상 버전이 안 맞을지라도 유연하게 허용하여 준다 xhtml 1.0 transitional ...strict => 문법상 버전이 안 맞을 시, 엄격하여 ifram 등과 같은 특정요소를 사용할 수 없다 HTML 기본구조 : HTML 버전 확인 가능 : HTML 문서의 Root 요소 정의 : 웹 브라우저를 통해 보이는 내용(Content) 부분 ☞ HTML5로 작성된 것을 의미 안녕 HTML 나도 안녕 반 가워 나도 줄바꿈 나도! ☞ : 한칸 띄어쓰기 표시 Space bar 사용할 시, 축소되어 출력됨 비 연속 빈칸은 .. 2021. 9. 6. Tomcat 설치 및 환경설정 Tomcat 설치 및 환경설정 급하신 분들은 https://tomcat.apache.org/download-80.cgi 로 접속! 3)부터 시작~! 1) 구글에 톰캣 홈페이지 접속 http://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are pa.. 2021. 9. 4. 웹 작동 원리/WAS(Web Application Server) 웹 서비스 구조(Web Service Architecture) Client → Web Server → DB Client → WAS → DB Client → Web Server → WAS → DB 1. Web Server는 웹 브라우저 클라이언트로부터 HTTP 요청을 받는다. 2. Web Server는 클라이언트의 요청(Request)을 WAS에 보낸다. 3. WAS는 관련된 Servlet을 메모리에 올린다. 4. WAS는 web.xml을 참조하여 해당 Servlet에 대한 Thread를 생성한다. (Thread Pool 이용) 5. HttpServletRequest와 HttpServletResponse 객체를 생성하여 Servlet에 전달한다. Thread는 Servlet의 service() 메서드를 호.. 2021. 9. 4. HTML 이란? HTML 이란? Hyper Text Markup Languae의 약어 팀 버너스리가 개발한 웹페이지를 작성하기 위한 언어 글과 이미지를 나타낼 수 있으며, 태그(Tag)를 사용하여 웹 페이지를 디자인하는 마크업 언어(프로그래밍 언어X) 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공 웹 브라우저를 통해 구현된 웹 페이지를 볼 수 있음(HTML의 경우, Interpreter(In browser(브라우저))에 해당) .html 확장자로 표시됨 * 마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지 * 프로그래밍 언어 : 컴퓨터 시스템을 구동시키는 소프트웨어(프로그램)을 작.. 2021. 9. 4. IT 기초 지식 도서 ⑨ [모두의 네트워크] 9. 무선 랜 이해하기 * 무선 랜이란? : 랜 케이블을 사용하지 않고, 전파 혹은 자외선을 이용하여 무선으로 컴퓨터 통신을 가능하게 하는 네트워크 방식 무선 액세스 포인트와 무선 클라이언트 등으로 구성됨 무선 랜을 연결하는 방식 - 인프라스트럭처 방식/애드 혹 방식 - 장점 : 랜 케이블을 사용하지 않으므로 편리 랜 케이블이 닿지 않는 곳도 통신 가능 - 단점 : 유선 랜보다 속도 불안정 전파가 약할 시 연결이 되지 않을 수 있음 통신 내용이 해킬될 위험이 비교적 높음 * 무선 액세스 포인트(Wireless Access Point, WAP) : 무선 인터넷 사용자가 인터넷 서비스를 이용할 수 있도록 무선 인터넷 접속을 도와주는 중계 장치 무선 랜 칩(chip)과 무선 랜 어댑터(adapter)를 사용하.. 2021. 9. 4. IT 기초 지식 도서 ⑧ [모두의 네트워크] 8. 네트워크 전체 흐름 살펴보기 웹 서버에 요청 시 컴퓨터 - 스위치A - 라우터A - 라우터B - 스위치B - 웹 서버 [컴퓨터] : 웹 브라우저에 URL 입력하여 접속 -> 3-way 핸드쉐이크 완료 -> 연결 확립 -> 캡슐화 시작 ↓ 응용 계층(세션과 표현 계층 포함) : 'GET/index.html HTTP/1.1~' HTTP 메시지 전송 ↓ 전송 계층 : TCP 헤더(출발지 포트번호 + 목적지 포트번호 + 기타) + 메시지 ☞ 세그먼트 ↓ 네트워크 계층 : IP 헤더(출발지 IP 주소 + 목적지 IP 주소 + 기타) + 세그먼트 ☞ IP 패킷 ↓ 데이터 링크 계층 : 스위치A에 보내지도록 이더넷 헤더(목적지 MAC 주소 + 출발지 MAC주소 + 라우터A의 MAC 주소 + 컴퓨터의 MAC 주소.. 2021. 9. 3. IT기초 지식 도서 ⑦ [모두의 네트워크] 7. 응용 계층 : 어플리케이션에 데이터 전송하기 (세션 계층, 표현 계층 포함하여 정리) * 응용 계층(Application Layer, 어플리케이션 계층)란? : OSI 모델의 최상위 계층으로 다양하게 존재하는 응용 환경에서 공통적으로 필요한 기능을 다룸 시스템 간의 응용 처리는 상호 간에 통신하면서 일련의 업무를 처리할 수 있도록 필요한 서비스 기능 제공 이메일, 파일 전송, 웹 사이트 조회 등 어플리케이션에 대한 서비스를 제공하는 계층 각각의 어플리케이션에 대응하는 데이터를 전송하는 역할 프로토콜 내용 HTTP 웹 사이트 접속 DNS 이름 해석 FTP 파일 전송 SMTP 메일 송신 POP3 메일 수신 - HTTP(Hyper Text Transfer Protocol) : 하이퍼텍스트 전송 프로토콜,.. 2021. 9. 3. 자바(JAVA) 환경 변수 설정하기! 프로그램 설치 후에는 모든 시스템 혹은 프로그램에서 경로를 원활하게 잡아주기 위해 반드시, 환경 변수를 설정해주어야 합니다! [환경 변수 설정하기] 1. 파일 탐색기 (윈도우키 + E) - 내PC 마우스 오른쪽 클릭 - [속성] 클릭하시면 하단의 시스템창이 뜹니다 여기서 고급 시스템 설정을 클릭해주세요! 2. 시스텝 속성창의 [고급] 카테고리의 [환경 변수] 클릭해줍니다 3. 먼저 시스템 변수를 설정하여 줍니다! 시스템 변수를 통해 모든 프로그램에서의 경로를 원활히 잡아줍니다! 환경 변수 창에서 시스템 변수의 새로만들기를 눌러줍니다. 변수 이름(N) : JAVA_HOME 변수 값(V) : jdk\bin 위치 입력해주세요. (이 때, 변수 값 오타가 날 수 있으므로 디렉토리 찾아보기를 통해 선택해주세요.).. 2021. 4. 30. 이전 1 2 3 4 다음
