CSS의 개요 및 특징 HTML 속성의 디자인적 한계를 극복하기 위해 CSS가 개발됐다. 디자인의 시간이 줄어들고, 문서의 로딩속도가 빨라 진다. 스타일 : 문서의 글꼴, 크기, 간격등의 출력형태(레이아웃)에 영향을 미치는 요소 스타일시트 : 스타일의 내용만을 별로로 모아서 head태그 영역에 선언한 형태 CSS 적용방법 1. 인라인방식(style속성을 이용) 특정한 태그에만 스타일을 적용시키고 싶을 때 사용한다. 형식) style="속성명:값;속성명2:값2~" ex) style="font-family:궁서체;background:yellow;color:red" 동일한 태그에 같은 스타일을 하나하나 적용하는건 좋은 방법이 아니다. 동일한 태그에 임베디드방법과 중복이 되는 경우 인라인 방법이 우선순위가 높다..
프로그래밍언어
시맨틱(semantic) 태그 시맨틱태그의 의미 '의미를 가진다' 각 태그가 스스로 의미를 가진다 시맨틱태그가 필요한 이유 1. 접근성을 높이기 위해서 : 소스 코드만으로 본문, 제목 등 해당부분을 쉽게 파악 할 수 있다. 2. 문서 구조를 정확하게 나눠 놓으면 여러 기기의 다양한 화면에서 웹 문서를 표현하기가 쉽다. 3. 검색엔진에 본문에 맞는 키워드가 알맞게 상위노출 될 수 있다. 주요 시맨틱태그 1. : 특정 영역의 머릿말로 사이트소개, 메인메뉴(상단메뉴), 사이트로고 등의 부분이다. 주로 맨 위쪽이나 왼쪽에 위치한다. 2. : 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만든다. 보통 상단메뉴와 연결하는 사이트의 메뉴(좌측) 부분으로 헤더나 푸터, 사이드 바 안에 ..
HTML기본구조 HTML 문서의 특징태그 내부에 또 다른 태그를 사용 할 수 있다. 태그는 대소문자 구분이 없다. 파일저장시 확장자명은 ~.html or ~.htm 태그 내부에 속성을 사용 할 수 있다. 속성으로 태그의 자세한 설정을 줄 수 있다. html문서에 문자, 이미지, 동영상, 음악파일도 올릴 수 있다.HTML 태그들내용 제목 1~6 숫자에 따라 작은 제목 줄바꿈(엔터) 단락구분(엔터2번) br, p태그를 사용하지 않아도 띄어쓰기 줄바꿈 적용 선 긋기 굵게 이탤릭체(기울림) 이탤릭체(기울림) 글씨밑줄 형광펜 가운데 위치 글꼴 크기 색깔 이미지에 대한 설명글 하이퍼링크 순서없는목록 순서있는목록 빈칸(공백으로 데이터갯수 표시)***************************..
튜플(tuple) 리스트처럼 여러가지를 모아서 표현하는 자료형으로 리스트와 차별점은 요소의 값들을 생성, 삭제, 수정이 불가능하다. 튜플 사용법 튜플명 = (요소1, 요소2, 요소3, ···) or 튜플명 = 요소1, 요소2, 요소3, ··· 튜플명 = (요소1,) - 1개의 요소만 가질 때는 요소 뒤에 콤마를 반드시 붙여야 한다. a = () b = (1,) c = (1, 2, 3) d = ('a', 'b', (1, 2, 3)) e = 1, 2, 3 튜플 특징 요솟값은 한 번 정하면 지우거나 변경 할 수 없다. 프로그램이 실행하는 동안 그 값이 변하지 않기 원한다면 튜플을 사용해야 한다. 실제 프로그램에서는 값이 변경되는 형태의 변수가 훨씬 많기 때문에 평균적으로 튜플보다는 리스트를 더 많이 사용한다...
리스트(List) 숫자 중 홀수만 모아 두는 것처럼 여러가지를 모아서 표현하는 자료형. 리스트 사용법 리스트명 = [요소1, 요소2, 요소3, ··· ···] a = [] b = [1, 3, 5, 7] c = ['Life', 'is', 'too', 'short'] d = [1, 'a', 'short'] e = [['Life', 'is'], [1, 2, 3], 'a', 'b'] 리스트의 인덱싱과 슬라이싱(Indexing and Slicing) 리스트안에 요소들을 순서대로 번호를 붙인다. 첫 번째 요소를 뜻하는 숫자 0을 시작으로 숫자를 붙이고 마지막 자리부터는 -1을 시작으로 숫자를 붙인다. 1. 인덱싱(Indexing) 변수명[번호]를 사용하여 리스트 안의 요소를 뽑아 내는 역할을 한다. a = [1, ..
문자열 포매팅(Formatting) 문자열 안에 어떤 값을 삽입하는 방법 1. 포맷코드 '%' 사용하기 2. 내장 함수 'format' 사용하기 3. 문자열 'f' 사용하기 포맷코드 %를 사용한 포매팅 더보기 문자열 포맷 코드 %s : 문자열(String) %c : 문자 1개(character) %d : 정수(Integer) %f : 부동소수(floating-point) %o : 8진수 %x : 16진수 %% : Literal %(문자 %자체) 포맷코드를 사용하는 숫자와 맞게 사용해야하지만 %s와 함께 사용하면 % 뒤에 값을 자동으로 문자열로 바꿔준다. 1. 숫자 바로 대입 2. 문자열 바로 대입 3. 숫자 값을 나타내는 변수로 대입 4. 2개 이상의 값 넣기 "I studied for %d hours ..
문자열(String) 문자, 단어 등으로 구성된 문자들의 집합. 문자열 사용법 1. 큰따옴표(")로 양쪽 둘러싸기. 2. 작은따옴표(')로 양쪽 둘러싸기. 3. 큰따옴표 3개를 연속(""")으로 써서 양쪽 둘러싸기. 4. 작은따옴표 3개를 연속(''')으로 써서 양쪽 둘러싸기. "Hi, I am Sangme!" 'I am gonna be a developer.' """My development language is Python.""" '''Python is very interesting.''' 5. 문자열에 따옴표 포함시키기. - 작은따옴표를 쓰고 싶으면 큰따옴표로 둘러싸고, 큰따옴표를 쓰고 싶으면 작음따옴표로 둘러싼다. - 따옴표 앞에 백슬래시를 붙여준다. "Hi, I'm Sangme!" 'Hi, I\..
숫자형 - 숫자 형태로 이루어진 자료형. - 정수, 실수, 8진수, 16진수 숫자형 종류 정수형(Integer) a = 222 a = -92 a = 0 양의 정수, 음의 정수, 숫자 0을 변수 a에 대입하는 예 실수형(Floating-point) a = 3.09 a = -4.18 a = 2.7E8 a = 2.7e-8 실수를 변수 a에 대입하는 예 컴퓨터식 지수 표현 방식 : E8, e-8에서 E(e, 대소문자 상관없음)는 지수에서 밑의 값 10을 뜻하고 그 뒤에 오는 숫자는 지수를 뜻한다. 각 10의8제곱, 10의 -8제곱을 뜻한다. 8진수와 16진수(Octal and Hexadecimal) a = 0o177 8진수는 숫자가 0o또는 0O(숫자 0 + 알파벳 o(O))로 시작하면 된다. a = 0x8ff..
파이썬이란? 1990년 암스테르담의 Guido Van Rossum이 개발. 인터프리터 언어 : 스크립트언어. 한 줄씩 소스 코드를 해석해서 그때그때 실행해 결과를 바로 확인 할 수 있는 언어. 구글, 인스타그랜, 드롭박스 등에서 사용. 간결함의 철학이라 가독성이 높고 공동작업과 유지 보수가 쉽고 편리하다. 인간다운 언어로 문법이 쉽다. 오픈 소스라 사용료 걱정 없다. 접착언어로 C언어 등 다른 언어와 호환성이 좋다. 파이썬으로 무엇을 할까? 할 수 있는 일 시스템 유틸리티 제작 GUI 프로그래밍 웹프로그래밍 수치 연산 프로그래밍 : NumPy모듈 사용 데이터베이스 프로그래밍 데이터 분석, 사물 인터넷 할 수 없는 일 시스템과 밀접한 프로그래밍 영역 모바일 프로그래밍 파이썬 설치하기 https://..
#include #include int main() { printf("%u\n", sizeof(_Bool)); // 1 byte _Bool b1; b1 = 0; // false b1 = 1; // true printf("%d\n", b1); bool b2, b3; b2 = true; b3 = false; printf("%d %d\n", b2, b3) return 0; } 고전적인 C types엔 Boolean Types이 없었다. 최근에 불타입이 추가되면서 대문자 B를 사용하는 '_Bool'을 사용 할 수 있게 됐다. 불리언형은 false, true 두가지 결과만 있다. 내부적으론 정수형이기 때문에 0과 1로 표시된다. 0은 false, 1은 true이다. 2가지 값만 있는만큼 크기도 가장 작은 사이즈인..
