코린이의 개발일기

- 튜플은 데이터 변형이 안되는 자료구조 - 튜플 자체를 재할당 하는 건 가능 tup=(10,20,30) //튜플 리스트로 변환1 list_1=list(tup) //튜플 리스트로 변환2 list_2=[x for x in tup] //튜플 리스트로 변환3 list_3=[] for x in tup: list_3.apeend(x) 딕셔너리: - 영어로는 사전 - 키와 값의 쌍으로 이루어진 데이터의 모음 student= { 'student_no':'20231234', 'major':'english', 'grade':1 } print(student["student_no"] //키값을 넣어줌 딕셔너리 데이터 조작: student= { 'student_no':'20231234', 'major':'english', '..

리스트: - 편리하게 대량의 데이터를 하나의 장소에 넣고, 원할 때 꺼내서 쓸수 있음 - 하나의 리스트에 문자형, 숫자형, 불린형 등 상관없이 넣을 수 있음 리스트 사용법: mbti=['INFP','ENFP','ISTJ','ESFP'] //mbti라는 변수 선언 // 대괄홀 []안에 데이터 요소들을 넣는 구조 //리스트의 순서는 0부터 //print(mbti[0]) -> INFP출력 리스트 데이터 접근 및 조작: colors=['red', 'blue','green'] // 리스트 값 수정: 특정 데이터 요소의 값을 다시 지정해준다. colors[2]='black' //리스트 값 추가1: append()함수를 사용, 가장 마지막에 배치 colors.append('purple') //리스트 값 추가2: in..

[조건문] - 특정조건을 만족할 때 물리적인 절차를 수행 if문 if문 안의 조건이 True일때 물리적인 절차를 수행 if True: #참인 경우 print("True") else: #참이 아닌경우 print("False") if 4>3: print("a") else: print("b) # a를 출력 input() 입력문과 같이 사용하기 value = input(int("값을 입력해주세요")) if value >10: print("a") else: print("b) 주의 해야할 부분: - 입력값의 대소문자 여부에 따라 다르게 인식 value=input() if value=="INFP": print("INFP") else: print("nothing") # infp를 출력할 경우 소문자이기 때문에 noth..

input() 함수: - 사용자의 입력 값을 입력 받을 수 있음 text= input("설치를 계속 진행 하시겠습니까? (y/n)") print(text) # 설치를 계속 진행 하시겠습니까? (y/n) 출력 주석: - 실행되지 않는 코드 # 주석 (comments) # '#'을 쓰면 한 줄 주석 # """ """ 을 쓰면 여러줄 주석 가능

숫자형: int(정수), float(실수)등의 문자가 아닌 숫자 형태 + 더하기 - 빼기 * 곱하기 / 나머지 ** 제곱 // 몫 실수(float) - 십진 부동 소수점 x=0.6 y=0.3 print(x+b) # 0.9 출력 #실수와 연산하는 모든 수는 실수로 출력 문자열과 숫자 간 변환 문자형 => 숫자형 int() 숫자형 => 문자열 str() a=100 #(숫자형) b="100" #(문자열) a=str(a) b=int(b) #a는 문자열로 b는 숫자형으로 변환 논리형 (Bool, Boolean) - 대문자로 시작하는 키워드 => True, False로 구분 print( 3

변수: 데이터를 변경해서 할당할 수 있는 공간 greeting="반갑습니다" print(greeting) #greeting이라는 변수선언 #이변수에 문자열 값("반갑습니다")을 할당 Naming Convention(명명 규칙): 1. 변수 사이에 공백 허용되지 않음 my greeting="안녕하세요" 2. 단어 사이는 _(언더코드)를 사용하여 연결 my_greeting="안녕하세요" 3. 변수를 선언하기 위한 문자열은 숫자/ 특수문자로 시작이 불가 1_greeting="안녕하세요" 4. 예약어 변수호 선언 불가 print="안녕하세요" 5. 가급적 소문자 사용 6. 오타 주의 문자열(String) = 문자의 나열 city="seoul" print(city) #seoul로 출력 upper()를 사용하면 대..

1. Float - 뜨다라는 의미 - 자식요소의 width 값 자체가 바뀌는게 아니라, 부모요소의 width 값 만큼 margin이 생기는 것 - margin을 없애버린다. float 1과 float 2를 좌우로 붙여주기 위해서는? div.pink, div.blue { float: left; } 결과화면 2. clear 나오게 된 배경 : 페이지 Layout 짜다 보면 꼭 생기는 콘텐츠 범람 현상 - float로 없어진 margin 영역에 대응 - float로 없어진 margin 영역을 무시하고 올라가지 않도록 처리 Clearfix : clear라는 속성으로 Layout을 바로잡는 기법 Clearfix 기법을 콘텐츠가 범람하는 에 적용하려면? header::after { content: " "; disp..

overflow 속성이란? - 주어진 공간이 모자라 넘치는 컨텐츠를 어떻게 보여줄지 지정 CSS IS AWESOME overflow: hidden => 지정된 요소 내에서 긴 텍스트는 잘라버림 div.overflow { border: 2px solid black; width: 180px; font-size: 50px; overflow: hidden; } 결과화면: overflow-x: scroll => 넘치는 경우 세로방향에 스크롤을 만듬 overflow-y: scroll => 넘치는 경우 가로방향에 스크롤을 만듬 overflow: auto => 가로가 넘치면 가로방향으로 스크롤 세로가 넘치면 세로방향에 스크롤 만듬 폰트 꾸미기 - Hex color = RED/GREEN/BLUE의 값을 각각 16진수로 ..

태그란? - 이미지를 삽입하는 태그 - inline 성격으로서 한줄에 표시되려고 함 => width와 height로 조절할 수 가 없음 - div 태그로 감싸서 사용하는게 편리 태그 적용방법은? max-width 속성 - 가로 세로 비율에 맞게 크기를 맞출 수 있음 img { max-width: 100%; } /* 부모 영역에서 벗어나지 않도록 이미지의 너비 상한선을 100%로 설정 */ object-fit 속성 - 요소의 크기에 맞게 태그의 크기를 조정하는 속성 img { object-fit: contain; } /* 이미지의 비율을 유지하면서 크기를 변경하여 부모요소를 채움 */ img { objeact-fit: cover; } /* 이미지를 부모 요소의 영역의 크기 만큼 확대/축소하여 채움 */ /..

※ css의 Box는 크게 Inline Box와 Block Box로 나뉨 -Inline Box inline 나는 inline입니다 . 나는 inline입니다. ◎ 한줄에 표시 ◎ , , ◎ 태그로 감싸진 내용만큼만 영역을 차지 ◎ width와 heght로 요소의 크기를 조절할 수 없음 ◎ inline은 좌우 margin, padding만 적용 가능 -Block Box block 나는 block.입니다. 나는 block입니다. ◎ 개별 오소마다 줄을 바꿈 ◎ , , ◎ width와 height로 요소의 크기를 조절 ◎ 내용과 별개로 자신의 영역을 가짐 inline과 block의 적용방법은? inline display: inline block display: block block은 가지지만 inlline은 ..