전체 글 (76) 썸네일형 리스트형 [TIL] firestore 이용하기 이번 팀 프로젝트를 시행하면서 나는 댓글 부분을 맡았는데 제일 어려웠던 부분인 각각의 피드에 댓글을 달 수 있는 기능을 구현하는 것이었다. 이번 프로젝트에는 파이어베이스를 사용했는데 파이어베이스만의 데이터 코드가 따로 있는 부분이 있어서 혹시 그런 코드가 따로 있나 찾아보았다. 처음엔 "댓글 기능은 단순히 useParams로 id를 받아와서 그 아이디마다 컬렉션이나 필드를 나눠주면 되겠다고 단순히 생각만 하고있었는데, 이게 생각보다 오래걸릴지 몰랐다. 단순히 내가 생각만했던 부분을 코드로 실현하고자 했던 부분이라 사용자가 늘어나고 데이터가 커지면 좀 비효율적일수도 있겠다는 생각이 들었다. feed의 id를 가져오려고하니 파이어베이스에서는 Realtime Database와 firestore를 고민하다가 N.. [TIL] redux 문제 redux를 써서 todo-list 카드의 모음을 만드는데 제대로 만들지를 못해서 조금씩 써봤다. 파일 몇개는 생략하고 .. // Home.jsx const Home = () => { return ( ) } export default Home; 이렇게 true 와 false를 써놓고 이렇게 써서 보면 item 안에는 todos 와 users 둘 다 있으니 여기서 todos만 빼보면, 우리가 처음 initialState로 지정했던 객체가 나온다. 그러면 이제부턴 객체를 추가하거나 삭제할땐 객체로 추가하거나 삭제하면 되겠다. input 부분과 todo-list 부분을 분리하는 것에 대해서 나눠놨는데 우리가 이제는 데이터 어디서든지 접근하는것이 가능하기 때문에 굳이 props로 내려주지 않아도 된다. 우린 여.. [TIL] Tab 활성화 아티스트탭에서 아티스트를 클릭했을 때 어떤 탭이 활성화되었는지 styled-components의 조건부 스타일링을 적용해보자. 클릭한 탭이 활성화되었는지 알기위해 조건부 스타일링을 적용하는 부분이 어려워서 적어본다. export default function Tabs() { const [activeMember, setActiveMember] = useState("카리나") return ( 111 222 333 444 555 666 ) } 지금 클릭한 것이 어떤 상태인지 알기위해 props로 조건부 스타일링을 줘보자. camelCase를 쓰는 경우에는 맨 앞에 $ 표시를 해서 $activeMember 이런식으로 붙여줘야한다. 이걸 이제 어떻게 받을 수 있을까? const Tab = styled.li` ${.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 26 다음
