나빈스 코딩

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. 간접적으로 부모함수가 불려져야함

블록 박스 인라인 박스마크업한 태그만으로는 CSS를 적용하기 어려울 때가 있다.그럴 때 위와 같이 의미를 갖지 않는 태그로 감싸주면 된다.

CSS의 다양한 선택자CSS는 요소의 스타일을 지정한다.스타일을 지정하려면 요소들을 잘 가리키는 게 중요하다.이제 다양하게 요소들을 가리키는 방법을 알아보자.A B { }띄어쓰기로 구분만 한다면A 요소 안에 있는 B 요소 전체를 가리킨다.A > B { }>로 구분하면A 요소의 직접적인 자식 B를 가리킨다.

figure 태그는 본문에서 직접적인 언급이 없지만 본문의 이해를 돕는 요소에 감싼다. 모양이 못생겨서 내가 먹은 당근들

"나의 첫 HTML&CSS 웹 디자인" 이라는 책을 공부하며 정리한 글입니다.문서 구조를 정하는 태그들을 알아보자!문서 구조를 정하는 것은 유지보수도 수월하고, 검색엔진을 최적화하여 검색시 상위에 올릴 수 있는 등 장점이 매우매우 많다.그래서 구조를 정하는 건 매우 중요하다.이제 그 중요한 역할을 하는 태그들을 알아보자.(참고로, header, main, aside, footer가 같은 위계를 가지고 있다.)header제목과 내비게이션을 포함한 태그nav페이지 이동하는 내비게이션을 감싸는 태그mainheader 다음으로 오는 부분.페이지의 주제가 되는 부분에 한 번만 사용하는 태그article자기완결성이 있는 요소에 감싸는 태그.트위터 게시물이나 인스타 게시물같이 외부에서도 따로 쓰일 수 있는 걸 말한다..

인라인 블록은 인라인 박스와 블록 박스를 합친 개념이다.내용에 따라 크기가 정해지고, 상하좌우 여백을 지정할 수 있다.크기를 알 수 없는데 여백을 넣고 싶을 때 쓴다.

블록 박스는부모의 폭을 가득 채우려는 성질을 가지고 있기 때문에 박스의 가로를 줄여주고 margin에 auto 속성을 추가한다.인라인 박스는그 박스가 포함된 부모 블록박스에서 text-align:center;를 추가한다.

박스의 가로와 세로에 padding과 border를 포함시킨다는 뜻이다.직관적으로 이해할 수 있어서 좋다.

리액트 훅이란?함수로 만든 리액트 컴포넌트에서 클래스로 만든 컴포넌트의 기능을 이용하도록 도와주는 함수들이다.클래스로 만든 컴포넌트는 문법이 복잡했지만 state나 ref같은 기능을 쓰기 위해 써야만했다.하지만 리액트 훅이 생기면서 함수로 만든 컴포넌트에서도 기능들을 쓸 수 있게 되었다.클래스로 만든 기능을 낚아채듯 가져와서 쓴다는 뜻으로 Hook이란 이름을 붙였다. 리액트 훅의 이름에는 항상 use를 붙인다.useState, useRef, useEffect 등이 있다.useState변수의 상태를 관리할 수 있는 훅이다.리액트 컴포넌트는 자신이 관리하는 state 값이 변하면 스스로 다시 호출한다.그리고 변경된 state 값을 페이지에 렌더링한다. 이를 리렌더링이라고 한다.const [state, set..

다양한 입력폼을 간단하게import { useState } from "react";function Body() { const [state, setState] = useState({ name: "", gender: "", birth: "", bio: "", }); const onChange = (e) => setState({ ...state, [e.target.name]: e.target.value }); return ( 남성 여성 );}export defa..