본문 바로가기
728x90

codeit7

객체 생성 연습 안녕하세요, 지난 시간까지 Class를 이용한 객체 생성 전반에 대해 정리를 하였는데요, 오늘은 이제까지 배운 것들을 활용하여 객체 생성 연습을 해보고자 합니다. 이전까지 공부한 내용들은 옆에 메뉴에서 확인 부탁드립니다! 문제들은 Codeit이라는 인터넷 강의를 참조하였습니다! Q1. 배달음식 메뉴 생성 배달 음식 메뉴를 나타낼 클래스를 작성하는 건데요. MenuItem 클래스가 가져야 할 다음 조건들을 보고 배달 음식 메뉴를 나타내는 MenuItem 클래스를 정의해보세요. 인스턴스 변수(타입): -. name(문자열): 메뉴 이름 -. price(숫자): 메뉴 가격 인스턴스 메소드: -. __init__: MenuItem 클래스의 모든 인스턴스 변수를 초기화한다. -. __str__: MenuItem .. 2021. 7. 8.
HTML/CSS - Position 안녕하세요, 오늘은 position에 대해 정리하려 합니다. position 설정을 해주지 않으면 요소들은 static position 상태입니다. [포지셔닝이 안 된 요소] 여기 상태에서 Relative/Fixed/Absolute 등 position 설정이 가능합니다. [포지셔닝이 된 요소] ◆ Relative position : 원래 자신의 자리를 기준으로 위치를 잡는 것 위와 같이 blue 클래스에 relative 포지션을 적용하면 아래와 같이 결과가 나오게 됩니다. (blue 박스가 초기 위치에 상대적으로 이동하게 됩니다 [위로 50px, 왼쪽으로 70px 공간이 나오게 이동] ) ◆ Fixed position : 브라우저 윈도우를 기준으로 위치를 잡는 것 ◆ Absolute position : .. 2021. 5. 18.
HTML/CSS - Baseline/Vertical-align 글을 쓸때 기본적으로 글자들은 크기가 달라도 보이지 않는 어떠한 선에 맞춰져 있습니다. 결과와 같이 Hello와 World 사이즈가 다르지만 동일한 선에 맞춰져 있는 것을 확인할 수 있습니다. 이 선이 Baseline입니다! 아래 예시로 좀더 살펴보겠습니다. 뒤에 inline-block 속성을 갖는 는 inline 속성(div 태그의 기본값인 block이었다면, Korea와 같은 줄에 있을수 없다)이지만 자신만의 영역을 가지고 있습니다(block 속성). 여기서 baseline은 어디가 될까요? 바로 korea와 japan이 baseline이 됩니다. inline-block의 경우에는 div의 마지막 줄의 baseline이 전체의 baseline이 됩니다! 예외 경우를 살펴보겠습니다. 만약 inline-.. 2021. 5. 15.
HTML/CSS - display 안녕하세요, HTML/CSS에서 속성을 나타내는 display에 대해 공부하겠습니다. display의 종류는 여러 가지가 있는데요, (inline/block/inline-block/flex/list-item/none 등) 그중 많이 쓰는 것들만 한번 알아보겠습니다! inline : 다른 요소들과 같은 줄에 머무려고 하며 필요한 만큼의 가로길이만 가지려 합니다. inline을 display의 기본 값으로 갖는 태그로는 , , , , , 등이 있습니다. block : 다른 요소들과 독단적인 줄에 가고자 하며 최대한 큰 가로길이를 가지려 합니다. block을 display의 기본 값으로 갖는 태그로는 ,,,,, 등이 있습니다. my name이 독단적으로 줄을 가지고 있으며 background가 끝까지 가는 것.. 2021. 5. 8.

티스토리툴바