2025/05 77

CSS background 에 이해 - 14

1. background 프로퍼티란?background 프로퍼티는 요소의 배경을 설정하는데 사용됩니다. 배경 색상, 이미지, 반복 방식, 위치, 크기등을 한버넹 정의할 수 있는 단축 속성(shorthand property) 입니다. 개별 속성으로도 설정 가능하며, 단축속성을 사용하면 코드를 간결하게 작성할 수 있습니다. 주요 개별 속성-backgroud - color: 배경 색상을 지정합니다.-backgroud - image: 배경 이미지를 지정합니다.-backgroud - repeat : 배경 이미지의 반복 방식을 설정합니다.backgroud - position : 배경 이미즈이 위치를 설정합니다.backgroud - size : 배경 이미지를 크기를 설정합니다. backgroud - attachmen..

HTML CSS 2025.05.31

CSS 박스 모델에 이해 - 13

CSS 박스 모델은 HTML 요소를 네모난 상자로 구분하여 표현하는 모델입니다. 위 그림 처럼 HTML 요소를 "상자"로 보는 방식이에요. 이 상자는 네 개의 층으로 이루어져 있어요.-Content(내용): 상자 안의 실제 내용물(텍스트, 이미지 등).-Padding(패딩) : 내용과 테두리 사이의 내부 공간.-Border(테두리): 패딩을 감싸는 경계선.-Margin(마진): 테두리 밖의 외부 공간. 박스 모델을 이해하면 웹페이지에서 요소의 크기와 간격을 정확히 조정할 수 있어요. 이걸 모르면 버튼이 겹치거나텍스트가 너무 붙어서 보기 불편한 문제가 생길 수 있습니다. |실습 코드 1 - 박스 모델에 개념 | 박스모델에 대한 기본적인 속성에 이해 div 태그 1 박스 모델 ..

HTML CSS 2025.05.31

(JAVA) 파일 복사 기능 만들어 보기-18

