Live and Learn

▣ 박스의 최대폭(Max width) 박스의 폭(Width)을 'width' 속성을 이용하여 설정하면 아래와 같이 브라우저의 폭이 좁아지게 될 경우 텍스트가 잘리는 현상이 발생합니다. 하지만, 'max-width' 속성을 이용하여 박스의 폭을 설정하면 아래와 같이 브라우저의 폭이 좁아져도 박스의 높이가 자동으로 늘어나면서 텍스트는 그대로 보존됩니다. 즉 소위 말하는 반응형 웹(Responsive web)처럼 작동합니다. 박스의 폭이나 높이에 대한 설정이 없을 경우에는 일반적으로 'max-width' 속성이 자동 설정됩니다. ▣ 텍스트 정렬(Text align) 'text-align' 속성을 이용하여 텍스트를 왼쪽('left'), 오른쪽('right'), 또는 가운데('center') 기준으로 정렬할 수 ..

▣ 자료형(Data Types) 1. 문자열(String) 문자열은 여러 개의 문자들이 연결되어 이루어진 자료형이므로 각 문자(Character)는 위치를 표시하는 값(Index)을 가지고 있으며 인덱스 값은 0부터 시작됩니다. 변수에 문자열을 담고, 변수명을 이용해서 문자열에 접근할 수 있듯이 인덱스를 통해 각 문자에도 접근할 수 있습니다. 이때 사용하는 기호는 [ ]입니다. 문자 하나 또한 문자열의 일부이므로 + 기호를 이용하여 연결할 수도 있습니다. print('hello'[0]) a = 'hello' print(a[4]) print(a[0] + a[4]) 🖥 코드 및 실행 결과 2. 정수(Integer) 정수는 산술 연산이 가능한 숫자 자료형입니다. 자릿수 구분을 위해 _ 기호를 사용할 수 있으며..