Code-Jaram blog

CSS_02_영역 지정 문서의 크기 단위 em: 부모 태그의 글자 크기를 기준으로 상대배수 단위 rem: 웹브라우저 문서 기본 크기를 기준으로 상대배수 단위 2. display: 요소가 화면에 보이는 방식 지정 block: 웹페이지의 가로 한 줄 공간을 모두 차지하는 속성 예)div, p, h1, ul, ol table 태그, 너비(width)와 높이(height)를 설정할 수 있다. inline: 입력한 내용의 크기만큼 영역을 차지하는 속성 예)span, a, strong, textarea, 너비(width)와 높이(height)를 설정할 수 없다. none: 해당 요소를 보이지 않게 지정 #none영역을 제목 클릭 시 보이도록 설정하기 3. 공간분할태그: 경계를 분할하거나 영역을 나눌 때 사용하는 태..

1. 리스트: 많은 양의 데이터 관리 -파이썬 자료구조 형태 중 하나 -순서(index)가 있는 객체의 집합 -기호 [](대괄호) 사용, 리스트 내부의 값은 ,(콤마)로 구분 -배열과 달리 서로 다른 자료형의 변수를 하나로 묶을 수 있다. 빈 리스트 a=[] 서로 다른 자료형 b=[1, 2, ‘my’ ‘name’] 리스트 안 리스트 c=[1, 2, [‘my’, ‘name’]] ☆추가, 수정, 삭제 가능→리스트 함수 이용 2. 리스트의 인덱싱과 슬라이싱 -순서가 있는 데이터에서 인덱싱 슬라이싱 필수 인덱싱: 리스트명[인덱스번호] -리스트 안에 있는 리스트 속 값 불러오기 → 리스트명[첫 번째 리스트의 인덱스번호][두 번째 리스트의 인덱스번호] 슬라이싱: 리스트명[시작인덱스: 끝 인덱스(포함x)] 3. 리스..

CSS_01_선택자 CSS: Cascading Style Sheet HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트언어 HTML->정보 CSS->디자인 태그마다 스타일을 지정할 필요가 없어 정보와 디자인을 분리하여 사용할 수 있다. Style 지정하기 공복에 좋은 음식 사과 블루베리 양배추 감자 당근 견과류 [실습] CSS Diner https://flukeout.github.io/

JAVA_11_객체지향 프로그래밍 [객체 지향프로그래밍] 1. 객체지향프로그래밍: 객체들의 모임, 각각의 객체는 메시지를 주고받고 데이터 처리 -프로그램이 복잡할 경우 수행에 편리함 VS절차지향 프로그래밍: 프로그램을 수행하는 절차나 함수를 중심으로 구성 -단순한 프로그램 수행에는 편리함 -하드웨어와 친밀한 프로그래밍 예)C언어 문제가 생겼을 때 전체를 바꿔야 함 VS 문제가 생긴 곳만 교체 2. 객체지향 프로그래밍 특징 1)캡슐화(Encapsulation)-접근제한자 private, getter, setter 메소드 ● 관련된 필드(속성)와 메소드(기능)를 하나로 묶고, 실제 구현내용을 외부로부터 감추는 기법(정보은닉) ● 만일의 상황(타인이 외부에서 조작할 경우)을 대비하여 특정 속성이나 메소드를 사..

[객체] 1. 객체: 데이터베이스 내에 존재하는 논리적인 저장구조 예)테이블, 뷰, 인덱스, 시퀀스, 함수, 프로시저 2. 뷰(VIEW): 가상의 테이블, 하나 이상의 테이블을 조회하는 SELECT문 저장하는 객체, 물리적 데이터 저장X -편리성: 자주 사용하는 SELECT문장 저장 -보안성: 테이블의 특정 데이터를 노출시키지 않기 위해 사용 ● 뷰 생성: CREATE VIEW 뷰 이름 AS SELECT문 ● 뷰 삭제: 이름 DROP VIEW 뷰 이름 ● 뷰 조회: SELECT * FROM 뷰 이름 [실습] --실습1. 부서별최고급여 뷰를 만들고 해당 뷰를 사용하여 --부서별로 가장 높은 연봉을 가진 직원들의 정보 출력 --부서ID, 최고급여 출력, 부서ID 기준으로 정렬, 최고급여 별칭만들기 CREAT..

