전체 글

[CSS] 문자/문단 (text) 관련 속성

1. 간격 지정 1) letter-spacing - 문법 { letter-spacing: 수치 or normal } 2) word-spacing -문법 { word-spacing: 수치 or normal } - 예제 letter 간격 지정 : text1 class 글자 간격 지정 letter 간격 지정 : test2 class 글자 간격 지정 letter 간격 지정 : test3 class 단어 간격 지정1 letter 간격 지정 : test4 class 단어 간격 지정2 2. 문단 정렬 : text-align - 문법 { text-align: left or right or center or justify } ① left : 왼쪽 정렬 ② right : 오른쪽 정렬 ③ center : 가운데 정렬 ④ j..

[CSS] 글자 (font) 관련 속성

1. 글자체 속성 : font-family - 글꼴 종류를 지정하면서 값이 상속된다. { font-family : 궁서체, 'Malgun Gothic', cursive; } - 콤마로 구분해 왼쪽부터 글꼴을 지정하고, 없으면 다음 글꼴을 찾는다. - 글꼴 맨뒤에는 generic-family 하나를 지정해야 한다. - 띄어쓰기가 있는 글꼴이름은 따옴표로 감싼다. 1) family-name (font1, font2) - 글꼴 이름을 넣어주면 된다. - 띄어쓰기가 있는 font2는 쌍따옴표로 묶었다. (따옴표도 가능) 2) generic-family (font3, font4) - 글꼴 유형 ① serif : 명조 계열 글자체 ② sans-serif : 고딕 계열 글자체 ③ cursive : 손으로 쓴 듯한 필..

[CSS] CSS 선택자(Selector)

선택자(Selector)란? - 선택해주는 요소, 즉 특정 요소들을 선택하여 스타일을 적용 선택자의 종류 - 선택자를 하나만 사용하는 경우 1. 전체 선택자 (Universal Selector) - * 를 이용하여 HTML페이지 내부의 모든 태그를 선택 /* css */ * { margin: 0; text-decoration: none; } 문서안의 모든 요소를 읽어내려야 하기 때문에 페이지 로딩 속도가 느려질 수 있다. margin이나 padding값을 초기화하는 등 기본값을 설정할 때 사용한다. 2. 태그 선택자 (Type Selector) - HTML의 요소를 선택 ( h1, p, table 등 ) /* css */ p { color: skyblue; } /* html */ 태그 선택자 실습 3. ..

[CSS] CSS의 기본적인 이해와 사용방식

CSS(Cascading Style Sheets)란? HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. 문서의 내용과 표현을 분리하여 CSS 파일 하나만 수정하면 스타일에 해당하는 HTML문서를 한번에 수정할 수 있다. CSS의 장점 1. 다양한 기능의 확장 - HTML에서 지원하지 않는 다양한 글자 크기의 지정 및 변경이 가능하다. 2. 통일된 문서양식 제공 - 한 번의 속성 정의로 여러 문서에서 동시에 다양하게 적용할 수 있다. (문서 형식의 모듈화) 3. 사용자 환경과 상관없는 독립된 문서 제작 가능 - 브라우저에 따라서 HTML 문서의 결과물이 다르게 표시되는 경우가 있다. CSS를 사용하면 이를 방지할 수 있다. 4. 문서 형식의 다양화 - 기존 HTM..

[Java] 자바란?

자바란? 썬 마이크로시스템즈에서 개발하여 1996년 1월에 공식적으로 발표한 객체지향 프로그래밍 언어 자바의 특징 1. 운영체제의 독립적이다. - 자바는 자바가상머신(JVM)의 위에서 작동하기 때문에 운영체제와 관계없이 실행이 가능하다. (C언어인 경우 운영체제마다 코드를 조금씩 수정해야 함) 2. 객체지향언어(Object Oriented Programming Language)이다. - 처음부터 객체 지향 개발용 언어로 설계된 언어 - 하나의 기능을 객체로 만들고, 이를 결합하여 하나의 프로그램을 만든다. - 유지보수가 쉽고, 직관적인 코드 분석이 가능 3. 비교적 배우기 쉽다. - 불필요한 기능을 과감히 제거하면서도 상속, 캡슐화, 다형성이 잘 적용된 객체지향언어 - 간결하면서도 명료하여 쉽게 이해할 ..

[Python] 문자열 옵션 및 메소드

* 문자열 관련 메소드 a = "hi kor class" print(a[0:3])# hi print(type(a))# print(a.lower())# hi kor class print(a.upper())# HI KOR CLASS print(a.title())# Hi Kor Class print(a.find('s'))# 2 * 영어 문장에서 원하는 단어 카운트 str1 = input("영어 문장 입력 : ") ch = input("카운트 하고 싶은 단어 입력 : ") print("입력한 문장에서 %s는 %d번 나옴" % (ch,str1.count(ch))) 영어 문장 입력 : Hello Python World 카운트 하고 싶은 단어 입력 : o 입력한 문장에서 o는 3번 나옴

[Python] 딕셔너리(Dictionary)

* 딕셔너리란? 사전형 데이터를 의미하며, key와 value를 1대1로 대응시킨 형태 => 중괄호({ }) 사용 * 딕셔너리 생성 방법 name = {Key1:Value1, Key2:Value2, Key3:Value3, ...} 딕셔너리 key값 조회 dic = {"apple":"사과","python":"파이썬"}#딕셔너리 생성 for x in dic:#key값이 순차적으로 대입 print(x) apple python => key 값만 순차적으로 대입되는 것을 알 수 있다. 딕셔너리 value값 조회 dic = {"apple":"사과","python":"파이썬"} for x in dic:#key값을 하나씩 대입 print(dic[x])#key값을 이용해서 dic의 value값을 조회 사과 파이썬 => ..