alias alias 에 () 괄호 사용 불가 select min(fare), max(fare), round(avg(fare),2) as avg(fare) from titanic; Error Code: 1064. You have an error in your SQL syntax; check the manual that correspon...

시맨틱 HTML이란? 의미를 가진 HTML 태그를 사용하는 것. <header>헤더 영역</header> <nav>네비게이션</nav> <main> <article>주요 컨텐츠</article> <aside>사이드바</aside> </mai...

useEffect 데이터를 감시하고, 데이터가 변경될 때마다 콜백 함수를 실행해서 부수 효과를 처리하는 훅 (Hook)

상태 state 각 컴포넌트 내에서 독립적으로 관리되는 데이터 사용자 상호작용에 의해 변경될 수 있는 데이터 리액트는 상태가 변경되면 컴포넌트를 리렌더링 (화면을 다시 그린다) 상태는 화면을 결정하는 중요한 데이터 상태는 컴포넌트마다 독립적으로 관리되는 데이터로 변수와는 다른 리액트의 데이터 관리 수단 변수와 상태의 차이점은 데...

Props 부모 컴포넌트가 자식 컴포넌트에게 전달한 데이터를 저장한 객체 부모 컴포넌트: Props를 전달한다 자식 컴포넌트: Props를 받는다 동일한 컴포넌트를 재사용하기 위한 필수 문법 전달하기 자식 컴포넌트 요소 속성 (key=value) 형태로 Props를 전달한다 ...

Event Handling html 인라인 이벤트 속성 (onClick, onChange 등)을 사용해서 이벤트 핸들링 함수를 호출한다 addEventListener 메서드는 사용하지 않는다 onInput 이벤트는 사용하지 않는다 export default function OnClick() { // 파라미터가 없는 ...

컴포넌트 (Component) 재사용 가능한 사용자 인터페이스 (UI) 블록으로 하나의 페이지는 여러 개의 컴포넌트를 조합 해서 만들어낸다. 컴포넌트는 독립적인 파일을 생성하고, 함수를 정의 해서 요소(element) 객체를 반환해야 한다 Default Export로 컴포넌트를 내보내고, import ... from...로 컴포넌트를 가...

Flexbox란? 유연한 박스 레이아웃을 만들 수 있는 CSS 기능입니다. .container { display: flex; justify-content: center; align-items: center; } 이렇게 간단하게 중앙 정렬을 할 수 있습니다!

HTML 주요 태그들 제목 태그 <h1>가장 큰 제목</h1> <h2>두 번째 제목</h2> <h3>세 번째 제목</h3> 단락과 줄바꿈 <p>단락을 나타냅니다.</p> <br /> <!-- 줄바꿈 --> 이렇게 다양한 태그들을 활용...

README 오답 노트 OOO의 중요성, CRUD 구현순서, 개선사항, 느낀점 Repository 프로젝트별로 개별 관리