728x90 반응형 SMALL component3 [Website] 컴포넌트 (Component) (2) 컴포넌트 (Component) Dropdowns 버튼이나 링크 등에 드롭다운 메뉴를 추가할 수 있다. 사용자가 상위 요소를 클릭하면 드롭다운 메뉴가 표시되어 다양한 옵션을 선택할 수 있다. Modals 사용자에게 추가 정보를 제공하거나 입력을 받기 위해 현재 페이지 위에 오버레이 형태로 표시되는 대화 상자이다. 모달은 경고 메시지, 로그인 폼, 이미지 뷰어 등 다양한 용도로 사용할 수 있다. Carousels 이미지, 텍스트, 동영상 등의 콘텐츠를 슬라이드 형식으로 표시하는 반응형 슬라이더이다. 사용자는 이전 / 다음 버튼이나 인디케이터를 통해 슬라이드를 전환할 수 있다. Tooltips 사용자가 특정 요소에 마우스를 올렸을 때 추가 정보를 표시하는 작은 팝업 상자이다. 도움말이나 설명 텍스트를 제공하기.. 2023. 6. 5. [Website] 컴포넌트 (Component) (1) 컴포넌트 (Component) 부트스트랩 컴포넌트는 웹 페이지의 디자인과 기능을 향상시키는 데 도움이 되는 미리 만들어진 요소들이다. Buttons 다양한 스타일, 크기 및 상태를 가진 버튼을 만들 수 있다. Navbar 웹 페이지의 상단에 탐색 링크를 배치하는 반응형 네비게이션 헤더이다. 부트스트랩의 Navbar는 브랜드 로고 및 탐색 링크, 검색 폼, 드롭다운 메뉴 등을 지원한다. Alerts Alerts 컴포넌트는 사용자에게 피드백을 제공하는 데 사용되는 스타일이 있는 경고 메시지이다. 간단한 경고부터 닫기 버튼이 있는 경고 메시지까지 다양한 유형의 알림을 만들 수 있다. Cards 이미지, 텍스트, 링크 등의 콘텐츠를 그룹화하는 유연한 컨테이너이다. 카드는 블로그 게시물, 프로필 정보, 이미지 갤.. 2023. 6. 5. [React] 프로젝트 구조 프로젝트 구조 npx create-react-app web --template typescript npm start : 프로젝트 실행 npm build : 프로젝트 빌드 프로젝트 확인 : 크롬 주소창에서 localhost:3000 SPA (Single Page App) 싱글 페이지 애플리케이션은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹 사이트를 말한다. 기존 앱은 전체 페이지를 서버에서 받아왔다. SPA는 처음 필요한 데이터를 가져오고 페이지 전환없이 일부를 렌더링한다. 컴포넌트 컴포넌트는 리액트로 만들어진 앱을 이루는 최소한의 단위를 말한다. 사용자 정의 태그 클래스 기반 컴포넌트 함수 기반 컴포넌트 2023. 2. 20. 이전 1 다음 728x90 반응형 LIST
