728x90
3주간 진행했던 프로젝트가 마무리 됐다. 목차 1. 시연 내용 1-1. 메인페이지 1-2. 로그인 페이지 1-3. 채팅 기능 1-4. 인기 게시글, 인기 멤버 ( 랭킹 기능 ) 1-5. 알림 기능 1-6. 게시판 CRUD 1-7. 댓글 기능 1-8. 좋아요 기능 1-9. 리스트 페이지 1-10. 검색기능 1-11. 나의 반응 페이지 1-12. 에러 처리 1-13. 배포 2. 회고 1. 시연 1-1. 메인 페이지 메인 페이지 진입 시 게시판 데이터를 랜덤으로 불러와서 카드에 하나씩 보여준다. 각 카드의 사진이나 제목을 통해서 view 페이지로 이동 가능하다. 카드의 하단부 클릭 시 게시글의 정보를 간단하게 볼 수 있다. 1-2. 로그인 페이지 회원가입 시 ID와 Nickname을 input 이벤트를 통해 ..
PROJECT 2 프로젝트 기간 : 2023.01.30 ~ 2023.02.19 프로젝트 내용 : 더보기 사용자페이지 1. 회원가입 로컬 회원가입 API를 이용한 회원가입 2. 메인페이지 로그인 카테고리 리스트 게시물 리스트 검색기능 3. 게시물 리스트 대표이미지 해당 게시물 좋아요 및 좋아요 취소 해쉬태그 댓글 4. 게시물 등록 카테고리 대표이미지 5장 컨텐츠 내용 해쉬태그를 N개만큼 등록 5. 게시물 보기 게시물 보기 게시물에 게시자 정보 게시물에 해당하는 댓글 6. 채팅기능 전체 채팅 기능 구현 7. 검색기능 사용자는 제목, 글내용, 해쉬태그 내용에 따른 검색이 가능하다 사용자 검색시 해당 사용자의 프로필 정보 / 등록 게시물을 볼 수 있음 8. 랭킹기능(선택사항) 사용자 별 point 랭크 10위 ..
환장의 나라 Main 페이지 • Join 페이지 • Login 페이지 • Board 페이지 • Profile 페이지 사용 기술 시연 영상 ‼️ 구현해야할 필수 기능 필수 기능(삼각형 눌러서 펼쳐보기) 1. 메인페이지 카테고리 Home Join Board Profile Admin2. Join페이지 항목 아이디 패스워드 이름 별명 생년월일 성별 전화번호 핸드폰번호 회원가입시 등급이 있다. level 3: 최고관리자 level 2 : 관리자 level 1 : 사용자 level 0 : 승인 전 단계 Welcome페이지 :회원가입 내용을 확인할 수 있다. 아이디 이름 성별 전화번호 핸드폰번호 3. Login페이지 로그인은 아이디와 패스워드 일치여부 4. Board페이지 테이블 항목 순번 제목 작성자 [회원닉네임]..
오늘 내가 배운 것 1. Cookie (쿠키) 2. Cookie 만들기 3. cookie-parser (쿠키 파서 만들기) 4.npm - cookieParser() 이용하기 1. Cookie (쿠키) http 특징 : 비연결성 http 비연결성인 단점을 보안하기 위해 쿠키랑, 세션을 배운다. 서버가 사용자의 브라우저에 전송하는 작은 데이터 조각이다. 브라우저는 그 데이터들을 저장(예전에 사용해봤던 localstorage와 비슷)해 놓았다가, 동일한 서버에 request message를 보낼 때 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용하고, 이걸 이용하면 사용자의 로그인 상태를 유지할 수 있다. 하지만 브라우저마다 자동로그인이 차별되어 ..
오늘 내가 배운 것 1. Router객체를 이용한 라우팅 분리하기 2. Controller 분리하기 Router객체를 이용한 라우팅 분리하기 익스프레스(Express)를 사용하는 이유 중 하나는 라우팅을 깔끔하게 관리할 수 있기 때문이다. 라우터를 많이 연결하게 되면 server.js 코드가 길어지므로 익스프레스에서는 라우터를 분리할 수 있는 방법을 제공한다. router.get/ router.post //등록형태 router.get('/board/list',(req, res)=>{ res.send('/ page') }) //실행 영역 app.use(router) 실행 가능한가? 실행 가능하다. 여기서 주의할 점은 router는 실행하는 부분이 아니다. router는 등록만 하는 것이고, 실제로 실행이 ..