웹 앱 모양 만들기

웹 앱 구현하기

• Username: 사용자의 id를 입력한다.
• Message: 사용자가 남기고 싶은 커멘트를 적을 수 있게 textarea를 사용해서 입력창을 만든다.
• Tweet: Tweet 버튼을 클릭하면, 사용자가 입력한 글이 등록된다.
• Check new tweets: 버튼을 클릭하면 등록되어 있는 글들을 랜덤으로 보여준다.

mock up

---

위의 이미지를 살펴보면, 미리 정보를 넣어둔 5개의 글 정보를 hard coding으로 한 결과를 보여주고 있다.
실제 트위터처럼 동작할 수 있도록 몇가지 처리를 추가로 해줘야 된다.

• 아이디와 글을 입력하고 Tweet 버튼 클릭 시 새로운 글 등록
• Check new tweets 버튼 클릭 시 글들 새로고침
• 등록한 글의 날짜를 실시간으로 반영
• 그 외 추가적인 기능 더 생각해보기