Node.js를 만진지 얼마안되서 도전했던 채팅방 페이지!
Node.js에 멋진 기능 중 하나인 socket을 써보고 싶어서 도전해보았지만 처음에는 좌절 좌절 좌절. 역시 초보 개발자가 도전하기는 어려운가 했지만 각고의 노력끝에 결국은 성공했다.
당시에는 템플릿 엔진을 쓰는 방법 등을 몰랐기 때문에 코드를 매우 매우 더럽게 짠게 사실이기 하지만 만들고 나서 아 이제 뭐 좀 하겠네 생각하게 해준 결과물.
Front-end는 부트스트랩. 부트스트랩같은 경우에는 진짜 솔로로 독학을 하던 시절에 내놓은 결과물이니 약간은 허접하긴 하다. ㅎㅎ 결국은 지금은 나름 마스터(?)해서 사람들도 가르치고 하지만…
일단 로그인을 나를 포함한 같이 공부하던 사람들 4명만 로그인 할 수 있도록 해놓았고, 로그인 한뒤 방을 만들거나 참여할 수 있고, 참여한뒤 채팅방에 채팅을 하면 되는 매우 간단한 구조. 채팅글이 늘어나면 자동으로 스크롤을 하게 해서 화면이 쓸때없이 늘어나는 것을 방지해놓았다.
더 이상 설명은 불필요! 링크를 클릭하면 사이트에서 확인가능하다.
Node.js & 부트스트랩 3 콜라보레이션!
WRITTEN BY
- 강수명 Vanns Kang
하고 싶은거 하고 사는 조금은 잘 빡치는 평화주의자