[연산자] 1. 연산자의 종류 1)산술연산자: / 나누기 1.75 // 나누기(몫) 1 % 나머지 3 ● 문자열 곱하기: 곱한 횟수만큼 반복하여 출력됨 star="*" print(star*3) print(star*2) print(star*1) ● 문자열 더하기 str1="안녕" str2="하세요" print(str1+str2) 2)지수 연산자(**): num1**num2 num1=int(input("정수를 입력하세요")) power=int(input("지수를 입력하세요")) print(f"{num1}의 {power}승은 {num1**power} 입니다.") *포맷팅 3)대입(복합)연산자: 값을 누적하고자 할 때 사용→코드 간결화 →count할 때 사용 ● 치환: a와 b의 값 바꾸기 (사용방식) a, b..

1. 이미지 태그: 웹페이지에 이미지를 보여주는 태그 -src: 이미지경로 -alt: 이미지에 대한 설명(이미지 주소가 변경되어 불러올 수 없는 경우를 대비) 1)절대경로로 이미지 불러오기: 이미지 주소복사하여 속성 scr “ ” 에 넣기 2)상대경로로 이미지 불러오기 ./ 현재 폴더기준(생략 가능): 현재문서가 위치한 폴더와 같은 폴더 안의 파일에 접근할 때 ../ 상위 폴더 기준(생략 불가): 현재 문서위치한 폴더의 상위폴더에 접근할 때 사용 / 루트 폴더 기준(생략불가): 최상위의 폴더, 상위폴더(../)를 많이 써야할 때 사용 ../사용예시 -루트 폴더=Web_Study -img태그(현재문서)의 폴더=HTML -하이라이스 이미지의 폴더=IMG -HTML폴더에서 나가서 IMG 폴더에 접근해야 함 2..

1. 배열의 한계 배열 선언 시 고정된 크기로 선언 배열의 크기를 바꿀 수 없다. →데이터 변동이 심한 경우(추가, 삭제), 데이터의 크기를 예측할 수 없는 경우 불편 2. ArrayList(579p.) 가장 보편적으로 많이 사용하는 컬렉션 클래스로 객체 저장 가변적인 길이(길이가 유동적) 원하는 위치의 추가, 삭제가 쉬움 3. ArrayList의 선언 ArrayList변수명 =new ArrayList( ); *데이터 타입은 객체 형태로 작성한다. *크기를 지정하지 않는다. *()는 메소드를 의미한다. 4. ArrayList의 값 추가 ArrayList의 크기 확인: ArrayList.size() 인덱스 순서대로 값 입력: 변수명.add(값); 원하는 인덱스에 값 입력: 변수명.add(인덱스, 값); 5..

[메소드] 1. 메소드: 입력값을 받아 결과를 도출해내는 방식 2. 메소드를 사용하는 이유 높은 재사용성 중복된 코드의 제거 프로그램의 구조화 3. 메소드 문법 접근제한자 리턴타입 메소드 이름 ( 매개변수 ) { 반복할 코드 반환데이터 } 접근제한자 public 누구나 사용할 수 있는 메소드 리턴타입 : 메소드의 수행결과를 어떤 자료형으로 반환할 것인지 알려주는 것 -아무 것도 반환하지 않을 경우: void(return문 사용x) -결과값을 반환하는 경우: return문 사용 반환데이터: 리턴타입에 맞는 자료형을 반환 -반환타입이 있는 경우 같은 리턴타입의 변수에 담는 것이 가능함. -반환타입이 없는 경우 같은 리턴타입의 변수에 담는 것이 불가능함 *return 키워드는 메소드를 종료하는 키워드→retu..

[TCL] 1. TCL: 트랜잭션 제어어(COMMIT, ROLLBACK)(291p.) 2. 트랜잭션: 데이터베이스의 상태를 변화시키기 위해 수행하는 최소 수행단위 ● 업무를 처리하기 위한 일련의 과정. ● 과정 중 하나가 처리되지 않으면 데이터 유실되므로 트랜잭션 단위로 실행. 중간에 오류가 나면 모든 작업을 취소하고 처음부터 다시 처리한다. 예)직원에게 100만원 송금 ● 트랜잭션의 특성 -원자성: 모두 실행/실행되지 않음 -일관성: 언제나 일관성 있는 상태로 유지 -고립성: 하나의 트랜잭션 실행 중 다른 트랜잭션 실행x -지속성: 성공적으로 수행되는 트랜잭션은 영원히 반영 ● COMMIT: 수행한 트랜잭션을 데이터베이스에 영구적으로 반영할 때 사용. 마지막 COMMIT 시점 이후 실행한 트랜잭션 결과..