본문 바로가기

전체 글105

Sementic 태그 | Inlin Element vs Block Element Sementic 태그 : 의미를 가지는 태그 : 검색엔진 최적화 : 웹 접근성 향상 : 가독성 향상 span 태그를 사용하여 h1 태그처럼 스타일을 꾸밀 수 있지만 이는 지양하는 바이다. non-sementic 태그를 사용하는 경우 : div 태그는 class를 지정해줘야 함으로 가독성이 떨어진다. DOCTYPE html> Document Header 영역 Menu1 Menu2 Menu3 Menu4 Content 영역 Footer 영역 sementic 태그를 사용하는 경우 DOCTYPE html> Semantic Header 영역 Menu1 Menu2 Menu3 Menu4 Contenet 영역 Footer 영역 HTML Sementic Element : 페이지에 대한 정보를 담는 태그, 페이지 상단에 위.. 2024. 1. 22.
HTML 태그 | 글꼴태그 | 목록태그 | 표태그 글꼴태그 1. ~ : Heading : 웹 페이지의 제목 또는 부제목을 표현할 때 사용 : 숫자가 작을수록 큰 제목을 표시 2. : Paragraph : 하나의 문단을 표시할 때 사용 3. : Horizontal Rule : 가로선을 긋는 태그 : 종료태그 없음 4. : Break : 줄바꿈 태그 : HTML에서 개행 역할을 한다. : 종료태그 없음 5. : Italic : 텍스트를 이텔릭체로 표시할 때 사용 6. : Emphasis : 텍스트를 이텔릭체로 강조할 때 사용 7. : Bold : 텍스트를 진하게 표시할 때 사용 8. :텍스트를 진하게 강조할 때 사용 vs 차이, vs 차이 : b 태그와 i 태그는 단순히 텍스트를 진하게, 이텔릭체로 표시하는 역할 : strong 및 em 태그는 강조하는 역.. 2024. 1. 21.
HTML 이란? | Emmet ? HTML 이란? : Hyper Text Markup Language 약자이며, 태그를 이용한 Markup 언어이다. : HTML은 프로그래밍 언어가 아니다. 웹의 기초라고 할 수 있는 Markup 언어이다. : HTML을 배운다는 것은 웹페이지를 만들기 위한 "태크"를 적재적소에 사용하는 것을 말한다. HTML Tag 특징, 구조 : 시작태그와 종료태그 사이에 컨텐츠를 넣는다. HTML 문서 기본구조 : doctype, html, head, body : html 태그로 시작하며, 그 안에는 head(문서 정보를 나타냄)와 body(실제 보여지는 부분을 담당) 로 이루어져 있다. HTML 주석 : 메모 : Emmet : HTML과 CSS의 자동완성 기능 1. HTML의 표준구조 : ! 입력 후 Tab 키 .. 2024. 1. 21.
딕셔너리와 튜플 [딕셔너리] : 자료형( 변수 및 리스트와 같은 자료의 형태다.) # 1. 승패여부 # 2. 챔피언 이름 # 3. 킬 # 4. 데스 # 5. 어시스트 # 변수를 사용할 때 result = '승리' champ_name = '비에고' kill = 13 death = 9 asssist = 17 # 리스트를 사용할 때 play_data = ['승리', '비에고' , 13, 9, 17] # 숫자형의 데이터가 어떤 데이터를 나타내는지 알 수 없다. play_data2 = ['승리', '비에고' , 13, 9, 17] # 딕셔너리 사용할 때 (데이터가 어떤 정보를 담고 있는지 알 수 있다.) play_data = { 'reulst' : '승리', 'champ_name' : '비에고', 'kill' : 13, 'ass.. 2024. 1. 19.
def 함수 정의 및 호출 | 파이썬 로또번호 만들기 [파이썬 함수 def 정의하고 호출하기] 함수 : 작업을 수행하는 명령블록 (입력값에 따른 결과값이 나온다.) 코드가 길어지고 복잡해졌을 때 유용하다. 반복적으로 사용되는 코드를 함수로 만든다. def 함수이름(매개변수): 명령블록 ... return 리턴값 def sum(a, b): result = a + b return result [함수를 사용하는 방법] x = sum(1, 2) >>> 매개변수 1+2 의 결과값 3의 result가 리턴되어서 x 값에 3이 저장된다. y = sum(3, 4) >>> 7 [매개변수가 없는 함수] def 함수이름(): 명령블록 ... return 리턴값 ㅡㅡㅡㅡㅡㅡ def getRandomNumber(): number = random.randint(1, 10) >>> .. 2024. 1. 19.
프로그래밍 꽃 반복문 | for함수 | range 함수 | while문 | while True [반복문] : 반복해서 명령을 수행하는 것. 쓰임이 다양하고 반드시 공부해야 한다. for문 for 변수 in 리스트: 명령블록 for a in[1, 2, 3, 4]: print(a) >>> 첫번째 원소를 a라는 변수에 담고, 이변수를 가지고 명령블록을 실행한다. // 리스트안에 있는 요소들을 하나씩 뽑아내면서 명령블록을 실행한다. 조건문이랑 결합해서 사용하는 예시 names = ["티모", "리신", "이즈리얼"] for name in names: if name == "티모" print(name + "는 탑 챔피언입니다.") elif name == "리신" print(name + "는 정글 챔피언입니다.") elif name == "이즈리얼" print(name + "는 바텀 챔피언입니다.") rang.. 2024. 1. 19.
바이패드 기본뛰기 [바이패드 기본뛰기] 24프레임 기준 컨택 >> 업 >> 다운 >> 컨택 >> 업 >> 다운 >> 컨택 [발 사이클 만들기] 1. 컴의 각도를 앞으로 숙여진 상태에서 포즈를 잡는다. 발이 앞으로나가가고, 반대 발은 땅을 차는 모션, 1자가 되지 않게 주의 2. 포즈 복사 3. 4프레임에서 컴 업, 4. 8프레임 다운 포즈, 중간의 12프레임보다 낮게 설정한다. 5. 4프레임 발모양잡기 >>> 땅을 차고 앞으로 나가면서 발이 앞으로 간다. 바로 땅을 디딜려고 뻗는다고 생각, 뒤로 밀었던 발은 뒤로 차고 와야 한다. >>> 포즈 복사 6. 다운포즈에서는 디뎠던 발이 바닥에 밀착된다. 반대 발은 교차가 된다. >> 포즈복사 7. 레이어를 이용해서 정면에서 봤을때 모양이 이상하지 않은지 확인 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ.. 2024. 1. 18.
파이썬, 프로그래밍 입문 | 자료형과 변수 | 연산과 연산자 | 입력과 자료형 변환 | 조건문 | 리스트 | [자료형과 변수] 자료형 = 자료의 형태 = 데이터의 형태 자료형의 종류: 숫자, 문자, 불린, 리스트, 튜플, 딕셔너리 1. 숫자형 : 숫자데이터 - 정수: 소수점이 없음 int (integer) - 소수: 소수점이 있음 float 2. 문자형: 문자데이터 - String - '촉촉한 초코칩' - "촉촉한 초코칩" 3. 변수 : 데이터를 저장할 공간 (데이터의 집) - 변수이름 = 데이터 - 우변에 있는 데이터를 좌변에 있는 변수 이름에 저장한다. - ex) name = "마스터이" # 문자형 데이터를 name이라는 변수에 저장한다. level = 5 # 숫자형 데이터를 level이라는 변수에 저장한다. health = 800 attack = 90 [연산과 연산자] 연산: 수나 식을 일정한 규칙에 따라.. 2024. 1. 18.

티스토리툴바