240222 아이엔랩 웹사이트 개발 일지

일단 저번에 올리지 못했던 Sidebar! 홈, 소개글, BI, 개발 (개별 앱 페이지 포함), 공지사항, 개인정보 처리방침을 넣었다.

특히 하위 메뉴가 선택돼있어도 개발에 회색 음영 넣는 것까지 어찌저찌 했다. 굿.

 

공지사항은 Firestore에서 마크다운 형식으로 올린 데이터를 가져와서 띄운다.

그리고 아무래도 다른 곳에서 값을 가져오다 보니 로딩 화면이 뚝뚝 끊겨서 Shimmer (Skeleton) 넣었다. 훨씬 부드럽군. 이거랑 mui의 Fade 넣어서 부드럽게 바뀌도록 했다.

 

이건 나중에 사이트 열고 나서 손봐야겠다. 너무 귀찮아... 딱히 중요한 부분도 아니라서.. 저건 react-markdown 라이브러리를 이용해서 마크다운 -> HTML태그로 바꿔준다. 여기도 Shimmer 있음.

 

개인정보 처리방침. 이건 내 웹페이지는 솔직히 상관없음 (회원가입하는 웹 서비스가 아니니까) 그런데 Google Play에서는 앱마다 계속 개인정보 처리방침을 내놓으라고 한다. 원래는 그냥 블로그에 글 하나 띡 올려놓고 돌려막기했는데 웹사이트도 만드는 김에 같이 만들었다.

보기 훨씬 좋긴 하군.

다른 작업 하느라 홈을 거의 안 했다.

내일은 홈을 적당히 꾸미고 퍼블리시해야겠다. 나머지 세세한 것들은 그 후에 해도 될 것 같다.

그리고 처음 만들 때 거의 아무것도 몰라서 맨땅에 헤딩한 게 많았다. 이거 만들면서 리액트랑 css에 많이 익숙해졌고, 웹사이트가 비어 있다는 안절부절함에서도 벗어났으니 디자인은 유지하되 공통된 가이드라인을 하나 만들어서 다시 만들어 보아야겠다.

 

97%!