IT 137

CSS 1

웹 디자인에는 CSS를 사용함. 웹 문서의 디자인을 구성하는 것이 CSS! 스타일과 스타일 시트선택자 {속성1: 속성값1; 속성2: 속성값2; } □ 중괄호 안에 스타일 정보 작성 □ 스타일 규칙 : 속성과 값이 하나의 쌍으로 이루어진 것. 세미콜론으로 구분하여 여러 개 작성 가능□ 선택자 : 웹 문서에서 어느 부분에 스타일을 적용할지 알려주는 것 p { text-align : center; color : blue; }p를 선택자로 지정하여 스타일 지정. 텍스트 정렬을 지정하는 text-align을 통해 중앙 정렬하고 글자색은 파란색으로 지정 + ) css는 네트워크를 통해 파일로 내려받으므로 되도록이면 파일 크기가 작은 것이 좋다.  □ 스타일 시트 : 스타일 규칙을 한눈에 확인하고 필요..

IT/Frontend 2025.02.02

HTML 4

[1. 이미지 삽입하기]■ src : 이미지 파일 경로를 지정하여 웹 브라우저에 알려주는 역할. 필수■ alt : 화면 낭독기 등에서 이미지를 대신 읽어줄 텍스트 입력   - 인터넷이 불안정하거나 파일 경로 잘못 넣어서 이미지를 제대로 표시할 수 없을 때도 이미지 대신 alt 텍스트 나타남.  □ width, height 속성: 이미지 크기 조절. □ width : 너비□ height : 높이 - 둘 중 하나만 지정해도 나머지 속성은 비율을 자동으로 계산해서 나타냄- 퍼센트(%), 픽셀(px) 사용 원래 크기 이미지 width = "50%", heigh="50%"로 지정한 이미지 width="150"으로 지정한 이미지   [2. 오디오와 비디오 삽입하기]■  □ : 대부분의 브라우저에서 사용..

IT/Frontend 2025.02.01

MVC 패턴 - 유효성 검사/예외처리

MVC 패턴 프로젝트 중 유효성 검사, 예외 처리를 하던 중 알게 된 점 정리 [클라이언트뷰 메서드 목록]클라이언트뷰 메서드 목록1) inputNum() // 메뉴 번호 입력 √ 2) printPopularList() // 인기 대출 도서 출력 √ 3) inputBookName() // 책 검색 시 이름 입력 √ 4) addToCart() // 장바구니 담기 결과 출력 √ 5) borrowFormCart() // 장바구니 책 대여 √ 6) printReturnBook() // 책 반납 결과 출력 √ 7) printCartEmpty() // 장바구니 비우기 성공 안내 √ 8) printDatas() // 대여한 책 목록 출력 -> 오버로딩 √9) checkBorrow() // 대여 확인 문구 √10) ..

IT/JAVA 2025.01.31

HTML 3

[목록 만들기] ① , 태그■ 순서 있는 목록 항목1 항목2 레드향 샐러드 레시피재료: 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드 채소 30g드레싱: 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간 샐러드 채소를 씻어 물기를 제거한 후 먹기 좋게 썰어서 준비합니다. 레드향과 아보카도, 토마토도 먹기 좋은 크기로 썰어 둡니다. 드레싱 재료를 믹서에 한꺼번에 넣고 갈아 줍니다. 볼에 샐러드 채소와 레드향, 아보카도, 토마토를 넣고 드레싱을 뿌리면 끝! ※ 태그의 type, start 속성 : 기본적으로 순서 있는 목록은 숫자 1, 2, 3.. 순대로 번호를 붙이는데 type 속성을 이용하면 다른 숫자로 순서를 나타낼 수 있다. 또한, 순서 목록은 기본적으로 1부터 시작..

IT/Frontend 2025.01.30

HTML 2

① ~ 태그■ 제목을 나타내는 태그. 제목 ② 태그■ 텍스트 단락을 만드는 태그.□ 편집기에서 줄을 바꾸어도 웹 브라우저에서는 동일하게 나타남□ 내용이 길면 자동으로 줄이 바뀐다. ③ 태그■ 줄을 바꾸는 태그.□ 원하는 위치에서 줄 바꿈 가능. □ 단독으로 사용하므로 닫는 태그가 없음. 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다. 비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. ※ 태그를 두 번 사용하면 빈 줄이 생기면서 텍스트 단락이 나뉜 것처럼 화면에 표시되지만 실제로는 단락이 만들어 진 것이 아니라서 CSS를 사용해 텍스트 단락 스타일을 적용할 때 문제가 생긴다...

IT/Frontend 2025.01.29

