<Spring & JPA 웹서비스 만들기 > 구현 (4) - 화면 구성

요즘 회사에서 Spring(Java)만 하다보니 오랜만에 스크립트 하려니까 너무 오래걸렸다... 그리고 JQuery부터 배웠던터라 안쓰고 하려니까 더 그런 것 같다. 아직 레거시로 JQuery가 많이 쓰이고 있다. 요즘도 학교나 학원에서 JQuery 배울려나? 요새는 보통 새로 만드는거는 대부분 SPA (뷰나 리액트)로 만들어지는 것 같다. 로딩타임+성능 때문에 이제 무거운 JQuery는 바이바이 했으면 좋겠다.

 

가. UI Framwork

 a. BootStrap

  -  다른 프레임워크 쓰려고 했지만 익숙하면서도 그나마 빨리 만들 수 있어서 요걸로 결정!!

  -  JQuery 기반이라 아쉽긴하다 .. 그리고 class tag가 지저분해지는게 좀 단점이다.

  -  내가 만든 Javascript는 JQuery는 쓰지 않고 만들었다. 

 

 b. VSCode Snippets

  -  VSCode를 쓰는 이유, 너무 좋은 익스텐션이다 이거 아니면 더 걸렸을 것 같다.

  -  뭐든 쓸때 snippets이 있는지부터 찾아봐야겠다.

아름답다

 

나. 화면 구성

 a. 메인 (index)

  -  심플하게 만들어 보았다. (역시 디자인은 아무나 하는게 아닌것 같다..)

  -  모바일웹을 기준으로 만들었다.

 

 

 b. 유저등록

  -  중복체크는 API로 대체했다.

 c. 설정하기

  -  여기에 레디스 자동완성을 추가했다.

 

다. 실행

 a. 유저등록

  -  정상등록 -> 메인으로 리다이렉트

  -  중복발생 -> alert 

 b. 추첨하기

  -  사실 로딩화면은 긴장감을 주기위해 필요없지만 setinterval로 만들었다..ㅎㅎ

autocomplete 되는거는 보기 싫으니 off 해야겠다..