ee32321
1k
2017-06-17 22:22:24.0 작성 2017-06-17 22:51:04.0 수정됨
0
819

프론트앤드에서 GUI고찰 또 css관련 사이트 소개.



안녕하세요. 오늘은 이 부분에 대해, 한번 설명해볼까 합니다.


프론트앤드.


1.네비게이션의 처리.

로그인과 로그아웃된 상태에서 보이는 페이지. session값을 통해, session값이 있으면, 로그인이 된 상태로 표시하고 session값이 없으면, 로그아웃으로 표시하겠죠?


여기까지는 좋다고 합시다. 약간 번거롭기도 하죠. 같은 내용이 반복되는 것같기도 하구요. 하지만, 약간 손을 보면 되니까.. 문제는 없다고 봅니다.


2.GUI 테이블의 처리.

1번에서 로그인의 구현이 끝났다고 칩시다. 그 다음 데이터를 웹페이지에 보여주어야합니다. 상당히 까다롭다.. 웹디자인 템플릿이 항상 바뀐다.. 이렇게 생각이 되죠. 날짜별 예약이나, 게시판뷰등... 상당히 템플릿이 많아지고, 복잡하게 될 수 있다는 생각이 듭니다.

 그래서, 제가 생각한것이 float으로 띄운 블럭형식입니다.




위의 형태로 데이터를 띄운다.. 이렇게 생각하면, 생각보다 데이터의 처리가 쉽게 일어날 수 있다는 생각을 해봤습니다. 네비게이션2부분에는 선택한 데이터의 저장,수정과 같은 것을 보여주겠죠. 또는 사용자에게 대해서, 사용자 데이터. 예를 들면, 해당 날짜의 스케쥴이 나오거나 하는 형태도 되겠고요. 또 메세지를 실어보내는 부분을 네비게이션 2부분에 넣어도 되겠구요. 그래서 처리되면, float로 띄워서 데이터를 보여준다. 이런 형태를 생각해봤습니다.


 데이터를 띄우면 되니까, 한번 만들면, 계속 사용할 수 있겠다. 보기도 좋구요.


한번 생각해봤습니다. 예전의 css입니다.


css로 글 블럭 만들기(예)
https://okky.kr/article/394252

                                                   


이것과 같은 형태로 css를 만든 후, 오늘 설명한 것처럼, 띄우면 데이터가 잘 표현되지 않을까.. 이런 생각을 해봤습니다. 또 테두리 때문에, 잘 모양이 나오지 않을수도 있겠죠. 테두리를 안주면 되겠죠~. 또는 사이 사이에 공간을 주면 되겠구요. 위의 모양은 실제 만들어봤을때에.. 모양은 잘나왔지만, Css가 어렵게 된 것도 같습니다.  float으로 띄워준 후, div에 text만 넣는다. 동일한 데이터포멧을 가지게한다. 이렇게 해도 좋은 모양은 나올듯, 생각해보고 있습니다.



일정한 형식을 float으로 다 띄운다.


쉽게.. 다 float로 띄운다.. 이렇게 생각하면, 생각보다, 데이터 처리는 쉽게 되지 않을까요.. 이런 생각해봤습니다.


 또 css관련 사이트 소개합니다.  css와 javascript의 프레임워크.. 비슷한것이 있더라구요. 뭔지는 저도 확인을 하지 않았습니다.


15 Interesting JavaScript and #CSS Libraries for June 2017  
https://twitter.com/1stwebdesigner/status/872421660460187649


도움이 되었으면 좋겠습니다. 정보공유합시다~.


0
1
  • 댓글 0

  • 로그인을 하시면 댓글을 등록할 수 있습니다.