| 바이트 기반 스트림 사용package ch04;import java.io.FileInputStream;import java.io.FileOutputStream;public class FileCopy { public static void main(String[] args) { // 파일 경로 지정 String sourceFilePath = "employees.zip"; String destination"employees_copy.zip"; // 소요 시간 측정 시작 long startTime = System.namoTime(); // 바이트 기반 스트림으로 데이터를 다둘 수 있다. try(FileInputStr..

HTML CSS 2025.05.29

(JAVA) 보조 기반 스트림( 버퍼 스트림)-17

| 바이트 기반 스트림 + 보조 스트림(버퍼 스트림) 활용+ 를 기억하자!!!기반 스트림이 있어야 사용할 수 있다.bos.write(buffer,0,bytesRead); // --> (배열, 배열0번, 1024) 만큼 출력 스트림 package ch04;import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import java.io.InputStream;/** * 보조 기반 스트림에 대해서 알아 보자. * 기반 스트림이 있어야 사용할 수 있다. * (InputStream, InputStreamReader, OutputStream, OutputStreamWriter ) */ public class ByteBufferedKeyboard..

(JAVA)문자 기반 스트림 (키보드,콘솔,파일) -16

| 문자 기반 + 키보드 , 콘솔에 대한 입출력 예제 ========================사전 기반 지식======================== InputStream(System.in), OutputStream(System.out) 메서드 안에 System.in이 들어갈 수 있는 이유 이름타입 역활System.inInputStream 타입키보드 입력 등 표준 입력 스트림System.outPrintStream 타입 콘솔 출력 등 표준 출력 스트림즉, System.in 은 입력 스트림(InputStream) 객체고,System.out 은 출력 스트림(OutputStream의 하위 타입인 PrintStream)객체야. 그러면 왜 InputStream(System.in)처럼 쓸 수 있냐?더보기마찬 ..

(JAVA) 파일로 데이터 내보내기 FileOutputStream - 15

1. 바이트 기반 출력 스트림 : fileOutputStreamFileOutputStream은 바이트 단위로 데이토를 파일에 직접 쓰는 기반 스트림입니다. 텍스트 파일뿐만 아니라이미지, 비디오 실행 파일 등 바이너리 데이터에도 사용돕니다. package ch02;import java.io.FileOutputStream;/** * 파일 출력 스트림을 사용해 보자. */public class MyFileOutputSystem { public static void main(String[] args) { String data = Hellow, Java FileOutputSystem abc abc 반가워; //new FileOutputStream("output.txt")

(JAVA)파일에서 데이터를 가져오기 FileInputStream - 14

FileInputStream은 바이트 단위로 파일에서 데이터를 읽어오는 기반 스트림입니다. 텍스트 파일뿐만 아니라 이미지. 비디오,실행 파일 등 바이너리 데이터에도 사용됩니다. 단어 설명"바이너리 데이터"라는 말은 텍스트가 아닌 모든 데이터를 의미해요. 컴퓨터가 처리하는 모든 파일은 결국 0과 1로 이루어진 이진(binary) 데이터로 저장됩니다.더보기 | 루트 폴더에서 a.txt 파일을 생성하고 텍스트를 넣어주세요Hello World.by tenco.| 시나리오 1package ch02;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.IOException;import java.io.InputStream;..

(JAVA)자바 표준 입출력 (키보드, 콘솔) - 13

자바에서 표준 입출력(Standard Input/Output)은 프로그램과 사용자 간의 기본적인 데이터 교환 방법을 제공합니다. 표준 입출력의 핵심 요소1. System.in- System.in은 자바 프로그램의 표준 입력 스트림입니다. 기본적으로 이 스트림은 키보드 입력을 받습니다.이는 InputStream 객체로, 바이트 기반의 낮은 수준의 입력 기능을 제공합니다 . 일반적으로, 사용자로 부터 텍스트를 읽기 위해Scanner 클래스나 BufferedReader 와 같은 더 높은 수준의 래퍼(wrapper)를 사용하여 쉽게 데이터를 처리할 수 있습니다. 2.System.out- System.out 은 자바 프로그램의 표준 출력 스트림으로, 텍스트 데이터를 콘솔에 출력합니다. 이 스트림은 PrintStr..

(JAVA)자바 I/O 개론 (작성중) - 12

자바 I/O(입력/출력)는 데이터를 읽고 쓰는 기능을 제공하며, 파일 ,네트워크, 콘솔 등 다양한 소스와 대상 간 데이터를 주고 받는 데 사용됩니다. 자바의 I/O 시스템은 javo.IO 시스템은 java.io 패키지를 중심으로 구성되며, 크게 네 가지주요 구성 요서로 나눌 수 있습니다. : 바이트 기반 스트림, 문자 기반 스트림, 버퍼링 스트림, 그리고 필터 스트림. 사전 기반 지식Stream 이라는 단어에 대해서 먼저 살펴 보자.스트림(Stream)은 데이터를 순차적으로 처리하는 연속된 데이터 요소의 흐름입니다. 자바에서 스트림은 한 곳에서 다른 곳으로 이동시키는 추상적인 매개체로, 입출력 작업을 수행합니다. 예를 들어, 파일에서 데이터를 읽거나 네트워크로 데이터를 보내는 과정이 스트림을 통해 이루어..

(HTML/CSS/JavaScript)CSS 선택자(속성 선택자) - 12

속성 선택자란?속성 선택자는 HTML요소의 속성(Attribute)이나 그 속성의 값(value)을 기준으로 요소를 선택하는 css 선택자에요태그 이름이나 클래스,ID 대신 요소가 가진 속성(예: type,href,class)을 보고 스타일을 적용합니다. 대괄호( [ ] )를 사용하며, 속성 이름만 쓰거나 특정 값과 매칭시켜서 선택할 수 있어요.예를 들오, 처럼 type 속성이 "text"인 요소만 골라낼 수 있습니다. 속성 선택자는 마치 사람을 "특징" 으로 찾는 것과 같아요. "안경 쓴 사람" 이나 "파란 셔츠 입은 사람"을 고르는 식으로,속성을 기준으로 요소를 골라내는 거죠[href] { color: blue;}| 주요 속성 선택자 종류선택자 설명예시 코드적용 예시(HTML)결과[속성]특정 ..

HTML CSS 2025.05.29
728x90