본문 바로가기

전체 글358

HTML (뉴스, 이력서) 과제 과제 1. 인터넷 뉴스 페이지를 HTML 문서로 작성해보기. DOCTYPE html> 연합뉴스 의무경찰과 함께하는 마지막 경찰의 날…'굿바이, 의경 40년' 송고시간:2022-10-21 06:10 김윤철 기자 마지막 기수 내년 5월 전역…'최후의 의경부대'선 특식 제공 "자식처럼 함께 생활…경찰관 1인몫 해낸 의경 그리울 것" (서울=연합뉴스) 김윤철 기자 = 의무경찰 제도가 내년 5월 폐지됨에 따라 21일은 의경과 함께 맞는 '마지막' 경찰의 날로 기록된다. 경찰 관계자는 "의경과 같이하는 마지막 기념일인 만큼 각 부대에서는 출장 뷔페 등 특식을 제공해 대원들을 격려하고 '경찰 생일'의 의미를 함께 기릴 예정"이라고 말했다. 경찰의 날은 1945년 10월 21일 미군정청 경무국 창설을 기리기 위해 제정.. 2022. 10. 21.
HTML 테이블(기본, colspan, rowspan, colgrop, caption) 6. 테이블 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표 : 행을 생성 : 셀을 생성 : 셀의 제목, 가운데 정렬, 굵은 글씨 예제 기본 테이블 테이블1 첫번째 셀 첫번째 셀 두번째 셀 첫번째 셀 두번째 셀 세번째 셀 네번째 셀 이름 국어점수 수학점수 김사과 100 80 반하나 90 70 colspan 속성 - 셀을 가로로 합침(열) rowspan 속성 - 셀을 세로로 합침(행) 예제 테이블 colspan, rowspan DOCTYPE html> 테이블 2 table { width : 600px; border: 1px solid black; } td{ border : 1px solid black; } th{ border : 1px solid black; } 테이블2 1 2 4 5 6 7 8 9 .. 2022. 10. 21.
HTML(이미지 태그, 하이퍼링크 태그, 책갈피 태그) 3. 이미지 태그 1) 비트맵 이미지 - 픽셀이 모여 만들어진 정보의 집합 - "레스터 이미지"라고 부름 - 픽셀 단위로 화면에 랜더링함 - 그림판, 포토샵등 틀로 편집 2) 백터 이미지 - 수학적 정보의 형태들이 만들어내는 결과물 - 이미지가 가지고 있는 점, 선, 면의 위치, 색상정보를 가지고 있음 - 확대 및 축소를 해도 이미지가 깨지지 않음 - 일러스트 같은 툴로 편집 jpg(jpeg) - 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 - 가장 널리 쓰이는 이미지 포맷 - 표현 색상(24비트, 약 1600만 색상)이 뛰어나 고해상도 표시장치에 적합 - 손실 압축 gif - 이미지 파일내에 이미지 및 문자열 같은 정보를 저장할 수 있는 파일 - 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움.. 2022. 10. 21.
HTML (서식 태그, 목록 태그) 1. 서식 태그 : 텍스트를 굵게 표현 : 텍스트를 이탤릭체로 표현 // html1 버전 웹 접슨성을 위한 태그이다. : 텍스트를 굵게 표현, 리더기에서 거쎈 발음 : 텍스트를 이탤릭체로 표현, 리더기에서 거쎈 발음 //html5 버전 여러분 아녕하세요. 오늘은 HTML에 데헤서 베워볼게요 https://validator.w3.org/ 잘못된 스크랩트나 토드가 있는지 확인하는 사이트 예제 서식태그 DOCTYPE html> 서식태그 서식태그 b태그는 단순히 글자가 굵게> 표현됩니다 strong 태그는 중요한 글자를 굵게 표현됩니다 i 태그는 단순히 글자를 이탤릭채로 표현합니다 em 태그는 중요한 글자를 이탤릭체로 기울여 표현합니다. del 태그는 글자를 지운 것처럼 표현합니다. ins 태그를 사용하면 중요.. 2022. 10. 21.
JAVA 채팅 프로그램 ✔ JAVA 채팅 프로그램 쓰레드 병렬처리 ServerSocket의 accept() 실행하면 해당 작업이 완료되기전까지 블로킹(blocking)이 일어남 쓰레드를 사용하면 블로킹이 일어나는 현상을 해결할 수 있음 DataInputStream - 기본 데이터타입 단위로 데이터를 읽을 수 있음 - byte 단위로 데이터를 읽는 것이 아님 - readUTF() : UTF-8(모든 언어가 사용가능한) 형식으로 코딩된 문자열을 읽을 수 있음 DataOutputStream - 기본 데이터타입 단위로 데이터를 쓸 수 있음 - byte 단위로 데이터를 쓴는 것이 아님 - writeUTF() : UTF-8(모든 언어가 사용가능한) 형식으로 코딩된 문자열을 출력할 수 있음 서버 import java.io.DataInput.. 2022. 10. 20.
HTML (Visual Studio Code 설치 및 기본) 클라이언트 사이드 랭귀지 HTML : 웹사이트의 틀을 작성하는 언어 (제어문이나 로직은 없으며 명령어로만 사용 가능, 골격을 만든다, 프로그래밍 언어 X) - 이런 형태를 마크업언어라고 한다. CSS : HTML 문서를 시각적으로 만들어주는 언어 (HTML을 보조하며 시각화에 도움을 준다, 프로그래밍 언어 X) JavaScript : HTML문서의 컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어 (웹사이트를 동적으로 표현하는 언어) 서버가 클라이언트에게 전달해줄 수 있는것은 html, css, js이다 브라우저를 통해 클라이언트에게 전달한다. --------------------------------------------------------------------- 서버 사이드.. 2022. 10. 20.
JDBC 서버 클라이언트 연동(학생 관리) 과제. c/s 환경에서 아래와 같이 프로그램을 만들어보자. ******** 메뉴 ******* 1. 학생 리스트 학번 이름 연락처 성별 주소 2. 성적 리스트 학번 이름 국어 수학 영어 총점 평균 자바와 SQL 연동 import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class DBcon { private static Connection conn; // 주요하게 생각하는것을 컨넥션 객체를 사용할 수 있게 //스테틱이 있으면 클래스만 불러도 된다 메소드 호출시 public static Connection getConnection() throws SQLException, ClassNotFo.. 2022. 10. 20.
JAVA (TCP/IP, 서버 클라이언트) 2. TCP/IP 네트워킹 소켓(socket) - 두 호스트 사이 연결 - 어떠한 방식으로 통신을 할지도 정해주는 것 - 원격 장비에 연결, 데이터 전송(보내기, 받기), 포트 지정, 수신 대기(서버와 클라이언트 관계(c/s), p2p) ServerSocket 클래스 - 클라이언트의 연결 요청을 기다리면서 연결 수락을 담당하는 클래스 (대기하다가, 일반소켓을 만들고 일반 소켓끼리 통신할 수 있도록 만들어 연결을 해주는 역할) -> 서버부터 실행을 해야한다.(대기상태에서) Socket 클래스 - 연결된 클라이언트와 통신을 담당하는 클래스(사용자가 접속할 수 있는) 문제. 에코서버를 만들어보자. 데이터 클라이언트 -----> 서버 5 밖으로 보넬 아웃풋 스트림을 통해 나갈거 만들고 -> 버퍼에다 담을거기 떄.. 2022. 10. 20.
JAVA 네트워크 1. 네트워크(Network) - Net + work 합성어 - 컴퓨터들이 통신 기술을 이용하여 그물망처럼 연결된 통신 이용형태 인터넷(Internet) - 컴퓨터로 연결하여 TCP/IP 프로토콜을 이용하여 정보를 주고받는 네트워크 ✔ IP(Internet Protocol) - 인터텟 연결되어 있는 모든 장치를 식별할 수 있도록 장비에게 부여되는 고유 주소 ✔ IPv4 - 8bit씩 4자리 - 하나의 스텟마다 0 ~ 255 (0 ~ 42억9천) 예) 211.100.85.100 - 향후 IPv6, 32bit 내 아입피 확인 - 네이버 "내 ip"로 검색 -> 123.142.55.115 - cmd -> ipconfig -> 192.168.12.12 도메인 -> IP, IP -> 도메인 - cmd -> nsl.. 2022. 10. 20.