개발
파이썬 리스트 설명: 인덱싱, 슬라이싱, 함수
리스트의 개념 파이썬에서 리스트란 순서를 따라 값을 나열한 것입니다. 다음과 같이 홀수만을 담은 리스트를 만들어볼 수 있습니다. odd = [1, 3, 5, 7, 9] 이처럼 리스트는 대괄호[]를 사용합니다. 리스트는 비어있을 수 있으며, 또 다른 리스트를 포함할 수도 있습니다. empty = [] listInList = [1, 2, ["a", "b", "c"], 3] 리스트 인덱싱과 슬라이싱 파이썬에서는 문자열과 같이 리스트를 인덱싱 및 슬라이싱할 수 있습니다. 리스트 인덱싱 인덱싱 번호는 0부터 시작하며, -1번 째는 리스트의 마지막 값에 해당합니다. odd = [1, 3, 5, 7, 9] odd[0] # 1 odd[3] # 7 odd[-1] # 9 인덱싱을 통해 얻은 값을 연산할 수도 있습니다. o..
파이썬 문자열 기본 함수 정리
문자 개수 세기: count greeting = "Hello" greeting.count("l") # 문자 l이 포함된 개수 # 2 문자 첫 위치 찾기: find greeting = "Hello" greeting.find("o") # 첫 문자의 위치를 반환 # 4 greeting.find("x") # 찾는 문자가 없는 경우 -1을 반환 # -1 문자 첫 위치 찾기2: index greeting = "Hello" greeting.index("o") # find와 동일하게 첫 문자의 위치를 알려줌 # 4 greeting.index("x") # 찾는 문자가 없는 경우에는 에러가 발생 문자열 삽입: join greeting = "," greeting.join("hello") # "H,e,l,l,o" 대문자로 변..
CSS 뜻 역할과 적용 방법, 호환성 확인 ✔️
CSS 뜻과 역할 CSS는 Cascading Style Sheets를 뜻하며, 웹페이지 스타일링과 레이아웃에 사용됩니다. 여기에는 본문 폰트, 크기, 색상 변경 및 화면 분할, 여백 설정, 애니메이션 추가 등이 포함됩니다. CSS를 사용하는 이유 CSS없이 HTML로만 작성한 기본 문서는 브라우저의 스타일 속성을 따라 표현되므로 꽤나 투박해 보일 수 있습니다. CSS를 사용하면 HTML 문서 내에 다양한 속성을 적용할 수 있습니다. 이를 통해 문서의 가독성을 높이고 페이지를 효율적이고 아름답게 구성할 수 있습니다. CSS 적용 방법 HTML 문서의 h1의 색상을 빨강으로 바꾸려면 어떻게 할까요? 다음과 같이 코드를 작성할 수 있습니다. 선택자를 통해 원하는 대상을 선택하고 컬리 브라켓 {} 내에 속성과 ..
HTML 문서의 기본 구조 설명 (2) ✔️
안녕하세요. 휘입니다. 지난 글에서는 HTML 문서의 대략적인 기본 구조에 대해 살펴봤는데요. 이번 글에서는 HTML 페이지 작성에 공통적으로 활용되는 추가적인 태그 요소들에 대해 알아보도록 하겠습니다. 이 글은 MDN, Document and website structure를 참고하여 작성되었습니다. HTML 문서의 기본 구성 HTML 문서의 구성은 작성자에 따라 크게 달라질 수 있지만 몇 가지 기본적인 공통 사항들이 존재합니다. 헤더, 네비게이션 바, 메인 콘텐츠, 사이드바, 푸터가 이에 해당하는데요. 이들의 주된 역할은 다음과 같이 정리할 수 있습니다. 헤더(header): 헤더는 상단의 큰 문구, 로고, 태그 라인 등으로 구성되며 대부분의 웹페이지에서 활용됩니다. 네비게이션 바(navigation..
의미론적 HTML 뜻과 구성 방법 설명 ✔️
HTML을 공부하다보면 의미론적(semantic) HTML이라는 표현을 접하게 됩니다. 의미론적이라.. 대체 어떤 뜻일까요? 다음은 의미론에 대한 위키백과의 정의입니다. '의미론이란 의미를 연구하는 것인데 의미의 뜻이 정확하지 않으니.. 의미란 무엇인지에 대한 논의부터 시작해보자..'가 의미론에 대한 철학적 접근입니다. 그러나 다행히도 HTML에서 의미론은 이처럼 심오한 개념은 아닙니다. 의미론적 HTML이란 'HTML의 태그들을 의미에 맞게 사용해 문서를 구성하자'는 것입니다. 예를 들어보겠습니다. 우리는 다음과 같이 HTML 문서를 작성할 수 있습니다. Is this a top level heading? 이렇게 하면 글자는 기본 폰트보다 커지고 마치 태그를 사용한 효과를 낼 것입니다. 그러나 여기에는..
HTML 문서의 기본 구조 설명 (1) ✔️
HTML 문서는 개별적인 여러 요소들이 모여 완성됩니다. 이는 하나의 콘텐츠가 제목, 내용, 이미지 등의 요소를 통해 완성되는 것과 같은 이치입니다. 이 글은 MDN 를 참고 및 정리한 것입니다. This is my page 위의 HTML 문서를 통해 HTML 문서의 기본적인 구조를 살펴보도록 하겠습니다. 먼저, 입니다. 이는 HTML 문서의 가장 처음에 선언해주는데요. 그 이유는 바로 HTML에는 다양한 버전이 있기 때문입니다. 따라서 이를 문서의 처음에 선언하여 브라우저가 해당 문서를 알맞게 해석할 수 있도록 합니다. 은 해당 HTML 문서가 HTML5 형식을 따라 작성되었음을 의미합니다. 다음으로 태그입니다. 이는 페이지의 콘텐츠 요소를 모두 감싸는 태그로 루트 요소라고 합니다. 태그는 HTML 페..
HTML 문서에 CSS 연결하는 세 가지 방법과 장단점 ✔️
다양한 방식으로 HTML 문서에 CSS를 적용할 수 있으며, 다음과 같이 크게 세 가지 방식으로 문서의 스타일을 지정할 수 있습니다. 요소를 사용하여 외부 CSS 파일을 연결(추천) 태그 내에 link 태그를 사용하여 외부 스타일시트를 연결할 수 있습니다. 만약 CSS 파일이 HTML 문서와 동일한 폴더 내에 있지 않을 경우 다음의 예시와 같이 서브디렉토리를 설정해줘야 합니다. 참고로 여기서 rel 속성은 현재 문서와 연결되는 문서/파일의 관계를 의미합니다. CSS의 경우에는 stylesheet라고 속성을 적어주어야 하며, link에는 이 외에도 다른 속성들을 지정할 수도 있습니다. head 영역에 style 요소 사용 다음과 같이 head 태그 내에 을 지정할 수도 있습니다. 이러한 방식은 외부 CSS..
HTML meta chartset UTF-8 인코딩 설명 ✔️
UTF-8는 문자 인코딩에 가장 많이 사용되는 방법입니다. 이는 유니코드 시스템 코드 테이블을 사용하여, 현존하는 모든 문자들을 표시할 수 있습니다. 이 때문에, 인터넷에서 사용되는 대부분의 문자 세트에는 UTF-8 방식이 가장 많이 사용되고 있습니다. 컴퓨터는 글자, 숫자, 기호를 표시하기 위해 특정한 문자를 필요로 합니다. 이러한 일련의 문자는 특정한 순서를 따라 정렬되어 있습니다. 이를 문자 집합(character set)이라고 하는데요. 컴퓨터는 문자를 올바르게 파악하기 위해, 문자 인코딩이라 하는 비트(bits)의 패턴을 사용합니다. 문자 집합은 특정한 순서를 따라 이미 명시되어 있기 때문에, 문자 인코딩을 위해서는 해당 비트 패턴이 문자에 할당되어야 합니다. 만약, 선언된 문자 인코딩이 실제로..
