꿈꾸는 개발자, Front-end Developer

Trust that the dots will connect in your future.

#CSS #Dev #EJS #HTML #Hexo #JavaScript #dev #jQuery #smallTalk #번역 #삽질 #신세계 #이론 #정보처리기사

Bootstrap CSS 적용


사실 이 게시판 개발은 http://www.a-mean-blog.com/ko 의 Node JS 게시판 만들기 강의를 따라한 것이다.
Back-end 쪽 공부를 위해 시작한 것인데, 자꾸 디자인이 눈에 밟혔다.
‘간단하게 배경화면 색깔만 배꿔볼까..?’라는 생각으로 배경을 어두운 색깔로 바꿔보았더니 이게 웬걸,

배경이 어두워지니 기존의 검은색 글씨가 보이질 않는다.
게시판 테이블의 배경 색과 글씨 색도 문제였다.
결국 꼬리에 꼬리를 물어 디자인 전체를 바꿔야 하는 지경에 이르렀지만,

앞으로 갈길이 너무 멀기에 적당한 선에서 멈추었다(참기 매우 힘들었다..).
바꾼 것은 몇 가지 되지 않았지만 익숙치 않아 꽤 많은 시간이 소요되었다.
그렇지만 덕분에 DOM 구조를 뜯어보고 이해할 수 있었고, 내가 편한 방식으로 다시 수정할 수 있었다.
디자인할 때 심리학 지식을 적용하는 재미가 쏠쏠하다.


#smallTalk

#smallTalk