본문 바로가기

분류 전체보기

 (170)
가져온 좋아요 수를 어떻게 정렬할까 TIL 하루종일 시간을 잡아먹은것같다. 이것만 완료되면 내가 맡은부분을 거의 다 했는데 머리가 답답했다. 전에 프로젝트에서 최신순, 인기순으로 정렬하는건 해봐서 자신이 있었는데 멘붕이였다. 1. 내가 만난 역경 앞에서 적은 TIL에 이어서 이제 홈에는 좋아요 수 대로 유튜브영상들을 정렬해야했다. 그럼 videoBox에 있던 값이 많은 순서가 되어야하는데...어떻게 가져와야하는지 몇가지 방법을 생각해봐도 도중에 막혔다. contentID가 일치하는 length값을 가져오면 그건 contentID가 아닌 그냥 누적 숫자였다. 숫자가 필요한게아니라 그 누적값이 가장많은 contentID가 필요한거였다. 여기서 멘붕😣 1️⃣ 홈은 가장 상단 페이지니까 props로 받아올 수 없다. 그러니까 내가 data를 likes와..
좋아요숫자를 어떻게 가지고 올것인가 TIL 영상 박스마다 좋아요 갯수가 밑에 뜨도록 하기위해서 비디오영상 component안에 좋아요값을 넣으려고하는 상황이였다. 아래는 프로젝트 db구조 ✅ { "posts": [], "comments": [], "profile": [], "likes": [ "contentID": ..., "userID": ..., "id" :... ], "User": [], "videos": [ "id": "", "contentId": "", "createAt": "", "time": "2023. 1. 28.", "userId": "", "nickName": "999999", "videoUrl": "", "title": "삼등삼등", "content": "삼등삼등" ] } 1.내가 만난 문제 useQuery로 가져오고 있는 "..
WIL(11) 1.이번주를 되돌아보자✨ 🔥저번주에 세워둔 이번주 목표 자바스크립트 심화 공부를 오전시간에 꼭 했다. 그러면서 정리하는 시간을 가졌다. 리액트쿼리를 공부했다. -> 프로젝트 중에 많이 사용할꺼같아서 쫌 중심적으로 공부하는 시간을 가졌다. 타입스크립트 맛보기(?) -> 타입스크립트 공부를 쫌 열심히한거같은데 타임어택과제를 다 완성하지 못했다. 그래서 제대로 한 게 아니구나라는 생각에 아쉬운 생각이 든다. 그리고 느낀 건 어렵다. 전에 프로젝트 리팩토링해보기 : 결과는 실패, 안한건 아니고 계속했는데 파이어베이스로 데이터베이스하려다가 json-server로 갈아타면서 리액트 쿼리를 먼저 공부해보는게 좋겠다해서 순위가 조금 밀렸다. 2.다음주 목표🏁 1) 프로젝트 오류 잘 정리하기 2) 공부한 리액트쿼리 활용..
설 쉬고 다시 프로젝트 TIL 설날 시작 전 미리 html,css등을 작업해놓고 다시 설날 지나고 나서 팀원들과 그 동안 생겼던 오류들과 해결해야할 부분들을 회의했다. 조금 손 봐야할 곳이 css 쪽이였는데 금방 일줄알았는데 지금이다. 하루종일했다. 1. 만난 문제 메인페이지를 맡아서 기능이라면 유튜브 API를 받아서 map으로 돌리면 된다고 생각했다. 근데 내가 만들어놓은 유튜브 css자리에 영상이 자꾸 짤려서 나온다. 딱 맞고 이쁘게 나왔으면 좋겠는데 안됬다. 유튜브영상을 감싸고 있는 container에 width,height값을 주고나서 유튜브영상에다가 w,h:100%를줘도 안된다. 2.시도 시도..어마무시하게 해서 헷갈릴 정도 그냥 css height 맞출수 있는거라면 다했다. 3.해결 결국에 다시 구조를 짰다. css로 시간..
node_module 패키지 만들기 1.상황 제이슨서버로 로그인하는 환경을 연습해보고 싶어서 JWT를 이용해보기로 마음먹음 그럼 환경이 client ,server 이 두가지가 필요하다. 괜찮은 예제가 없어서 그냥 내가 만들기로 함👍 그래서 하나의 create react-app으로 통해 만든 파일에서 server라는 파일을 하나 새로 만들기로 했다. 2.과정 server라는 파일을 만들고나서 서버처럼 작동을 위해서 node_module파일이 필요했다. **Node.js로 만들어진 모듈을 설치하고 관리해 주는 프로그램 처음에 혼자서 npm init을 했더니 이런 문구가 떴다. 뭐지 하고 npm install을 하라는건가? 끄라는건가? 하고 여러번 재시도 그러다가 안되서 구글링을 했다. 보니까 저기까지는 나오는게 정상 그리고나서 엔터를 치면 p..
심화프로젝트 시작_TIL(60) 오늘 최종 프로젝트 전 마지막 프로젝트를 시작했다. 설이 끼여있어서 다른 프로젝트보다 이틀정도 긴것같지만 그래도 기능구현 중에 어떤 오류를 만날지 모르기때문에 미리미리 할 수 있는 것을 해놔야할꺼같다. 1. 맡은 페이지 : 메인 홈 (인기 동영상 + 최신 동영상) -> 메인홈을 만드는건 처음이라...두근세근 2. 기능🔥 Contents db get - 동영상 API로 가져오기 Likes db get - 동영상의 좋아요 가져오기 3.부가적으로 맡은 역할 ⚒️ 동영상 컴포넌트 만들기 ( 유튜브 API를 이용해서 영상을 가져오는거라 컴포넌트 재사용이 높을 예정) - 메인홈에 많이 들어가기때문에 내가 맡는 것이 맞다고 생각함 - 대신 잘해야하므로 쪼금 긴장됨💧 4.느낀 점🦋 오전부터 시작해서 거진 오후 8시쯤까..
JSON.parse from stackoveflow let response ='{"result":true , "count":1}' reponse에서 result와 count 값을 어떻게 가지고 올까? 🔥 JSON.parse const response = '{ "result": "true", "count": 1 }'; const obj = JSON.parse(response); console.log(obj.result, obj.count); typescript 공부중에 "Uncaught TypeError: Cannot use 'in' operator to search for 'length' in " 이라는 오류가 떠서 분명 난 in이라는 연산자를 쓴적이 없는데 무슨 일인가 하고 찾아보고 있었다. 그러다가 json.parse까..
typescript TIL(55) 갑자기 타임어택과제로 타입스크립트로 리액트&리덕스를 리팩토링해서 제출하게됬다. 물론 완성하지 못했다. ㅠ 역시 3일만에는..무리인가보다 ㅠ docs고 구글이고 다 해도 오류가 한번나니까 연결되서 나니까 어질했다. 헷갈린다 헷갈려~ 1. JSX.Element type : JSX자료형을 말한다. 이 타입을 지정하고 싶다면 JSX.Element를 사용하도록 - JSX를 변수로 지정한다면 const fruits : JSX.Element = const fuits:JSX.IntrinsicElement['p']= 이 두가지 다른 점은 태그를 앞에 지정해주냐 안해주냐다. 지정을 하면 Intrinsic을 붙여하는데 사전 찾아보니까 '본래 갖추어진'이라고 나온다... 이해하기 좋자면, 기존에있던 태그를 먼저 지정하니까? ..

티스토리툴바