본문 바로가기

전체 글

 (143)
html/css) 박스모델이란 css 박스 모델 html 요소를 네모난 상자들로 표현하는 모델 content 예제) body> div class="box">div 태그 박스 모델div> div>div태그2div> div> pre> 요소 크기 계산해보기 전체 너비 = width + 좌우패딩 + 좌우보더 + 좌우마진 전체 높이 = height + 상하패딩 + 상하보더 + 상하마진 박스 모델 크기를 계산하는 기준 box-sizing: content-box 기준(기본값) width: 200px 값을 준다면 컨텐츠만 지정되는 개념 pre> div> body> 전체 스타일 정의 ..
java IO) 로또 생성기 + 출력스트림 난수를 만들고 이를 파일출력스트림을 통해 텍스트 파일에 출력해봤다1.경로지정2.출력스트림3.난수생성4.실행의흐름public class LottoByte { public static void main(String[] args) { Random random = new Random(); int [] lotto = new int[6]; String destinationFilePath = "test.txt"; try (FileOutputStream fos = new FileOutputStream(destinationFilePath,true)) { for (int i = 0; i lotto.length; i++) { ..
java IO) Buffered Stream 보조 기반 스트림 문자 기반 스트림은 바이트 기반 스트림보다는 편리하지만만약 텍스트 글자가 100만자라면처리하는데 엄청나게 많은 시간이 걸릴 수 밖에 없다.기능의 확장이 필요하다.보조 기반 스트림Buffered Stream 버퍼란 데이터를 전송하기 위해 일시적으로 사용하는 공간이다.버퍼를 사용하면 많은 양의 데이터를 효율적으로 처리할 수 있다. 예제1)키보드 입력값을 받아, 화면에 출력하는 스트림을 만들어보자1.입력스트림 준비2.출력스트림 준비3.버퍼 도구 준비4.실행의흐름(while)package ch04;import java.io.BufferedInputStream;import java.io.BufferedOutputStream;/** 5.29 보조 기반 스트림 기반 스트림이 있어야 사용할 수 있다 InputStrea..
java IO) - 문자 기반 스트림 앞서 바이트 기반 스트림을 익혔다 5.28https://notion6780.tistory.com/94 java) java 입출력 I/O, 키보드 입력스트림⭐자바 입출력 I/Oinput/output데이터를 읽고 쓰는 기능을 제공한다파일, 네트워크, 콘솔 등 다양한 소스와 대상 간 데이터를 주고받는다. 먼저 I/O 시스템은 크게 네 가지 주요 구성 요소로 나눈다notion6780.tistory.com바이트 기반 스트림 예제https://notion6780.tistory.com/95 java) java 파일 입력스트림, 출력스트림 예제예제)txt 파일로부터 입력스트림을 받아봤다.public class MyFileInputStream { public static void main(String[] args) {..
html/css) css선택자 - 속성선택자 css 선택자란 (5.28)https://notion6780.tistory.com/92 html/css) css 선택자 selector⭐css 선택자는 html 문서에서 스타일을 적용하고 싶은 특정 요소를 선택하는 도구다. css로 html 문서를 렌더링하려면 각 부분을 선택할 수 있어야 한다. 선택자는 html에 "이 요소에 스타일을 입히notion6780.tistory.com 앞서 css선택자의 개념을 짚었다.여기에 속성선택자의 사용법을 적어본다. ⭐속성선택자 html 요소의 속성이나 속성값을 보고 대상을 구분한다.태그 이름이나 클래스, id 대신 요소의 속성을 본다. 문법대괄호([])를 사용속성 이름만 쓰거나 속성값과 매칭시켜 선택 예제)다음 html 구문의 스타일을 정의body> input ..
html/css) css선택자 - 가상클래스 선택자 css 선택자란 (5.28)https://notion6780.tistory.com/92 html/css) css 선택자 selector⭐css 선택자는 html 문서에서 스타일을 적용하고 싶은 특정 요소를 선택하는 도구다. css로 html 문서를 렌더링하려면 각 부분을 선택할 수 있어야 한다. 선택자는 html에 "이 요소에 스타일을 입히notion6780.tistory.com 앞서 css선택자의 개념을 짚었다.여기에 가상클래스 선택자의 사용법을 적어본다. ⭐가상클래스 선택자요소의 특정상태나 위치 기준으로 스타일 정의 어떤 상황이나 조건에 있는 요소를 구분한다 문법선택자 뒤에 콜론(:)을 붙인 뒤 다음과 같은 가상클래스를 붙인다.✨ hover 마우스오버 ✨ focus 입력창선택 ✨ first-child..
html/css) css선택자 - 결합선택자 css선택자란 (5.28)https://notion6780.tistory.com/92 html/css) css 선택자 selector⭐css 선택자는 html 문서에서 스타일을 적용하고 싶은 특정 요소를 선택하는 도구다. css로 html 문서를 렌더링하려면 각 부분을 선택할 수 있어야 한다. 선택자는 html에 "이 요소에 스타일을 입히notion6780.tistory.com 앞서 css선택자의 개념을 짚었다.여기에 결합선택자의 사용법을 적어본다. 결합선택자 여러 선택자를 조합해서 더 구체적으로 대상을 선택 위치와 관계까지 고려한 개념 how 두개 이상의 선택자를 기호로 연결해 사용한다. ✨ 하위선택자 (공백)✨ 자식선택자 (>)✨ 인접형제선택자 (+)✨ 일반형제선택자 (~)하위 선택자(자손선택자) ..
html/css) css선택자 - 기본선택자 css 선택자란 (5.28)https://notion6780.tistory.com/92 html/css) css 선택자 selector⭐css 선택자는 html 문서에서 스타일을 적용하고 싶은 특정 요소를 선택하는 도구다. css로 html 문서를 렌더링하려면 각 부분을 선택할 수 있어야 한다. 선택자는 html에 "이 요소에 스타일을 입히notion6780.tistory.com 앞서 css선택자의 개념을 짚었다.여기에 주요 기본선택자의 종류와 사용법을 적어본다. ✨전체선택자 (*)✨ 태그선택자 (tag)✨ 클래스선택자 (.class)✨ 아이디선택자 (#id) 1.전체선택자모든 요소를 한꺼번에 선택주로 초기화 작업에 사용된다.* { margin: 0; padding: 0;} 2.태그선택자htm..

티스토리툴바