HTML 1

■ HTML : HyperText Markup Language의 줄임말로, 웹 문서를 만드는 기본 언어.               - 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크한다.[태그] : 웹 브라우저가 어느 부분이 제목, 텍스트 또는 표인지 구별할 수 있도록 하는 꼬리표            , , 등.. [HTML의 기본 구조]□ 보통 로 시작하여 , 프론트엔드 웹 개발 HTML CSS JS□ VS 코드에서 ! 입력 + [Tab]키 시 기본 구조 자동 생성 ① : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻     - 문서 유형을 지정하는 태그② ~ : 웹 문서의 시작과 끝을 나타내는 태그.      - HTML 파일의 시작과 끝을 나타냄. 태그 위에는 아..

IT/Frontend 2025.01.28

Java Section 19 : 파일 입출력

□ 자바에서는 입출력을 처리하기 위한 별도의 I/O 패키지를 제공하고 있음  >> java.io 패키지에서 제공       - 파일 시스템의 정보를 얻기 위한 File 클래스와 데이터 입출력을 위한 다양한 스트림 클래스 제공 - 바이트 기반 : InputStream, OutputStream ① inputStream : 입력 스트림- FileInputStream : 파일에서 바이트 단위로 자료를 읽어들일 때 사용하는 스트림new FileInputStream(경로/파일명); ② OutputStream : 바이트 출력 스트림- FileOutputStream  □ 문자 기반 : Reader, Writer① Reader : 문자 입력 스트림- FileReader ② Writer : 문자 출력 스트림- FileWr..

IT/JAVA 2025.01.27

Java Section 18 : 스레드

[프로세스와 스레드]□ 프로세스 : 프로그램의 한 단위. 실행 중인 프로그램으로, 메모리에 독립적으로 저장되어 실행된다.□ 스레드 : 프로그램 내에서 동작하는 작업 단위를 말하며 스레드를 통해 동시에 여러 가지 작업 가능 - 각각의 프로세스들은 메모리에 독립적으로 등록되어 서로 간섭할 수 없음- 하나의 프로세스 안에서 다양한 작업을 동시에 하기 위해 스레드가 각자 독립적으로 존재하여 일 수행- 하나의 프로세스는 적어도 한 개의 스레드를 가진다.Thread 클래스를 상속하여 run() 메서드 구현Runnable 인터페이스 구현 ① Thread 클래스 상속- 클래스에 Thread를 상속받은 경우에는 Thread가 가지고 있는 run() 메서드를 사용해서 생성 ② Runnable 인터페이스 상속- 클래스 상속..

IT/JAVA 2025.01.25

Java Section 17 : 람다식

[람다식]: 함수의 이름이 없는 익명 함수를 만들기 위한 표현식-> 식별자 없이 실행 가능한 함수 [람다식 문법]- 메서드의 이름과 반환 타입을 제거하고 화살표 기호(→)를 사용해 구현함.- 문법이 간결해지고 원하는 결과를 쉽게 집계할 수 있다.- 매개변수 자료형을 생략할 수 있으며, 매개 변수가 한 개인 경우에는 소괄호도 생략할 수 있다. (두 개 이상일 경우에는 불가능)- 구현 내용이 한 문장이거나 return이 없다면 (void) 구현부에 있는 중괄호{ }도 생략 가능-> 함수의 내용이 두 문장 이상이거나 return 타입이 있으면 생략 불가능- 중괄호 안의 구현 코드가 return문만 존재하면 중괄호, return 모두 생략 가능 ※ 원래 메서드int add(int x, int y) { retur..

IT/JAVA 2025.01.24

Java Section 16 : 컬렉션 프레임워크

[컬렉션 프레임워크]■ 컬렉션 프레임워크 : 기존에 존재했던 자료 구조에 인터페이스로 설계된 기능을 클래스를 통해 제공하여 데이터 관리에 용이한 자료 구조 객체를 구조화한 것- 필요한 자료구조를 미리 구현하여 java.util 패키지에서 제공□ 컬렉션: 리스트, 큐, 트리 등의 자료구조□ 프레임워크 : 클래스와 인터페이스를 묶어 놓은 개념인터페이스설명특징대표 구현 클래스List순서가 있는 데이터의 집합데이터 중복 허용 OArrayList, LinkedListSet순서를 유지하지 않는 데이터의 집합데이터 중복 허용 XHashSet, LinkedHashSetMap키(key)와 값(value)의 쌍으로 이루어진 데이터의 집합순서 유지 X, 키 중복 X, 값 중복 OHashMap, LinkedHashMap, P..

IT/JAVA 2025.01.23