전체 글 202

반복 과정에서 조건 판단하기

[ *를 n개 출력하되 w개마다 줄 바꿈을 하는 프로그램 작성 ]  예를 들어, n값이 14이고 w값이 5이면**************라는 출력 결과가 나와야 한다. 문제 분석, 입력 및 조건 정리, 출력 규칙 구상, 반복문 설계 순으로 생각해보자. ===생각 흐름 정리===[문제 분석]1. 별은 n개 출력되어야 한다.2. 한 줄에는 별이 w개이며, w개가 입력되면 다음줄로 개행(\n) 되어야 한다. [입력 및 조건 정리]1. 사용자에게 n, w를 입력받아야 한다. -> 스캐너 사용 [출력 규칙 구상]1. 별을 n개 찍는 반복문이 있어야 함2. w-1개마다 줄 바꿈이 필요하다. 왜 w-1이냐면 i가 0부터 시작하기 때문에. * * * * *---------------------0 1..

CSS 2

[ 1. 글꼴 ] ① font-family : 글꼴 지정 font-family: | [, ] □ 사용자의 시스템에 지정한 글꼴이 설치되어 있지 않을 때를 대비하여 ,(콤마)를 통해 여러 개의 글꼴을 지정함 body { font-family : "맑은 고딕", 돋움, 굴림 }* 맑은 고딕에만 쌍따옴표("")가 있는 이유는 두 단어 이상으로 된 이름을 갖고 있기 때문에.□  3개의 글꼴 지정. 만약 맑은 고딕이 없다면 돋움, 돋움도 없다면 굴림을 지정한다. ② font-size : 글자 크기 지정font-size : | | | □ 보통 px, pt, em, rem, ex 등의 단위를 사용하여 크기를 지정한다.p { font-size : 16px; }③ font-style : 이탤릭체 사용□ italic..

IT/Frontend 2025.02.05

유효성 검사, 예외처리 전 코드

MVC 패턴 프로젝트 - VIEW 파트 유효성 검사, 예외처리 추가하기 전 코드 1. ClientViewpackage view;import java.util.ArrayList;import model.MemberDTO;import model.BookDTO;public class ClientView extends View { public void printMenuLogin() { // 회원 메뉴 출력 System.out.println("1. 도서관 책 목록 출력"); System.out.println("2. 인기 대출 도서 출력"); System.out.println("3. 책 검색"); System.out.println("4. 장바구니 담기"); System.out.println("5. 장바구니 ..

IT/JAVA 2025.02.03

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