나빈스 코딩

Position요소를 자유자재로 움직이거나, 위에 덧댈 수 있기 때문에 position을 쓴다.static(초깃값), relative, absolute, fixed, sticky로 총 5개로 요소의 상태를 바꿀 수 있다.staticstatic은 요소의 위치를 정해줘도(left,right,top,bottom) 본인 자리에서 움직이지 않는다.relativerelative는 본인 자리의 왼쪽 위를 기준점으로 해서 위치를 정해줄 수 있다. 다른 요소들은 영향받지 않는다.absoluteabsolute는 브라우저의 왼쪽 위를 기준점으로 해서 위치를 정해준다. 보통은 부모를 relative로 둬서 기준점을 부모요소의 왼위로 두고 쓴다. 다른 요소들은 그 자리를 차지하고, 자기자신은 블록박스의 성질인 가로를 최대로하는..

"나의 첫 HTML&CSS 웹 디자인" 이라는 책을 공부하며 정리한 글입니다.FlexboxFlexbox는 가로로 나열하고 싶을 때 쓴다.(Flutter로는 Row나 Wrap 위젯)Flexbox 사용법1. 가로로 늘어놓고 싶은 요소의 부모 요소를 찾는다.2. 부모 요소에 display:flex;를 지정한다.기본축?Flexbox는 가로로 나열한다.그렇다면 Flexbox의 기본축은 가로일까 세로일까?당연히 가로이다.가로로 막대기를 요소들에 끼워넣고, 그 선을 따라 요소들이 움직이는 이미지를 떠올리자.교차축은 세로이다.세로로 막대기를 요소들에 각각 끼워넣고, 마찬가지로 움직이면 된다.Flexbox를 만들면 자식요소의 크기는?기본적으로 최소 크기로 바뀐다.flex-basis: 920px; 자식요소에 이렇게 지정하..

Private 으로 상속받으면 상속받은 것들은 외부에서 사용할 수 없다.class Derived : private Base {public: void g(void);};void Derived::g(void){ cout 만약 public private을 생략하면 디폴트가 private이다.Overloading vs. Overridingvirtual 쓰면 Overriding 안쓰면 Overloading.virtual은 부모의 함수말고 자식함수를 쓴다는 선언.Derived "is-a" Base반대는 불가능.다형성(Polymorphism) 조건1. 자식함수에서 override가 일어나야함4. 간접적으로 부모함수가 불려져야함