본문 바로가기

분류 전체보기

 (79)
2회차 오답 노트 HTML = Hyper Text Markup LanguageHyper Text: 웹페이지 간의 링크를 통해 문서가 서로 연결되는 ‘하이퍼텍스트’를 의미Markup Language: 태그를 사용해 문서 구조를 표시하는 언어라는 뜻따라서 HTML은 웹 문서의 구조를 정의하는 마크업 언어임 사각형 - rect(rectangle)원 - circle다각형 - poly(polygon)
AWD HTTPD Httpdhypertext transfer protocol daemonHTTP 서비스 제공 데몬 서버포트 : 80서버 패키지 : apache서버에서 웹 페이지 전송 서비스를 제공해주는 서버 프로그램EC2 인스턴스 vs HttpdEC2 인스턴스는 일종의 물리적 서버 컴퓨터의 개념Httpd는 서버 컴퓨터에서 웹 서비스 제공을 위해 동작하는 서버 프로그램YumYellowdog Updater ModifiedRPM(Red Hat Package Manage) 기반의 시스템을 위한 자동 업데이터 겸 패키지 설치/제거 도구온라인 저장소에서 업데이트 된 패키지들을 검사하고, 다운로드하여 설치까지 처리해주는 텍스트 기반의 업데이트 명령어간단하게, 다운받아 설치해주는 툴Yum 패키지 업데이트: sudo yum updateh..
HTML 멀티미디어와 이미지맵 적용하기 멀티 미디어Multi + Media여러 형식의 정보 콘텐츠와 정보처리를 사용하여 사용자에게 정보를 제공하는 미디어예 : 이미지, 사운드, 비디오, 애니메이션 등웹 페이지는 종종 다양한 멀티미디어 요소를 포함 태그html5에 새로 추가됨 ( ActiveX -> video ) : 재생, 일시정지 등 : 코드와 같은 폴더에 위치확장자 변경 ( avi -> mp4 )다른 종류의 영상 파일이름 및 확장자 변경 (handong.avi -> handong.mp4 )다양한 종류의 동영상을 play 시킬 수 았음속성 변경 ( controls -> autoplay )동영상 자동 재생, 웹 브라우저마다 안될 수도 있음 태그html5에 새로 추가됨 ( ActiveX -> audio ) : 코드와 같은 폴더에 위치이미지 맵(I..
HTML Form 태그 Form tag사용자로부터 어떠한 정보를 받고 싶을 때 사용숙박부, 주문양식, 설문조사, 피드백 등을 위해 활용될 수 있음Form tag의 양식: form의 시작을 알리는 tag: 다양한 방법 중 하나로 정보를 질의: form의 끝을 알리는 tagForm 기본 태그form 태그 열기form 통해 실행하고자 하는 액션입력할 수 있는 영역name 속성으로 이름 설정type 속성으로 텍스트박스 생성텍스트 박스 입력 내용을 전송하기 위한 버튼input type 속성text : 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자button : 버튼을 만들어 클릭했을 때 이벤트를 발생시킬 수 있음checkbox : 여러 개의 선택지를 선택할 수 있는 입력 요소radio : 라디오 버튼 (1개만 선택 가능)passwor..
HTML5 table, iframe, layer Table 태그행과 열로 데이터를 구분하는 형식홈페이지 제작에 다양하게 활용Table의 기본 태그...table의 기본 태그크기와 테두리 넓이 등의 속성 사용...Table의 요소들의 행을 정의...Table의 요소들의 열을 정의Table 태그테이블 형성table의 기본 태그 사용테이블 경계선 설정테이블 크기 설정테이블 정렬셀 텍스트 정렬테이블 여백 설정셀 여백 설정테이블, 셀 색깔 변경테이블: 셀: 셀의 열 크기 설정열: 행: 셀의 행 크기 설정행: Iframe 태그내부 프레임(inline frame)하나의 HTML 문서 내에서 다른 HTML 문서를 보여줌 과 비교html5에서 제공하지 않음 태그 사이에 올 필요 없음독립적으로 태그와 같이 문서 내의 원하는 위치에 삽입 가능 Layer 형식하나의 문서..
HTML 기본태그 - HTML: 웹 페이지를 구성하는 마크업 언어 - 마크업 언어: 태그를 사용하여 데이터 구성 즉, html은 태그들의 집합으로 이루어진 언어. - -내용-ex)... html 태그 사용 규칙- 여러 tag를 혼용할 때에는 짝을 맞춰서 사용해야함 HTML 문서를 구성하는 기본 태그 ... - html 문서임을 나타냄- html 문서의 모든 내용은 html 태그 내에 존재 - html의 머리 부분에 해당- 문서의 제목, 스타일 등을 정의 ...- html 내용이 들어가는 부분HTML 기본 태그링크 삽입: - 링크할 대상- 주소: URL 입력 그림 삽입: - 폰트 스타일 지정- 텍스트 : 밑줄- 텍스트 : 기울임 꼴- 텍스트 : 진하게- 텍스트 : 텍스트 크기 변경- 텍스트 : 텍스트 색깔 변경- 텍스트 ..
HTML5 기초 구조 HTML5- Hypertext markup Language- 선생이 학생의 글의 틀린 부분을 색연필로 표시해주듯이, Html 문서는 글의 내용에 태그라는 것을 사용하여 표시해 주는 형식의 언어- 웹페이지 기술을 위한 마크업 언어- 웹페이지의 내용과 구조를 담당 HTML5 지원 기능- 멀티미디어: 플러그인 없이 비디오, 오디오 자체적 지원- 그래픽: 3차원 그래픽 지원- 통신: 단방향 통신 -> 서버와의 양방향 통신(소켓 통신 가능으로 서버와의 양방향 통신이 가능해짐)- 디바이스 접근: 카메라, 센서 등 제어 가능 - 오프라인 및 저장소: 오프라인에서도 동작 가능 HTML5의 기본 구조- HTML 태그 안에 head 부분과 body 태그로 이루어짐. - 일반적으로 태그는 쌍을 이룸- 은 열고 은 닫아..
1회차 오답 노트 클라이언트 컴퓨팅: 클라이언트는 서버로부터 서비스를 요청하는 사용자 측 단말기서버 시스템 컴퓨팅: 서버 시스템은 여러 사용자의 요청을 처리하는 중앙 컴퓨터(서버) 자체TCP/IP 컴퓨팅: TCP/IP는 인터넷 통신을 위한 프로토콜(통신 규약) 이며, 컴퓨팅 기술의 형태가 아님. TCP/IP:- 네트워크 통신의 기본 프로토콜 구조(모델) 로, 인터넷에서 데이터가 어떻게 전송되는지를 정의하지만 보안 접속 방식이 아님.- SSH도 내부적으로 TCP를 사용하지만, TCP/IP 자체가 접속 프로토콜은 아님.UDP: 데이터 전송 속도는 빠르지만 신뢰성·보안이 없는 프로토콜SSH: 네트워크를 통해 원격 시스템(예: 서버)에 안전하게 접속하기 위한 보안 프로토콜 WinSCP(Windows Secure Copy) 는 ..

티스토리툴바