본문 바로가기
728x90
반응형

Major-

 (864)
[웹프로그래밍] 4. 이미지와 테이블 1. 이미지 : 웹 화면에 이미지를 넣는 태그 -> 보이는 크기만 줄이며, 너비나 높이 중 하나의 크기만 줄이면 비율을 유지하면서 줄이게된다. -> 경로는 기본적으로 상대경로를 사용하고, url을 이용해서 다른 웹사이트에서 가져올 수도있다. -> %를 사용하면 브라우저 크기에 따라 이미지 크기가 조절된다. 1) 이미지 파일 종류 jpg/jpeg gif bmp png svg ->벡터 이미지로 고정 값이 아니 수치화를 이용한 이미지이기 때문에 크기가 변해도 이미지가 손상되지 않는다는 특징이 있다. 2) 이미지 경로의 예시 상대경로 현재 html 파일을 기준으로 한 경로 절대 경로 웹 서버의 루트를 기준으로 하는 경로 url 다른 외부 서버의 이미지 경로 via.placeholder.com를 이용해 특정 크기..
[웹프로그래밍 실습] 3. HTML 기본태그 2-1. 제목과 문단 태그 활용 example 2-1 html example hello world hello world hello world hello world hello world hello world 2-2. 텍스트 관련 태그 활용 bold text strong text italic text emphasized text mark text small text deleted text inserted text This is superscript text This is subscript text 2-3. 목록 만들기 Unordered List Coffee Tea Milk Ordered List Coffee Tea Milk 2-4. 하이퍼 링크 활용 Naver 2-5. 책갈피 구현하기 Menu Coffee ..
[웹프로그래밍] 3. HTML 기본태그 1. HTML 기본 태그: , , 태그 태그 HTML 문서의 시작과 종료를 나타낸다 : 브라우저 상단 타이틀 정의 : 태그를 통해 언어설정, 호환성 설정 및 모바일 화면설정 SEO[Search Engine Optimization] 정보 제공 : HTML 메인 콘텐츠 영역 블록 태그 한줄에 여러 요소가 위치하지 못하는 태그 구성요소들이 라인 전체를 차지하는 태그 대표적으로 , , , ~ 태그 인라인 태그 태그 구성요소들이 나란히 배치될 수 있는 태그 대표적으로 , , 태그 2. 제목 태그 : 콘텐츠의 제목을 표시하는 태그 -> 콘텐츠의 제목이 순감하는 문서구조를 표현한다. 이 가장 큰 제목, 가 가장 작은 제목을 표현한다. 3. 문단 태그: 태그 : paragraph로 문단을 구분하기위해 사용한다. 태그:..
[웹프로그래밍 실습] 6. CSS 기초 1-2. CSS 작성과 실행 CSS Basic CSS Basic Example 1-3. CSS 포함방법 3가지 Inline stylesheet Embedded stylesheet External stylesheet .red{ color:red; }
[웹프로그래밍] 6. CSS 기초 1. CSS [Cascading Style Sheet] HTML과 함께 웹을 구성하는 기본 프로그래밍 요소 웹 문서의 디자인 요소를 담당한다. HTML과 분리하여 정의가 가능하다 자바스크립트와 연계가 가능하고, 템플릿의 생성이 가능하다 [라이브러리 생성 -> 재활용 가능] 페이지 검사기능을 이용하면서 우선순위 확인을 해야한다. -> 웹 문서와 분리하여 디자인만 바꾸거나, 웹 내용만 수정할 수가 있다. -> 유지보수성 -> 다양한 디바이스에서 동적으로 바뀌는 디자인 -> 반응형 디자인 -> DOM [Document Obejct Model] -> 폭포수 모델 [부모-자식의 디자인 상속] [웹 디자인 도구 : SASS] 2. CSS 기본 문법 선택자 {속성:값; 속성:값....} h1 {color:red; f..
[빅데이터 분석] 10minutes pandas (1) 10 minutes to pandas¶ In [1]: import numpy as np import pandas as pd 객체 생성¶ 데이터 프레임 만들기¶ In [10]: dates = pd.date_range("20130101", periods=6) dates Out[10]: DatetimeIndex(['2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], dtype='datetime64[ns]', freq='D') In [11]: df = pd.DataFrame(np.random.randn(6, 4), index=dates, columns=list("ABCD")) df Out[11]: A B C D 2..
[소프트웨어 서비스-App 설계] 2. 타 시스템 연동설계하기 2-1. 아키텍처를 고려한 타 시스템 연동 설계 2-2. 미들웨어 솔루션 명세 작성 2-3. 오류 예측 및 대응방안 제시 2-1. 아키텍처를 고려한 타 시스템 연동 설계 [1] 시스템 연동 : 서버와 네트워크를 활용하는 자동화 체계 등에서 동일한 기능을 수행하지 않는 단위 시스템 간에 접속을 통해 업무(기능)을 수행하는 것 [2] 데이터 연동 : DB를 공유하여 타 시스템과 연계하는 방법 -> 자원 이용과 구축 시간을 절약 [내부 시스템 연동에 자주 쓰인다] ->JDBC -> 테이블 상호 관계, 데이터 참조 관계 고려해 연동 설계 [3] 인터페이스 연동 : 서로 독립적인 시스템의 상호 작용을 위한 접속 경계나 규칙을 의미 [API(응용 프로그램 인터페이스), RMI(원격 메소드 호출) 등을 통해 타 시스..
[JSP 실습] 7-2. 판매 제품 등록 화면 구현하기 판매 제품 등록 제조사: 제품명 : 가격: : # 등록 목록
728x90
반응형

티스토리툴바