IT에 관심있는 모든 사람들이 즐길 수 있는 IT놀이터를 목적으로 웹사이트를 만들었습니다.
IT dream은 최신 IT 관련뉴스와 전자기기 언박싱 및 리뷰를 볼 수 있는 웹사이트입니다.
또한 유저들과 소통할 수 있는 커뮤니티와 채팅할 수 있는 공간이 있습니다.
개발 인원 : 1인 개발
개발 기간 : 대략 10주
Front-end : HTML/CSS, JS, jQuery
Back-End : PHP, Node.js, Apache, Mysql
Environment : Virtual Box, Ubuntu
- 게시판 CRUD
- 게시판 페이지네이션
- 댓글 CRUD, 회원가입시 개인정보 중복검사 - jQuery AJAX
- 네이버 IT 뉴스 크롤링 - php simple html dom parser
- 다중 인원 채팅 - Node.js socket io
- 임시 비밀번호 전송 - php sendmail
<게시판 내부 댓글>
사용자가 로그인 되어있다면 게시글에 댓글 작성이나 수정 삭제 할 수 있도록 했습니다.
또한 댓글 작성중 댓글 입력창 내부의 글자수를 표기해서 얼마나 댓글을 작성했는지 인지하기 쉽도록 했습니다.
<페이지1>
<마지막 페이지>
사용자가 보고 있는 페이지는 파란색으로 표시해 현재페이지를 인지하기 쉽도록 했습니다.
이전, 다음을 눌러서 10페이지씩 이동할 수 있도록 했습니다.
<유저 세션 저장 내용>
사용자의 로그인과 관계없이 메인페이지에서 게시글 조회내역확인을 위한 세션생성합니다.
세션을 통해 게시글을 새로고침하거나 반복조회에도 조회수가 올라가지않도록 했습니다.
사용자가 게시글에 접속시 url의 쿼리스트링 id파라미터값을 가져와서 세션에 저장하고 입장시마다 세션내용을 확인하도록 하였습니다.
<채팅방목록> 설명
참여했던 채팅목록들의 마지막 채팅과 시간(일, 시간, 분,초 단위)을 채팅방 이름과 함께 표시되도록 하였습니다.
<채팅방 검색> 설명
채팅방이름을 검색할 수 있도록 하였습니다. 이를 통해 사용자가 자신의 목적에 맞는 채팅방에 들어갈 수 있도록 하였습니다.
<실시간 채팅> 설명
채팅방 우측상단에 현재 접속중인 유저 인원이 표시됩니다.
자신의 채팅내용은 오른쪽에 배치되도록 했습니다. 다른 사용자는 좌측에 배치되며 사용자의 닉네임을 볼 수 있도록 하였습니다.
실시간 채팅은 socket i.o로 구현하였습니다. 사용자는 각 채팅방마다 따로 룸에 참여하게 되고 채팅내용이 서로 겹치지 않도록 했습니다.
컬럼으로 검색하고 추가할 때 시행착오를 많이 겪었는데 이를 통해 mySql 조건에 따른 다양한 query문을 사용해보았습니다.
저장된 json을 파싱하고 객체변환해보면서 json에 대해서 많은 공부를 할 수 있었습니다.
네이버 IT뉴스를 모방하여 만든 카테고리로 사용자들이 실시간으로 최신 IT기사를 테마별로 볼 수 있도록 하였습니다.
php simple html dom Parser를 사용하여 구현하였습니다.
링크페이지에서 정보를 크롭하고 html 태그에 맞춰서 정보를 가져오도록 하였습니다. 가져온 정보들을 배열에 저장하였습니다.