시작179 230207~230212 Project 2 - 2주차 PROJECT 2 프로젝트 기간 : 2023.01.30 ~ 2023.02.19 프로젝트 내용 : 더보기 사용자페이지 1. 회원가입 로컬 회원가입 API를 이용한 회원가입 2. 메인페이지 로그인 카테고리 리스트 게시물 리스트 검색기능 3. 게시물 리스트 대표이미지 해당 게시물 좋아요 및 좋아요 취소 해쉬태그 댓글 4. 게시물 등록 카테고리 대표이미지 5장 컨텐츠 내용 해쉬태그를 N개만큼 등록 5. 게시물 보기 게시물 보기 게시물에 게시자 정보 게시물에 해당하는 댓글 6. 채팅기능 전체 채팅 기능 구현 7. 검색기능 사용자는 제목, 글내용, 해쉬태그 내용에 따른 검색이 가능하다 사용자 검색시 해당 사용자의 프로필 정보 / 등록 게시물을 볼 수 있음 8. 랭킹기능(선택사항) 사용자 별 point 랭크 10위 .. 2023. 2. 20. 230130~230206 Project 2 - 1주차 PROJECT 2 프로젝트 기간 : 2023.01.30 ~ 2023.02.19 프로젝트 내용 : 더보기 사용자페이지 1. 회원가입 로컬 회원가입 API를 이용한 회원가입 2. 메인페이지 로그인 카테고리 리스트 게시물 리스트 검색기능 3. 게시물 리스트 대표이미지 해당 게시물 좋아요 및 좋아요 취소 해쉬태그 댓글 4. 게시물 등록 카테고리 대표이미지 5장 컨텐츠 내용 해쉬태그를 N개만큼 등록 5. 게시물 보기 게시물 보기 게시물에 게시자 정보 게시물에 해당하는 댓글 6. 채팅기능 전체 채팅 기능 구현 7. 검색기능 사용자는 제목, 글내용, 해쉬태그 내용에 따른 검색이 가능하다 사용자 검색시 해당 사용자의 프로필 정보 / 등록 게시물을 볼 수 있음 8. 랭킹기능(선택사항) 사용자 별 point 랭크 10위 .. 2023. 2. 7. 230126 - JavaScript - NodeJS, WebSocket 양방향 통신 오늘 내가 배운 것 1. WebSocket 2. message 기본 형태 request message response message 3. NodeJS에서 WebSocket을 사용하는 방법 4. 웹소켓 구현하기 (WS 방식) 5. 웹소켓 구현하기 (Socket.io 방식) 6. 개념 정리 브로드캐스트 폴링 방식 롱 폴링 방식 1. WebSocket HTTP 프로토콜의 가장 큰 특징이었던 비연결성 때문에 양방향 통신이 되지 않았다. 하지만 WebSocket은 ws 프로토콜을 기반으로 클라이언트와 서버를 양방향으로 통신이 가능하게 한다. 이를 이용하면 채팅, 주식차트, 예약프로그램 등등 실시간, 데이터 송수신이 지속적인 기능을 구현할 수 있다. 프로토콜이기 때문에 request, response에 규칙성이 있.. 2023. 1. 27. 230125 - Javascript - NodeJS, Multer 오늘 내가 배운 것 1. 파일 업로드 2. Multer 사용 방법 3. Multer 초기 세팅 4. 파일 선택하기 5. HTTP통신을 이용한 파일 업로드 6. 업로드할 파일 미리 보기 (썸네일) 1. 파일 업로드 input태그 type속성 중에 file이라는 것이 있다. 외장모듈 multer을 이용하면 input 태그를 이용하여 웹사이트에 첨부파일이나, 이미지파일 같은 것을 업로드할 수 있는 기능이다. Multer을 사용할 때 반드시 form 태그의 속성 중 enctype가 "multipart/form-data"로 되어 있어야 한다. 2. Multer 사용 방법 npm을 이용하여 multer 설치하기 npm install multer HTML 예시 전송 3. Multer Javascript 초기 세팅 M.. 2023. 1. 25. 230120 - 페어코딩 - 토큰을 이용한 로그인 GitHub https://github.com/100space/friday_local GitHub - 100space/friday_local Contribute to 100space/friday_local development by creating an account on GitHub. github.com STEP 1. 회원가입 및 로그인 구현하는 목표가 주어졌고, 협업을 위한 기본 라우터를 설계하고 문서화하는 작업을 함. 라우터를 설계하면서 DB 테이블도 설계한 후에 문서로 남겨놓았다. 흔히 api document 라고 하는 것을 해보려 했는데 처음해보는 거라 어떻게 얼마나 적어둬야 하는 몰라서 간단하게만 적어봤다. 나는 front-end 영역을 맡았다. STEP 2. 메인페이지 구성 및 gnb를 만들.. 2023. 1. 25. 230119 - javascript - 카카오로그인(kakao login) API 오늘 내가 배운 것 1. 카카오 로그인 공식 사이트 2. 카카오 로그인 API 3. 사전준비 4. 카카오 로그인 구현하기 프론트 서버 백 서버 1. 카카오 로그인 공식 사이트 https://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 로그인은 API를 이용해서 하는 것인데 위에 공식 사이트에서 자세히 잘 나와있다. 2. 카카오 로그인 API 기본 흐름은 아래와 같다. 3. 사전 준비 카카오 로그인을 위해서 사전에 준비해야 해야 할 단계가 몇.. 2023. 1. 25. 이전 1 ··· 13 14 15 16 17 18 19 ··· 30 다음 728x90
