전체 글 (136) 썸네일형 리스트형 9/21 jsp/servlet (was구조, servlet 특징, request vs response, url mapping) 1. 서버프로그램의 필요성에 대해 설명할 수 있다. 2. WAS 구조를 설명할 수 있다. 3. Servlet의 특징을 설명할 수 있다. 4. Request와 Response를 이해할 수 있다. 5. URL Mapping이 무엇인지 설명할 수 있다. Networkwork = Net + Work "그물처럼 서로 엮어서 일하는 것" => 통신 장비들이 그물망처럼 연결되어 데이터를 교환하는 형태 node: 네트워크에 연결된 컴퓨터와 그 안에 속한 장비(허브,공유기,라우터) host: 노드 중에서 애플리테이션을 실행할 수 있는 컴퓨팅 시스템을 갖춘 기기 - 호스트 사이에 제공되는 서비스를 기준으로 호스트를 세분화 => 임의의 호스트가 클라이언트나 서버로 고정되지 않고 이용하는 서비스의 종류에 따라 클라이언트가 될.. 이미지 태그 와 테이블, 폼태그 1. 이미지태그 : 웹 페이지에 이미지를 보여주는 태그 속성 설명 src 이미지의 경로 지정(파일 경로나 URL) alt 이미지에 대한 설명(경로가 잘못되었을 경우) border 이미지 주위의 테두리 height 이미지의 높이 width 이미지의 너비 hspace 좌우 여백 vspace 상하 여백 2.경로 - 절대경로: 어떤 페이지나 파일이 가진 고유한 경로 * 외부 웹페이지로 연결할 때 사용 ex) 이미지의 고유한 주소, 절대 바뀌지 않는 값 - 상대경로: 특정 위치를 기준으로 파일을 찾는 경로 * 내부 자료를 연결할 때 사용 1) 현재를 기준으로 생략가능 2) 상위를 기준으로 3) 루트를 기준으로 -> 최상단 루트가는 방법 3. 이미지 코드 예제 4. 앵커 태그 텍스트 속성 설명 href hypert.. WEB,HTML과 태그 속성 1. WEB의 중요개념 web client: 클릭한 페이지를 요청하는 pc -> 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터 web server: 클릭된 페이지를 제공하는 pc -> 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터 2. HTML이란? - HTTP(Hyper Text Transfer Protocol) 인터넷에서 하이퍼텍스트 문서를 교환하기 위하여 사용되는 통신규약 - HTML(Hyper Text MarkUp Language): 웹 페이지에 정보를 담아 표시하기 위한 마크업 언어 - Hyper Text: 현재 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트 - Mark Up: 어딘가에 Mark! 즉, 표시를 해두는 것 3. HTML의 구성요소 ------- 문서 형식 정의 환.. 9/20 css(flow, overflow,position) javascript(jquery, addremove) 선택자 기호 가중치 -전체 * 0 -태그 태그이름 1 -클래스 . 10 -아이디 # 100 -자식 > -자손 띄어쓰기 -후행 ~ -근접후행 +Flex - Container > display : flex; > 축의 방향 flex-direction > 정렬 (가로) row / column -> row기준일때 가로축을 가운데 정렬 justify-content -> row기준일때 세로축을 가운데정렬 align-items column 기준이라면? 반대로 - Item -> flex-grow인라인 내부 외부 방향이 아니라 기준이 이동하는 것이다 top은 위에가 기준이다 bottom의 아래가 기준이다 left는 왼쪽이 기준이다 right는 오른쪽이 기준이다 position 위치속성 기준 -static X - -rela.. 9/19 css(flex) javascript(j.query) 공간분할태그 - div 태그 - p태그 - span 태그선택자 기호 가중치 - 전체 * 0 - 태그 태그이름 1 - 클래스 . 10 - 아이디 # 100Box Model - 내용 Content - 안쪽 여백 Padding - 경계선 Border => 경계선을 둥글게 border-radius - 바깥쪽 여백 MarginBox - Sizing - content-box : 컨텐츠 크기 - border-box : 컨텐츠 + 패딩 + 보더display - block - 한줄의 영역을 전부 차지 - width, height O - inline - 내가 넣은 컨텐츠 만큼만을 크기 , width ,height X - none - 안보이게 flex flex box라고도 불리며, 레이아웃을 배치하기 위해 나온 기능 (자유.. 8/16-css(박스모델, 신호등 표현) javascript(DOM, htmlelement객체) 선택자 기호 - 전체 * - 태그 태그이름 - 클래스 . - 아이디 #계층선택자 기호 - 자식 > - 자손 띄어쓰기 - 근접후행 + - 후행 ~그룹 선택자 => , 반응 선택자 :active :hover !important; => 선택자의 구별 없이 가장 가중치가 센 요소 선택자 기호 가중치 -전체 * 0 -태그 태그이름 1 -클래스 . 10 -아이디 # 100 가중치 Best : !important 만약에 가중치가 전부 같고, 아래에 쓴 코드가 힘이 더 세다 px로 조정 em으로 조정 rem으로 조정 css위치속성 모든 요소는 '사각형'으로 구성되어있다. 공간분할태그: 경계를 분할하거나 영역을 나눌 때 사용하는 태그 ,, 글자가 들어갈만한 공간은 태그와 태그 내가넣은내용 content-box borde.. 8/15 CSS(아이디, 클래스, 계층 선택자) JAVASCRIPT(화살표함수,함수) - 필수 속성! src => 상대경로 >> 현재를 기준으로 : ./ (생략 가능) >> 상위를 기준으로 : ../ >> 루트를 기준으로 : ../../../ >> 최상단 : / => 절대경로 : 웹페이지 주소 - 필수 속성! href - 1) 나 표 만들거야 => 2) 몇 줄 만들거야 (열) => 3) 몇 칸 만들거야 => / 4) 그안에 내용 넣을거야 => 컨텐츠- - 필수 속성 2가지 : action, method - input 태그 ** 선택할 수 있는 input type => radio, checkbox(중복O) >> 필수 속성 2개 : name, value ** 제출 할 수 있는 => input type="submit" => 조건 : 위치는 form 태그 안에 CSS로 웹을 꾸며보자! CSS란?.. 9/14- html(회원가입화면, 테이블 실습)/ javascript(반복문, 조건문, 배열, 내부 외부 인라인 javascript) web 홍길동 웹클라이언트 요청 => 다음 웹 서버 응답HTML -HT -ML =?' 표시' => '태그' Hello World 1) 제목태그 h1~h6 2) 본문태그 - p: 한줄의 영역 전부 차지 => 개행o - span: 내가 넣은 컨텐츠 => 개행x 3) 개행태그 - 4) 강조태그 5) 리스트 태그 - 나 여기에 리스트 선언 할꺼야 => ul, ol - 실질적인 리스트 데이터 => li 이미지태그 : 웹 페이지에 이미지를 보여주는 태그 src - 이미지의 경로 지정(파일 경로나 URL) alt - 이미지에 대한 설명(경로가 잘못되었을 경우) boder - 이미지 주위의 테두리 height- 이미지의 높이 width- 이미지의 너비 hspace- 좌우 여백 vspace- 상하 여백 경로 절대경로: .. 이전 1 ··· 7 8 9 10 11 12 13 ··· 17 다음
