본문 바로가기

전체 글73

파이썬 조건문(Python Conditional Statements) 파이썬 조건문(Python Conditional Statements) 1. if문 if True: print('실행문장') # if문에서 조건식이 False였을 때는 아무 실행도 하지 않고 셀이 끝남 if False: print('실행문장') ※ Tip : 들여쓰기의 중요성 if True: print('실행문장 실행') print('if문 밖에 있는 실행문장') # if문 밖에 있는 들여쓰기를 벗어난 실행문장만 출력이 됨 if False: print('실행문장 실행') print('if문 밖에 있는 실행문장') 예제 : 현재 소지금을 입력받고 10000이상인 경우 택시를 타고 집에 가는 출력문 실행 money = int(input('주머니에 얼마 있나요? >> ')) if money >= 10000: p.. 2023. 1. 6.
CSS 선택자 CSS 선택자 1. 선택자 선택자 기호 가중치 전체 선택자 * 0 태그 선택자 태그이름 1 클래스 선택자 .클래스이름 10 아이디 선택자 #아이디이름 100 계층 선택자 기호 자손 선택자 기준 선택 자식 선택자 기준>선택 후행 선택자 기준~선택 근접 후행 선택자 기준+선택 ① 전체 선택자 (*) : 모든 요소를 선택 ② 태그 선택자 (태그이름) ③ 클래스 선택자 (.클래스이름) : 중복 가능, 재사용성이 뛰어남 ④ 아이디 선택자 (#아이디이름) : 중복 불가능, 한 문서당 그 아이디는 1번만 사용 가능 (로고, 검색창, 상단메뉴바 등 고유 디자인에 사용) ※ 한 문서에서 1번 이상 사용할 경우 자체에서는 오류가 없으나 웹 표준 테스트에서 오류 발생 CSS 웹페이지를 꾸며주는 스타일 시트 언어 CSS구조 .. 2023. 1. 5.
CSS 기본, 폰트(font) CSS 기본, 폰트(font) CSS (Cascading Style Sheets) 1. CSS가 필요한 이유 HTML의 정보표현 기능과 CSS의 디자인을 분리함으로써 유지보수의 편의성과 재사용성이 높아진다. 2. 스타일 (style) head 태그 안에 작성 (다른 언어이기 때문에 style이라는 태그 내에만 작성) 3. 디자인 무엇을? → 선택자 어떻게? → 선언 선택자{ 속성 : 값; } 4. 폰트(font) ① font-family : 글꼴의 집합, 최대한 비슷한 폰트를 사용할 것 ② font-size : defalut 값 16px, em(부모의 크기를 기준으로 상대 배수 단위), rem(문서 폰트 크기에 따른 상대 배수 단위) ③ font-weight : bold (700), 100~900까지 사.. 2023. 1. 5.
HTML 폼 태그 (form tag) 폼 태그 (form tag) 웹페이지에서 입력 폼을 만들 때 사용하는 태그 사용자에게 정보를 받아주는 태그 ① 필수 속성 : method(전달 방식), action(전달 위치) ② input 태그 : 사용자가 입력할 수 있는 공간 input 태그 속성 type 입력하는 값의 종류 name 입력한 값을 구분하기 위해 이름 지정 placeholder 미리보기 텍스트 value 기본 값 설정 readonly 읽기 전용 지정 maxlength 글자 수 제한 지정 autofocus 자동 커서 설정 ID PW 강의실 HTML 삽입 미리보기할 수 없는 소스 ③ input 태그 type 속성 input 태그 type 속성 text 문자 입력 password 암호화 checkbox 중복 선택 가능(name, value .. 2023. 1. 5.
파이썬 연산자(Python Operator) 파이썬 연산자(Python Operator) 1. 숫자 연산 ① 숫자와 문자열을 연산 불가 num1 = 10 # int 정수 자료형 str2 = "7" # str 문자열 자료형 # print(num1 + str2) # 서로 다른 자료형의 연산으로 오류 발생 → 형변환 필요 print(str(num1) + str2) # 문자가 연산되게 형변환 print(num1 + int(str2)) # 숫자가 연산되게 형변환 ※ Tip : 문자열로 저장하고 활용할 때 형변환할 수 있지만, input으로 받을 때 형변환을 해서 받는 것을 권장 num = int(input("정수 입력 >> ")) num1 = int(input("정수를 입력하세요 >> ")) num2 = int(input("정수를 입력하세요 >> ")) a.. 2023. 1. 5.
파이썬 변수, 문자열 (Python Variables, String) 파이썬 변수, 문자열 (Python Variables, String) ▶ 파이썬 주피터노트북 기본 단축키 기본 주석 # 여러 줄을 주석 처리 Ctrl + / 커맨드 모드(Command mode, 파란색) : 셀 자체를 설정 위로 셀 추가 a 아래로 셀 추가 b 셀 삭제 dd 마크다운 전환 m 셀 상태를 뒤로 되돌리기 y 줄번호 생성 l 에디트 모드(Edit mode, 초록색) : 소스 코드 작성 커맨드 모드로 전환 esc 복사 Ctrl + c 붙여넣기 Ctrl + v 잘라내기 Ctrl + x 앞으로 되돌리기 Ctrl + z 뒤로 되돌리기 Ctrl + y 커서가 위치한 줄 삭제 Ctrl + d 실행 단축키 해당 셀 하나만 실행 Ctrl + Enter 셀을 실행하고 아래로 커맨드 모드 셀 추가 Shift +.. 2023. 1. 5.
DB 데이터 모델링(Data Modeling) DB 데이터 모델링(Data Modeling) ＃ 데이터베이스(DateBase) : 여러 사람들이 공유하고 사용할 목적으로 통합 관리되는 데이터들의 모임 데이터베이스가 없을 때에는 각각의 파일을 사람들이 가지고 있어서 서로 비교하며 맞춰야 했지만, 데이터베이스가 있음으로 접근할 권한을 가진 모든 사람들이 서로의 데이터를 가공할 수 있다. 1. 데이터베이스 모델링 : 현실 세계의 대상을 데이터베이스로 표현하는 방법 현실 개체 → 개념적 데이터 모델링 → 논리적 데이터 모델링 → 물리적 데이터 모델링 → 데이터베이스 ① 개념 데이터 모델링 업무에 필요한 현실 세계의 복잡한 대상들을 추상화, 단순화하여 대표적인 엔티티와 속성을 만들고 이 엔티티들에 대한 관계를 그려내는 과정 엔터티(Entity) : 업무에 필.. 2023. 1. 5.
HTML 리스트, 이미지, 앵커, 테이블 태그 HTML 리스트, 이미지, 앵커, 테이블 태그 1. 리스트 태그 (ul 태그, ol 태그, li 태그) 리스트 공간 선언 : ul, ol 리스트 안에 실질적 데이터 : li ※ ul이든 ol이든 li태그가 필요 ※ Tip : ul>li*3 (ul 태그 안에 li 태그 3개 생성) ① ul (unordered list) : 정돈되지 않은 리스트 딸기 바나나 사과 HTML 삽입 미리보기할 수 없는 소스 ② ol (ordered list) : 정돈되어 있는 리스트 오전 : HTMLCSS 오후 : Python HTML 삽입 미리보기할 수 없는 소스 ▶ 리스트 태그 실습 HTML 삽입 미리보기할 수 없는 소스 더보기 구매 목록 딸기 소고기 샤브샤브 샤브샤브 순서 고기를 볶는다 육수와 소스를 넣는다 재료들을 넣는다.. 2023. 1. 4.
HTML 기본, 강조 태그 HTML 기본, 강조 태그 1. 제목 태그 (h1 ~ h6) 크기, 굵기 별로 숫자를 붙여서 사용 ※ header의 약자 ※ 숫자가 높을 수록 작아짐 h1태그 h2태그 h3태그 h4태그 h5태그 h6태그 2. 본문 태그 (p 태그, span 태그) ① p 태그 (paragraph) 단락으로 표현이 되기 때문에 무조건 가로 한 줄의 영역을 차지 옆에 남는 자리가 없어 다음 요소는 개행 p태그1 p태그2 p태그3 ② span 태그 문장으로 표현 되기 때문에 내가 넣은 내용(content)만큼만 영역으로 차지 자리가 있다면 쭉 옆으로 배치 span태그1 span태그2 span태그3 ※ span 태그는 별도의 특징을 가지고 있지 않음 (공태그) ※ 별도의 특징은 없지만 태그를 사용해야 하는 이유는 특정 요소에만.. 2023. 1. 4.

티스토리툴바