나의 개발일지 나의 개발일지

지난번에 공부했던 react-infinite-scroll-component를 우리 프로젝트의 검색페이지에 적용시켜 보았다. import React from "react"; import styled from "styled-components"; import InfiniteScroll from "react-infinite-scroll-component"; import { useEffect, useState, useRef } from "react"; import Track from "../../components/mypage/Track"; import { useLocation } from "react-router-dom"; import { apis } from "../../shared/api"; import ..

💡 react-infinite-scroll-component를 사용하기 전에 study https://www.npmjs.com/package/react-infinite-scroll-component react-infinite-scroll-component An Infinite Scroll component in react.. Latest version: 6.1.0, last published: 10 months ago. Start using react-infinite-scroll-component in your project by running `npm i react-infinite-scroll-component`. There are 244 other projects in the npm registry ..

**무한스크롤 보류 ->지금은 데이터를 한번에 받아오게 되어있어서 무한스크롤을 구현하게 되면 모든 데이터를 받아서 잘라서 뿌려주는 형식으로 하거나 API를 수정해야한다. ->많은 데이터를 받아와서 네트워크가 느려지는 것을 방지하기 위해 무한스크롤을 사용하는 것인데 모든 데이터를 받아와서 분절해 주는 것이 의미가 있는가..가 고민이 되었다 ->상의 후 무한스크롤은 우선 보류하고 1차 배포 후 추가 기능으로 고려해보기로 했다. 🎈👻온보딩 페이지 에러 수정 처음 페이지에 들어왔을 때 자동으로 랜덤플레이 되는 온보딩 페이지가 있는데 랜덤으로 데이터를 뿌려줄 때가 이상했다... 처음 발견하게 된 건 제목이랑 나오는 보이스파일이 달라서였다.. 이렇게 랜덤데이터 함수를 만들어줘서 함수에서 함수에서 데이터를 뽑아서 뿌..

오늘의 할 일 - 태그 삭제 기능 구현하기 태그를 띄워주고 삭제하는 기능을 구현중인데 처음에는 리덕스로 태그값을 관리->새로고침하면 날아감 세션에 넣고 관리->새로고침하면 value가 날아감 DB에서 받아오기->새로고침하면 처음에 받아왔던 빈테이터로 바뀌어서 태그 날아감... 결국은 태그를 선택해서 history.push로 url값에 넣어서 받아오는 걸로 구현중.. useParams를 사용해서 props의 params값을 가져온다. 가져온 params값을 useEffect와 useState를 이용해서 바뀐 tag값을 만들어 주고 tag를 map돌려서 출력 -> 삭제버튼에 onclick을 달아서 필터링하여 삭제기능을 구현하려 했다. 문제1. url값은 삭제되지 않는다 문제2. db에서 해당하는 태그에 맞는..

오늘의 기능구현 1.메인페이지 데이터 받아와서 뿌려주기 2.검색페이지 api연결하기 3. 구현중- 모달에서 태그를 1-3개 선택해서 해당 태그에 대한 내용만 보여주기 //새 배열로 만들기 const [tag_list, setTagList] = React.useState([]); //태그리스트 클릭 시 바뀐 상태값 업데이트 console.log("taglist", tag_list); //한번만 렌더링해서 배열 변경 해줘야함 => useEffect사용 //{tag:"젠틀함"}=>{tag:젠틀함, active:false} useEffect(() => { const newList = tagList.map((list, idx) => { //map()=>새로운 배열을 리턴(배열패턴에 주의하자)// const obj..

음원프로젝트는 ... 오전 내내 어제 결정했던 우리 아이템에 대한 회의를 진행했다. 그리고 오후에 멘토님과 면담에서 우려했던 사용성 문제가 크게 다가오게 되었다. 멘토님이 지적하신 부분은 1. 업로드 될 음원이 있을지 2. 업로드 되는 음원이 과연 좋은 음원일지(듣는 유저로서 과연 좋을지) 크게는 이렇게 두가지로 나눠 볼 수 있을 것 같은데 우리가 장기 프로젝트가 아닌 이상은 힘들 것 같다고 판단하여 새로운 프로젝트를 생각해보게 되었다. 회의 내용 타겟: 본인 목소리를 이용해서 수익을 창출하고 싶은사람 주요기능: 유저의 목소리를 수집해서 분석해주고 분류하고 재생 댓글을 달게 목소리 녹음 (객관성을 위한 녹음 예제를 제시) 녹음본 재생 목소리 분류 (태그) 목소리 분석 (https://aiopen.etri..

언급된 주제들.. 가투표로 진행되었으며 1인당 투표권 2개씩으로 진행됨 주제 아이디어 가투표 결과 더 제안하고 싶은 주제 업무 협업 툴 → To Do → 강제성 항해 커뮤니티 → 부트캠프 커뮤니티 (토크부트) 협업 툴 매칭 서비스 리뷰 커뮤니티 1인 가구 쇼핑/배달 1인 가구 끼리 공유 할 수 있는 커뮤니티 (소모임/조각/번개팅) 선정된 주제 분류: 리서치 준비사항: 팀장 / 프로젝트 주제 / 기획 / 주요 기능 대선 이벤트 앞으로 예정중인 대선 타겟 대선이 끝난 후 당선자의 행보를 기준으로 차트/ 실시간 투표율 / 투표까지 D-day / 대선 후보들의 정보 → 뉴스/따봉, un따봉 오히려 캐주얼 했으면 좋겠다 디시인사이드 같은 다른 커뮤니티에 홍보하면 뭔가 될듯 1회성을 당선 이후의 행보로 보완하면 가..

이번 주는 어떤 사이트를 정해서 클론코딩을 해보는 주차였다. 우리가 정한 사이트는 롯데 온의 토이저러스 완성 영상 기능구현 1.로그인, 회원가입 - 회원가입 시에 유효성 검사 2.메인페이지에 목록 뿌려주기 - 각 카테고리 별로 받은 데이터를 나눠서 리스트를 뿌려주었다. 3.장바구니 기능 - 아쉬운 부분 중 하나인데 장바구니에 담고 수량을 변경하는 것 까지만 구현되었다. 내가 맡은 부분 지난 주에 로그인, 회원가입 부분을 맡아서 진행했기 때문에 이번 주에는 다른 기능들을 익혀보고 싶었다. 뷰작업- 로그인, 회원가입, 상세페이지 부분 기능부분- 메인페이지 리스트 뿌려주기, 상세페이지, 장바구니 페이지에서 수량 변경해주는 기능 Trouble shooting detail page에서 이미지를 불러올 때 크롤링된..