영국 척척석사 유학생 일기장👩🏻‍🎓

파이썬에서 좋은 코드를 만들기 위한 가이드 중 PEP8에 대해 알아보겠습니다. 1. 이름1) 이름 규칙모든 변수와 함수 이름은 소문자로 쓰고 여러 단어일 경우 _로 나눕니다.# badsomeVariableName = 1SomeVariableName = 1def someFunctionName(): print("Hello")# goodsome_variable_name = 1def some_function_name(): print("Hello")모든 상수의 이름은 대문자로 쓰고 여러 단어일 경우 _로 나눕니다.# badsomeConstant = 3.14SomeConstant = 3.14some_constant = 3.14# goodSOME_CONSTANT = 3.142) 의미 있는 이름# bad (..

자주 쓰이는 표현을 더 간략하게 쓸 수 있게 해주는 문법을 'syntactic sugar'라고 합니다.다음 아래의 두 줄은 같습니다.x = x+1x += 1x = x+2x += 2x = x*2x *= 2x = x-3x -= 3x = x/2x /= 2x = x%7x %= 7

이전 글에서 리스트에서 유용한 메소드에 대해 알아보았습니다. 그럼 함수와 메소드의 차이점은 무엇일까요? 이번 글에서는 함수와 메소드의 차이점과 문자열에서 유요한 메소드에 대해 알아보겠습니다. 🔻(참고)리스트 메소드🔻 (파이썬) 리스트와 리스트에서 유용한 메소드 총정리1. 리스트에서 값의 존재 확인하기어떤 값이 리스트에 있는지 여부를 확인하는 함수를 만들어보겠습니다.# value가 some_list의 요소인지 확인def in_list(some_list, value): i = 0 while i 위와 같이 실행하면life-of-nomad.tistory.com 1. 메소드(method)메소드는 함수와 관련이 있지만 함수와는 달리 메소드는 특정 유형의 객체와 연결됩니다.즉, 작업 중인 데이터 유형에 따라 다른..

지난 글에서 리스트에 대해서 알아보았습니다. 이번 글에서는 리스트와 문자열의 차이점에 대해 알아보겠습니다.리스트와 문자열은 굉장히 비슷합니다. 리스트가 어떤 자료형들의 나열이라면, 문자열은 문자들의 나열이라고 할 수 있습니다.  🔻(참고)파이썬 리스트🔻 (파이썬) 리스트와 리스트에서 유용한 메소드 총정리1. 리스트에서 값의 존재 확인하기어떤 값이 리스트에 있는지 여부를 확인하는 함수를 만들어보겠습니다.# value가 some_list의 요소인지 확인def in_list(some_list, value): i = 0 while i 위와 같이 실행하면life-of-nomad.tistory.com 1. 인덱싱(indexing)두 자료형은 공통적으로 인덱싱이 가능합니다.# 알파벳 리스트의 인덱싱alphabet..

🔻(참고)리스트🔻 (파이썬) 데이터 구조의 유형 중 가장 많이 쓰이는 리스트 총정리1. 데이터 구조데이터 구조란 다양한 방식으로 데이터 유형들을 모아 조직하고 그룹화하는 데이터 컨테니어 혹은 데이터 컬렉션입니다.데이터가 담긴 파일들을 정리해 놓은 파일 폴더라고 볼life-of-nomad.tistory.com 1. 메소드1) in 과 not in (리스트에서 값의 존재 확인하기)어떤 값이 리스트에 있는지 여부를 확인하는 함수를 만들어보겠습니다.# value가 some_list의 요소인지 확인def in_list(some_list, value): i = 0 while i 위와 같이 실행하면 아래와 같이 결과가 나옵니다.TrueFalse쓰는데 아주 어렵지는 않습니다.하지만 리스트에 값의 존재를 ..

