Twittler - exprees와 mySQL의 적용

코드스테이츠에서 개인과제로 주어졌던 Twittler의 구현을 새롭게 시도해보았다.

 

기본적으로 구현해야 하는 기능은,

1. 새로운 메시지의 작성 및 추가

과제를 받은 당시에는 HTML의 구조조차 생소하던 시기여서, 어떤 방식으로 틀을 짜야할지 몰랐는데, 이번에는 nodejs의 express와 mysql 데이터베이스를 이용하여 정보를 추가하고 불러오는 것까지 구현하였다. 위쪽 상자의 입력란에서 username과 description을 작성하면 해당 정보가 post 방식으로 mysql에 전달되어 정보가 추가된다. 그 후, 아래 상자메시지 리스트에 추가되어 페이지가 리다이렉트 된다.

2.필터링

작성자명을 클릭하면 해당 이름에 맞는 메시지들만 보여주도록 한다. mysql의 문법 중에서 원하는 정보만 가져오도록 하는 'SELECT *FROM ? WHERE name=?'와 같은 문법을 사용하였다.

3. 삭제

DELETE 버튼을 클릭하면 해당 메시지가 삭제된다. 이 또한 mysql의 문법 중 해당하는 글의 id와 mysql table 상의 id 번호가 일치하는 글만 삭제하는 문법으로 구현하였다. 'DELETE FROM ? WHERE id=?'와 같은 방식이다.

 

추가할 수 있는 것에 대하여 생각해보자.

 

1. 로그인 페이지의 추가 - 로그인 기능 및 페이지를 추가하여, 인증된 사람만 접속할 수 있는 사이트로 만들 수 있겠다.

2. Check new tweets 구현 - 과제를 할 때에는 랜덤하게 메시지를 생성하는 함수가 주어져서 그대로 붙여 썼었는데,

이번에는 굳이 랜덤 메시지 기능을 구현하지 않았다.

3. CSS 다듬기 - Grid에 대한 추가 공부를 통하여 좀 더 디자인적으로 완성도 높은 페이지를 구현할 수 있겠다.