레이아웃의 프론트 기술 변화

현재 홈.만.사.(홈페이지를만드는사람들을위한안내서)는 XE(XpressEngine)/라이믹스 CMS기반으로 제작되고 있습니다. 지난 주말 프론트 화면 기획을 거진 90% 완성 후 이번 주 월요일부터 작업을 진행했습니다. 간단한 사이트라고 생각했기 때문에, layout + htmx 를 사용해서 어느 정도 간단한 인터렉션을 구현하려고 했습니다. 작업을 하다보니, 그것만으로는 부족해서 alpine.js+htmx 를 활용했고, 점차적으로 htmx의 부분마저도 alpine.js를 활용해서 모두 작업이 가능한 수준이라 htmx를 제거하게 되었습니다. 그리고 나서 조금씩 최적화 부분에 신경을 쓰다보니 vanilla javascript + alpine.js 조합을 모두 alpine.js로 변환하게 되었고, 이 과정에서 alpine.js의 단점들이 부각되기 시작했습니다. 결과적으로 보면 차라리 vanilla javascript + ajax가 나을 뻔 했는데요. 결국 기술적인 부분으로 유지보수가 어렵게 되자 마이페이지 부분은 전면적으로 react로 구현을 하게 되었습니다. - 프로필 편집 + 비밀번호 변경 + 통계 - 스레드 - 답글 - 저장됨 - 좋아요 - 포인트 - 알림 - 채팅하기 - 레이아웃 설정 - 메뉴 편집 - 관리자 - 로그아웃 - 탈퇴 이제 게시판 화면을 보면 아래와 같이 남았습니다. - 가이드(리스트,글쓰기,글보기) - 플랫폼비교(리스트,글쓰기,글보기) - 전문가찾기(리스트,글쓰기,글보기) - 전문가포트폴리오(리스트,글쓰기,글보기) - 전문가리뷰(리스트,글쓰기,글보기) - 커뮤니티(리스트 + 인기글위젯 + 태그위젯 + 글쓰기모달,글쓰기,글보기) - 로그인 + 회원가입 + 비밀번호 찾기 이걸 이제 구조화해서 리액트 레이아웃으로 다시 구조를 잡아보려 합니다.