web

https://cssreference.io/ CSS ReferenceCSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.cssreference.io 1. CSS의 등장1) 태그CSS를 사용하기 전에는 디자인 관련 HTML 태그와 속성을 사용하여 웹문서 작성 -  웹문서에 생산성 및 유지보수의 효율성이 낮음01_old.htmlOld Style브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브..

1. 입력폼 태그와  하이퍼링크 태그의 차이점1) 입력폼 태그 : submit이벤트 발생 시 동작됨서버에게 값 전달할 때 많이 사용 - 특히 사용자 입력값GET 방식으로 요청 : 쿼리스트링으로 전달 (= URL주소로 값이 전달됨)POST 방식으로 요청 : (오직form만이 가능) : 리퀘스트 메세지(Request Message)의 몸체부(body)에 저장하여 전달물론 사용자 입력값을 받지 않고 , 특정 값을 전달하고 싶을 수도 있음type = "hidden" 이용왜? 자바프로그램에서 사용한 결과값을 다른 프로그램에게 주고 싶어서2) 하이퍼링크 태그 : click이벤트 발생 시 동작됨단순히 연결된 링크에 들어갈 때 많이 사용GET 방식으로 요청 : 쿼리스트링으로 전달 (= URL주소로 값 전달할 수 있음)..

1. 하이퍼링크 태그1) 클릭 이벤트로 웹프로그램(웹문서)을 요청하기 위한 정보를 제공하는 태그클릭 이벤트를 이용하여 페이지 이동을 위해 사용 - 하이퍼 링크(Hyper Link) 기능a 태그의 내용( 텍스트 또는 이미지 )을 클릭한 경우웹브라우저 주소창의 URL 주소가 href 속성값으로 변경되고,URL 주소의 웹프로그램(웹문서)을 실행하여 응답결과를 제공받아 출력 - 페이지 이동target 속성웹자원을 요청하는 브라우저를 속성값으로 설정속성값_self (현재 브라우저 - 기본)blank (새로운 브라우저)_top (최상위 브라우저)_parent (부모 브라우저)_child (자식 브라우저)iframe 태그의 name 속성값 (내장 브라우저) 등특징1. 값 전달요청 URL 주소에 값 전달 함께 가능웹프..

1. 시맨틱 태그(Semantic Tag)웹문서를 구조적으로 표현하기 위해 의미를 부여한 태그 객실표 건물명방이름크기가격 바깥채 전체를 독채로 대여합니다. 요안도라유채방4인실20,000원 동백방2인실 가족실60,000원(최대 4인) 바깥채 전체를 독채로 대여합니다.

1. 기본 태그1) Markup Language 주석문2) HTML(Hyper Text Markup Language)Markup Language : 태그이용 ex) XML , HTML ..태그(Tag)를 사용하여 웹문서를 구조적으로 표현하기 위한 언어브라우저 엔진에 의해 해석되어 실행(출력)되는 언어브라우저마다 해석 방법이 다름 : 크롬, 엣지, 사파리, ...왜? 브라우저 엔진 마다 해석 방법이 다르기 때문webkit(웹킷)방식의 브라우저Gecko(객코)방식의 브라우저CSL( Client Script Language ) : HTML, CSS, JavaScript3) HTML 특징태그를 사용하여 웹문서(HTML File) 작성 - 태그는 대소문자 미구분시작태그와 종료태그가 하나의 짝으로 구성HTML 태그..

1. 프로토콜프로토콜: 네트워크에 연결된 컴퓨터가 서로 통신(대화)하기 위한 규약응용계층 : HTTP전송계층 : TCP인터넷계층 : IP2. 인터넷TCP/IP 기반의 네트워크가 전세계적으로 확대되어 하나로 연결된 네트워크의 네트워크3. 웹서비스 WWW( World Wide Web )인터넷 = www 가 아님www는 인터넷 기반의 서비스 중 하나 - 웹서비스4. 웹 통신 프로토콜 - http / httpsHTTP프로토콜 : www 서비스를 위한 통신 규약웹서버와 웹클라이언트는 HTTP를 이용해 통신(Hyper Text Transfer Protocol) : 높은 차원의 문자들(HTML)을 보내는 프로토콜(약속)(Hyper Text Transfer Protocol Security) : HTML을 부호화시켜 보..

1. WAS 설치Web Application Server : ex) Apache Tomcat (아파치 톰캣)웹서버 + 웹컨테이너 기능을 둘 다 가진 WAS 프로그램Apache Tomcat (아파치 톰캣) 설치법https://tomcat.apache.org/ 접속 >> Tomcat9.0 다운 >> core: zip 다운 후 압축풀기이클립스에 연결해 사용해서 Start 와 Stop을 할 수 있게 만들 것임sutdown.batstartup.bat이클립스와 호환이 안되기 때문에 Tomcat10.0 다운 안받음이클립스 내에서만 동작시킬 것임!서버로서 동작시키는 것이 아니기 때문에 zip 파일만 다운받으면 됨! ( https://tomcat.apache.org/download-90.cgi) bin명령파일conf파일..

1. 웹프로그램의 개념웹서비스(www)를 제공하는 컴퓨터(web server)에서 클라이언트 요청에 의해 실행되는 프로그램 [step1] (요청) 클라이언트 >>>>> 서버(http프로토콜 이용) 클라이언트가 어떤 서버에 접속하여 → url주소로 요청! → 요청에 의한 실행이 일어남 → 그 결과를 웹문서로 받아서 출력처리[step2] (응답) 서버 >>>>> 클라이언트서버는 응답후 실행결과를 클라이언트에게 전달함(실행결과 형식) 웹문서로 제공 . json으로 제공.. 등웹 문서 : HTML 언어로 만듦파싱해서 렌더링 ( 해석해서 뿌려줌, 출력함)[step3] (요청) - (응답) - (출력)의 반복요청 → 실행 → 출력 → 요청 → 실행 → 출력.. 의 반복1) 웹프로그램 예시2. 웹에서 입출력하는 방법..