반응형 SMALL material ui2 <HtmlStudy /> 웹페이지 - 제작 상황(2) 오랜만에 홈페이지 작업을 진행해 남겨놓기로 했다.1. 홈페이지 상황목록 태그피규어 태그표 만들기폼 요소로고 추가2. 문제점 Material UI를 임포트해 사용하다 보니 문제점이 발생했다.태그를 눌러 이동하면 왼쪽의 내비게이션 탭이 닫히게 된다.다른 태그들을 보고 싶다면 또 왼쪽의 화살표 모양을 다시 눌러 이동해야 한다.내가 만들고 사용해도 불편했다. 그래서 이전글 다음글 버튼을 만들기로 했다.3. 해결책import { NavLink } from "react-router-dom";...const prevPage = { path: "/devtools/vscode" };const nextPage = { path: "/html/paragraph" };.... {prevPage && ( .. 2024. 7. 30. <HtmlStudy /> 웹페이지 상황 1. React UI 라이브러리 적용곰곰이 생각해 보니깐 react 라이브러리를 한 번도 사용해 본 적도 없고 적용하면 내가 만든 것보다 편하게 사용하기 위해 왼쪽 nav 바를 React UI 라이브러리 material-ui 적용시켜 봤다.엄청나게 간단하게 적용된 줄 알았던 라이브러리는 엄청난 대작업을 가져왔다.내가 원래 만든 것도 있고 라이브러리는 구 리액트버전이라 적용시키는데 애를 먹었다. 하나하나 찾아보면서 2시간 정도 걸렸던 거 같다. 역시 사용할 때는 먼저 찾아보고 적용시키고 진행하는 게 베스트다. 기획의 중요성을 다시 한번 깨닫는다.내비게이션의 아이콘들도 Material UI를 사용했으니 한번 React 라이브러리를 사용할 때 참고 사이트로 좋은 거 같다.https://mui.com/m.. 2024. 7. 15. 이전 1 다음 반응형 LIST