1. 캐스케이드(Cascade) 최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 적용하는걸 말합니다. 한국어로는 "종속"이라고 번역하기도 합니다. 우선순위가 높은 규칙일수록 우선적으로 속성을 적용합니다. 2. 스타일 시트의 종류 브라우저에서 기본적으로 제공하는 스타일시트(Use Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮습니다. 예를 들어서 브라우저 기본 CSS에서 아래처럼 쓰고 있다고 가정해 봅시다. h2 { display: block; font-size : 1.5em; ... font-weight : bold; } 이때, 우리가 style.css 파일에서 아래처럼 쓰면, 우리가 작성한 스타일시트(A..

1. 블록디스플레이에는 블록과 인라인이 있습니다. 그 중 블록(block)은 , , 같은 것들 입니다. 블록은 위에서부터 아래로 배치됩니다. 너비와 높이를 지정할 수 있다는 특징이 있습니다. 2. 인라인인라인(inline)은 , , , 같은 것들 입니다. 평소에 글 쓰는 방향과 일치하며 화면에 꽉 차면 다음 줄로 넘어갑니다. 블록과 달리 너비와 높이를 지정할 수 없습니다. (태그는 예외) 그리고 여백은 가로로(글 쓰는 방향)만 가능합니다.3. 인라인 블록인라인처럼 배치되지만 블록처럼 크기를 가지고 싶을 때 사용하는 display 속성입니다.4. float요소를 페이지 왼쪽이나 오른쪽에 삽화처럼 배치하고, 그 주변으로 인라인 요소들을 배치할 수 있습니다.5. 블록, 인라인 블록, 인라인 비교

1. 박스 모델(Box model) HTML/CSS에서 요소는 기본적으로 박스 형태입니다. 밖에서부터 차례대로 바깥 여백인 마진, 태두리인 보더, 테두리와 실제 내용 사이의 여백인 패딩, 그리고 실제 내용이 들어가는 콘텐트 박스가 있습니다. 2. border 속성 주로 굵기, 테두리 종류, 색상 순서로 씁니다. 예를 들어서 아래 코드는 2px 굵기의 실선으로 옅은 회색(#ededed)를 사용한 겁니다. border: 2px solid #ededed; 3. border-radius 속성 박스 모델의 모서리를 둥글게 만들 때 사용합니다. border 속성 없이도 쓸 수 있습니다. 아래 코드는 16px 만큼 둥글게 하는 코드입니다. border-radius: 16px; 참고로 50% 만큼 둥글게 하면 타원 형..

이번 시간에는 글자색을 한번에 바꾸는 방법을 알아보겠습니다. 1. 글자색 한번에 바꾸기 h3 태그가 여러개이고 각각의 글자색이 다 같다면 한번에 글자색을 바꿀 수 있습니다. 규칙을 정해주면 되는데 위와 같이 head 태그 안에 일명 관심사의 분리를 시켜주는 것입니다. 이런 식으로 관심사의 분리를 시켜주면 한번에 색상을 변경하기도 편하고 HTML 과 CSS 를 따로 저장하기 편합니다. 만약, h3중 하나만 색상을 변경해야 한다면 어떻게 할까요? id를 넣어주면 됩니다. 예를 들어, 한라산 국립공원만 다른 색을 넣는다고 가정해봅시다. 우도 한라산 국립공원 성산 일출봉 군산 오름 위와 같이 id를 주고 style태그에 #hallasan 에 색상을 넣어주면 한라산 국립공원만 색상이 바뀌는 것을 볼 수 있습니다...

저번 시간에는 글 정렬하는 방법을 알아보았습니다. 이번 시간에는 이미지와 본문의 크기, 여백을조절하는 방법을 알아보겠습니다. 1. 이미지와 본문 크기 조절하기 이미지의 너비를 조절하는 CSS 속성은 width, 높이를 조절하는 속성은 height 입니다. 따라서 이미지의 크기를 너비 700px, 높이 375px 조절하는 코드는 입니다. 하지만 이미지의 크기를 정해버리면 화면의 크기에 따라 이미지가 꽉 차지 않을 수 있습니다. 따라서 화면의 크기에 따라 이미지가 꽉 차게 하려면 너비에 700px 대신 100%, 높이 값을 지워주면 비율을 유지하면서 이미지가 화면에 따라 커지고 작아지는 것을 볼 수 있습니다. 본문 크기를 조절하는 방법도 영역 태그인 태그에 픽셀 값을 넣어주면 됩니다. 2. 여백 조절하기 글..