상현에 하루하루

빌딩캠퍼스 온라인

( 업데이트: )

👋 들어가며

안녕하세요 퍼블리셔 한상현입니다.

기존에 퍼블리싱은 대부분 PHP, WordPress로 개발했던 것이 대부분이었는데 빌딩캠퍼스 온라인에서는 Java를 사용한다고해서 PHP로 퍼블리싱해서 넘겨주면 안되고 HTML로 퍼블리싱을 해야했습니다.

WAS

jsp docker tomcat

퍼블리싱을 어떻게 해야할까? 고민을 하면서 홈페이지 각각의 페이지를 전부 개별 HTML로 퍼블리싱하고 관리한다면 UI 재활용 또는 전체적으로 사용해야할 GNB, FNB들의 수정사항 대응에 사람의 실수가 들어갈 수 있고 작업시간도 늘어난다는 단점이있습니다.

그렇다면 jsp로 넘겨주면 되지 않을까? 생각했습니다. 아니면 jsp, php로 퍼블리싱을하고 HTML로 저장해서 저장된 파일들을 전달하면 되겠다! 생각하고 개발사랑 논의해서 .jsp로 된 퍼블리싱 파일로 전달해도 괜찮다고 말씀해주셔서 자주사용하는 docker로 jsp기반 was를 만들었습니다.

  • docker
    • tomcat
  • webpack
    • scss
    • js – es6 – npm

tomcat & jsp로 WAS 만들면서 작성한 포스팅

퍼블리싱

프로젝트를하면서 간단하게 나중에도 비슷한 UI를 사용할만한 코드는 codepen으로 제작해서 남겨놨습니다.

https://codepen.io/999hyeon/pen/zYZemOw
card – review
https://codepen.io/999hyeon/pen/abJQmvy
list item – icon

👏 마무리하며

JSP 템플릿은 조금 에로사항이 많았지만 언어와 템플릿에 연연하지 않고 프로젝트를 실행해볼 수 있었습니다.

Storybook으로 UI들을 관리 하고싶었지만 storybook에서 HTML로만 관리하는게 preview를 짜는 것과 코드를 재활용함에 있어서 불편함이 아직 많았고 코드작업의 시간도 더 오래 걸릴 것같아서 대안으로 codepen으로 관리를 하였습니다.