View Code? Open in Web Editor
NEW
tenor clone coding front side repo
HTML 12.26%
JavaScript 79.64%
CSS 8.10%
tenor-front-service's Introduction
- Tenor-소개
- 서비스 기능
- 개발 도구
- API 설계
![메인페이지](https://camo.githubusercontent.com/9c7b18763087d9e79a5fc3c688dab6986a14e808a4f0ea64e4cbc9ec39c836a6/687474703a2f2f64726976652e676f6f676c652e636f6d2f75633f6578706f72743d766965772669643d3174564c4f523032694b6c7a6f374a565638397a64475f4148645a473664314141)
-
GIF 이미지 파일 전송 시 서버에 파일 저장해서 메인 페이지에서 보여줌
-
모든 사용자가 검색한 중복되지 않은 최근 5개의 검색어를 검색창에 노출시킨다.
-
검색창에 타이틀 전부 또는 일부 입력 시 해당하는 GIF 이미지를 검색
-
이미지에 호버링 후 타이틀 노출
-
소셜로그인 - JWT를 이용 토큰을 활용해서 유저 정보 확인
-
매 시 정각마다 트렌드 검색어 목록을 조회해서 일정 기간동안 검색되지 않은 항목들은 트렌드에서 제외시킴
-
프론트엔드
⚛️ REACT️, JavaScript, Amazon S3
-
백엔드
🌱 SPRING, Amazon RDS, Amazon Ec2
-
버전관리
Git, Github
![Screenshot from 2021-07-22 22-43-24](https://camo.githubusercontent.com/20624de3acb165703b9c99dce0f309a7a21715afe8329164ec7922c8077a935a/687474703a2f2f64726976652e676f6f676c652e636f6d2f75633f6578706f72743d766965772669643d314235786375734f6b55757a55496636413962464b52645f375461525437676365)
노션 페이지
![clonecodingapi1](https://camo.githubusercontent.com/dad432a1a77437fc3d4ff074d430bdee7dfd2640b2e53b0aa4ef63725afd91d5/687474703a2f2f64726976652e676f6f676c652e636f6d2f75633f6578706f72743d766965772669643d316b3350774f4d55705f416a5a50447858396f6b447a4e5044425f73434b6b324f)
![clonecodingapi2](https://camo.githubusercontent.com/2876d7daa3f4b70ff6969fc4a276d1fcd0573f535d1b157f979a12c4d9593691/687474703a2f2f64726976652e676f6f676c652e636f6d2f75633f6578706f72743d766965772669643d31445f65717a6a55534959326667714f596b636c67726a464b4e35625144533741)
![clonecodingapi3](https://camo.githubusercontent.com/017e4e8098641ede6cbe3f6db73d1a1463c039d942a57dedc5fa79b8b1e6233e/687474703a2f2f64726976652e676f6f676c652e636f6d2f75633f6578706f72743d766965772669643d31797a6d416f5157645a796d5531647a415542744c7356566b4f62334273696236)
tenor-front-service's People
Contributors
tenor-front-service's Issues
- 하위 컴포넌트와 상위 컴포넌트를 props 와 함수로 엮는 법 참고해서 모달 close 수정함
upload 페이지 이미지 업로드시 프리뷰 화면 수정 및 업로드 버튼 추가
post 기본 골격 코드만 작성
gif contents 수정 및 dropdown menu 추가
swiper slidersPerGroup 추가,
로그인 모달창 pc, mobile ver.
드래그 앤 드롭 파일 업로드 기능 추가, 프리뷰 추가, 업로드 페이지 수정
검색기능 모듈 작성, 연관검색 드롭다운 작성
- 문제: 검색어 입력시 속도에 따라 드롭다운 작동안함
post 모듈 추가, 드래그 앤 드롭 img 파일 수정
Search bar 기능 추가, Dummy data 생성
헤더 검색바 사이즈 변경, 트렌딩 페이지 반응형 뷰 추가, 드롭다운 위치 조정