Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- ui탬플릿
- Token
- userManagement
- 관리자페이지
- Styled Components
- Update
- react
- 회원가입로직
- 캘린더 라이브러리
- Typesciprt
- 파생상품평가
- 공통메서드
- 배포
- 로그인
- stock option
- Ajax
- register
- 밸류즈
- 인증처리
- 달력 라이브러리
- 마이페이지
- jsonwebtoken
- MRC
- 빌드 및 배포
- 스프링시큐리티
- 밸류즈 홈페이지
- 로그인 로직
- mypage
- RCPS
- 이미지 업로드
Archives
- Today
- Total
목록툴팁 (1)
I T H

레이아웃에서 header(Navbar)에 해당하는 부분에서 pc버전이 아닌 모바일화면에서 볼수 있는 화면 UI를 작성하고자 한다. 토글 기능을 사용해서 화면이 작아질때는 특정 아이콘이 생기면서 Navbar 부분이 사라지고, 다시 아이콘을 클릭하면 모바일에서만 볼수있는 navbar부분이 생기게 구현했다. 추가적으로 tooltip기능을 이용해서 보충설명에 해당하는 간단한 기능도 넣었다. [ 툴팁(tooltip) 사용하기 ] - 툴팁은 말풍선 모양처럼 생긴 그래픽 사용자 인터페이스 요소이다. - cursor를 pointer할때 동작하게 된다. - 참고자료는 아래 링크를 클릭하면 볼수 있다. https://www.w3schools.com/css/css_tooltip.asp CSS Tooltip W3Schools..
React + Node.js
2024. 2. 27. 11:50