전체 글

1. Semantic Tag란?HTML에서 semantic tag는 의미를 가지는 태그를 의미합니다. 태그에 style을 입혀 태그와 동일한 스타일을 표시할 수 있습니다.그러나 이는 semantic을 제대로 살리지 못한 것이기 때문에 지양할 필요가 있습니다.페이지 Layout을 만들거나 HTML 마크업을 할 때 최대한 의미있는 Semantic Tag를 사용하길 권장합니다.2. Semantic 태그 이점검색엔진 최적화 : 만든 웹이 검색 후 상단에 올라올 확률이 높아집니다.웹 접근성 향상 : 화면 낭독기가 강조하는 부분 등을 잘 압니다.가독성 향상3. HTML Semantic Elements : 페이지에 대한 정보를 담는 태그로, 페이지 상단에 위치합니다. : 다른 페이지나 같은 페이지 안에 다른 부분으..

1. Emmet이란?Emmet은 HTML과 CSS의 자동완성 기능을 제공하여, 작성 시간을 아주 빠르게 단축시켜주는 확장 기능입니다.2. HTML Emmet2-1. HTML 표준 구조! 사용! 입력 후 Tab키 : 간단하고 빠르게 HTML 기본 구조를 만들어 줍니다. 2-2. 자식노드> 사용div>ul>li 입력 후 Tab키 : > 를 사용하여 자식 요소를 생성할 수 있습니다. 2-3. 형제노드+ 사용div>ul+ol+div 입력 후 Tab키 : + 를 사용하여 한 요소와 같은 단계에 위치한 요소를 생성할 수 있습니다. 2-4. 반복하기* 사용div>ul>li * 3 입력 후 Tab키 : * 를 사용하여 요소를 반복해서 생성할 수 있습니다. 2-5. 클래..

1. HTML이란?HTML(Hyper Text Markup Language)은 마크업 언어로서, 웹 페이지를 만드는 언어입니다.웹 문서에서는 특정 텍스트에 Mark하기 위하여 HTML 태그(tag)라는 것을 사용합니다.제목내용이 들어올 자리입니다.네이버로 이동 태그 : 제목 표현 태그 : 글의 문단 표시 태그 : 다른 웹 문서로 이동2. HTML 태그(tag)HTML 태그는 웹 문서에 표시하는 것입니다.2-1. 태그 구조2-2. 태그 특징태그는 시작 태그와 종료 태그로 이루어져 있습니다.태그 사이에 콘텐츠를 선언합니다.HTML 태그 = 요소(Element) = 노드(Node)3. HTML 파일의 기본 구조HTML 파일은 , HTML 기본 구조 필수로 존재하는 것은 알아둡시다. 1. 현재..

1. 함수믹서에 과일을 넣는다. 그리고 믹서를 사용해서 과일을 갈아 과일 주스를 만든다.=> 입력 : 믹서에 넣는 과일=> 함수 : 믹서=> 출력(결과값) : 과일 주스단, 프로그래밍에서는 입력과 출력이 없을 수 있습니다.1-1. 함수를 사용하는 이유는 무엇일까?반복적으로 사용하는 가치 있는 부분 => 어떤 입력값을 주었을 때 어떤 결과값을 돌려준다라는 식의 함수로 작성하는 것이 현명자신이 작성한 프로그램을 기능 단위의 함수로 분리해 놓으면 프로그램 흐름을 쉽게 볼 수 있습니다.1-2. 파이썬 함수의 구조def 함수명 (매개변수): return 리턴 값def : 함수를 만들 때 사용되는 예약어매개변수 : input 값수행할 문장 : functionreturn 값 : output# 함수의 기본 구..

제어문에는 조건문과 반복문이 존재합니다.1. 조건문 (if문)if문은 조건을 판단하여 해당 조건에 맞는 상황을 수행하는데 사용하는 것입니다.1-1. if문의 기본구조if 조건문: 수행할 문장1 수행할 문장2else: 수행할 문장A 수행할 문장B들여쓰기 (indentation)Tab을 이용하면 됩니다.파이썬은 들여쓰기를 강제로 해야합니다.조건문 다음에 콜론(:)을 잊지 말아야 합니다.# if문은 왜 필요할까?money = Trueif money: print("택시를 타고 가라") # 택시를 타고 가라else: print("걸어가라")1-2. 조건문이란 무엇인가?if 조건문 : 참과 거짓을 판단하는 문장1. 비교연산자 , == , != , >= , # 비교연산자x = 3y = 2print(x > y)..

자료형에는 숫자, 문자열, 불, 변수, 리스트, 튜플, 딕셔너리, 집합이 존재합니다.변수는 값을 담을 수 있는 박스를 의미합니다.1. 숫자형정수형 : int (-1, 2, -2)# 정수형a = 123print(a) # 123print(type(a)) # class 'int'실수형 : float (1.24, -34.56)# 실수형a = 1.2print(a) # 1.2print(type(a)) # class 'float'컴퓨터식 지수 표현 방식 (4.24e10, 4.24e-10)# 컴퓨터식 지수 표현 방식a = 4.24E10print(a) # 42400000000.0print(type(a)) # class 'float'8진수 (0o37)16진수 (0x7A)# 8진수와 16진수a = 0o10print(a) #..

보호되어 있는 글입니다.

보호되어 있는 글입니다.