캠프/팀 프로젝트

1더보기Context API를 RTK로 적용 캐러셀 라이브 리액트 context 컴포넌트 context api 풀옵스 superbase 코드 컨벤션 깃 컨벤션마이페이지 불필요 검색 빼고 게시글 작성 기본기능 : 메인 피드, 상세, 마이페이지, 회원가입, 게시글 작성 메인 피드 : 뒤 로 미 루 기 상세 : 민정님 마이페이지 : 현지님 회원가입 : 도현님 로그인 : 도현님 댓글 : 수진님 게시글 작성, 수정 : 해인님 로고,,,, 사이드바 디자인 1명, 셋업 2명, 셋업 디테일 2명으로 분담해서 진행 디테일하게 일정 적어서 제출 회원정보, 검색 키워드,  기능을 구현하라고 했을 때 지금까지 배운 거 다 모아서 제출해야하는데 기능적으로 월요일까지 다 끝내기,,,,,,,,,,,,,? 화요일에 튜터에게 가서 이..

supabase연결하는 작업을 진행했다. (사실 어제 진행했어야 하는 거지만,,,) notion에 나온대로 코드를 따라 쳤더니 supabaseUrl is required 이라는 오류문구가 떴다. supabase에 대해 잘 모르는 나는 무엇이 문제인지 구글링을 진행했지만, 아무리 진행해봐도 env과 관련있다는 것밖에 알아내지 못했다. 그러던 와중 이전에 팀원 중 한 분이 supabase연결과 관련해서 질문했던 것이 생각나 찾아봤고 역시나 내가 파일 하나를 만들지 않아서 일어난 문제였다.작업 파일 제일 상단 루트에 .env 파일을 만들어서 넣고 supabaseClient작업 해주신 분이 더 보내주신 코드를 그곳에 붙여넣는 것이었다.그리고 노션을 보며 코드를 따라치고 어떤 부분이 어떤 역할을 하는지 이해했다...

sidebar 앞서 superbase의 데이터를 가져오기 전에 내가 알아야 한는 것 2가지가 있었다. 바로 useEffect과 superbase인데, 큼,,,,안타깝게도 2차시에는 공부한 것이 별로 남아있지 않다,,,,코드더보기import React from 'react';import styled from 'styled-components';import { useNavigate, Link } from 'react-router-dom';import logo from '../img/logo.png';import '../css/main.css';const SIDE_CONTAINER = styled.div` position: fixed; height: 100%; background-color: #fea10..

서론뉴스피드를 만들기 전 개인 과제를 명시된 조건에 맞춰서 기능들을 구현하는 것을 진행하였다.아직 나는 모르는 것도, 배운 것도 많이 없기에 막막했지만, 기존의 개인 프로젝트를 따라가는 것이라고 생각했기 때문에 이전에 했던 것들을 바탕으로 진행하였다. 페이지 이동 기능은 그 자리에서 처음으로 구현하는 기능이었는데, 예제를 보며 진행하니 생각보다 수월하게 진행되었다.간단하게 react-router-dom의 useLocation 을 이용하여 구현하는 것이었다.import React from 'react';import MOCK_DATA from '../mock';import '../css/main.css';import { useNavigate, useLocation } from 'react-router-dom..

문제어제 완성한 코드에 이어서 오늘 어떤 부분들을 보완해야하나 살펴본 결과, 아래의 문제점들이 있었다. 1. 이미지에 hover했을 떄 자꾸 깜박거림2. 검색 기능 연동을 하지 못함3. 언어 바꾸는 기능이 먹히질 않음4. 디테일 페이지로 이동하지 못함 해결1. 이미지에 hover했을 떄 자꾸 깜박거림우선 이미지에 hover했을 때 자꾸 깜박거리는 것은 내가 img에 hover를 주도록 했는데, 그렇게 되면 hover했을 때 텍스트 선택과 겹쳐서 그렇게 되는 것이기 때문에 둘을 감싼 class를 hover하게 해야한다고 하셨다..movie-box-wrapper:hover > .movie_sub { visibility: visible;}.movie_sub { visibility: hidden;}그..

음... 어디서부터 설명을 해야할지 잘 모르겠다.우선 오늘+어제 한 것을 설명해보겠다.음...우선 데이터를 가져와야 했다. 그래서 처음에는 이런 식으로 코드를 작성했다.const options2 = { method: 'GET', headers: { accept: 'application/json', Authorization: 'Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiJkMzcxNjA2ZDhjZjFhNzExMGM3NDA4NDgyMzRkYTI5OCIsIm5iZiI6MTcyMjQwOTA0OS4yMTkxNDksInN1YiI6IjY2OWRhNDQxZjE3YTkxMjZkMjRjMzE2ZSIsInNjb3BlcyI6WyJhcGlfcmVh..