분류 전체보기 썸네일형 리스트형 24.01.18 수파 베이스 회원가입 추가 정보 넣기 회원가입 시에 닉네임을 추가할 수 있도록 해보았습니다 import React, { useState } from 'react'; import { supabase } from 'shared/supabase'; import { Link, useNavigate } from 'react-router-dom'; import { StyledSignup, StyledForm, StyledInput, StyledButton, StyledH1, StyledLabel } from './styles'; interface FormData { // displayname: string; email: string; password: string; displayName: string; } interface UserExtraData {.. 더보기 24.01.17 현재는 다시 MYPAGE작업중이다 저번에 쓰던코드는 버리고 userSlice를 이용해 전역 상태관리를하고 로그인한 정보를 가져온다 리액트 쿼리를 이용해서 수파베이스 user데이터를 가져오고 params를 이용해 id값과 일치하는 데이터를 뿌린다 import { useDispatch } from 'react-redux'; import { useQuery } from '@tanstack/react-query'; import { useEffect } from 'react'; import { useSelector } from 'react-redux'; import { useState } from 'react'; import { UserInfo } from 'api/user'; import { setError, .. 더보기 24.01.16 다른 팀원들은 많은 진전이있었지만 오늘도 여전히 전역상태관리에서 막혀있다 어제일에 휴유증인지 집중이 안되 너무 힘들지만 포기할순없다 전역상태 관리를 위해서 redux-toolkit강의를 다시보고있다 수파베이스에서도 따로 가능하다는데 이번에 새로올라온 생활코딩 강의를 봐야할지도 23.자바스크립트와 타입스크립트의 차이, 장/단점에 대해 설명해주세요. 답변 JavaScript는 웹의 표준 언어로, 동적 타이핑이 가능해 유연하게 사용할 수 있으나, 이로 인해 컴파일 시간에 타입 오류를 발견하기 어렵고 유지보수가 어려울 수 있습니다. TypeScript는 JavaScript의 상위 집합으로, 정적 타입 검사를 통해 오류 발견이 쉽고 코드의 안정성을 높이는 장점이 있습니다. 하지만 TypeScript는 학습 곡선이.. 더보기 24.01.15 현재 전역상태관리를 이용해 로그인 정보를 담는중이다 컨피그 스토어는 많이 안다뤄봐서 어색하지만 빠르게 진행해야할듯하다 21 . react 클래스형과 함수형의 차이를 설명해주세요. 어떤 방식을 주로 사용하였고 그 이유가 뭔지 답변해주세요. 답변 클래스형 컴포넌트는 ES6 클래스로 정의되고, 라이프사이클 메서드를 사용합니다. 함수형 컴포넌트는 간결하고 읽기 쉽습니다. Hook을 통해 상태 관리와 라이프사이클 메서드 기능을 수행할 수 있습니다. 함수형 컴포넌트는 커뮤니티와 공식 문서에서 권장되며, 성능도 약간 더 좋을 수 있습니다. 현대 React 개발에서 함수형 컴포넌트가 주로 사용됩니다. 22. 쓰로틀링과 디바운싱의 개념과 사용하는 이유에 대해서 설명해주세요. 답변 쓰로틀링은 일정 시간 동안 이벤트 실행을.. 더보기 24.01.14 최종프로젝트 my page 프로필 생성 여전히 수파베이스 에서 데이터 가져오기 까지는 성공한 상황 이제는 데이터를 가공 할차례입니다 그전에 머리도 잠시 식힐겸 처참한 css 수정time const StyledButton = styled.button` width: 350px; height: 50px; flex-shrink: 0; background-color: ${(props) => props.theme.color.primary}; color: #ffffff; border: none; margin-top: 10px; border-radius: 15px; &:hover { background-color: #1c3669; } `; 팀과제인 만큼 css는 전역상태관리로 색상통일했습니다(막상할려니 전역관리 색상 적용방법 생각안났음;;) 이제 다시 my.. 더보기 24.01.13 수파베이스 테이블 데이터불러오기 이제는 mypage 작업중입니다 일단은 수파베이스 테이블에서 특정 coloum을 불러와 봅시다 만들어놓은 테이블의 API Doc에 들어가면 내가 작성한 테이블 이름 그대로 어떻게 불러와야하는지 코드를 알려줍니다 저는 테이블에서 한 열(coloum)을 읽어와야하기에 일단 전체 를 긁어와봤습니다 (*) 을 하니까 열(coloum) 이아니라 행(row)가 읽혀져 왔습니다 const { data, error } = await supabasedata.from('가져올 테이블이름').select('가져오고싶은정보'); useEffect(() => { const fetchUserInfo = async () => { try { const { data, error } = await supabasedata.from('us.. 더보기 24.01.12 수파베이스 uid 값 추출&테이블행 삭제하기 이제는 로그인할 경우 각자의 mypage로 이동할 수 있게 기능을 구현하였다 const NavBar: React.FC = () => { const [currentUser, setCurrentUser] = useState(null); const navigate = useNavigate(); const [useruid, setuseruid] = useState(null); useEffect(() => { const authListener = supabasedata.auth.onAuthStateChange((event, session) => { setCurrentUser(session?.user?.email || null); const userId = session?.user?.id; setuseruid(us.. 더보기 24.01.11 수파베이스....auth연동하기 여전히 수파베이스를 해메는 중입니다 수파베이스 문서에서는 이런식으로 유저 정보를 가져오면 된다고하는데 흠.. 일단은 로그인 유지보다 다른기능을 먼저 구현해야 하지않을까 싶습니다 과연 이번주 안에 과제 70%완성을 할수있을지 모르겠네요 일단은 계속 시도해보아야겠습니다 엊그제 처럼 계속 삽질하다보면 해결될거라는 믿음으로진행중입니다 13.GET, POST 방식의 차이점에 대해서 설명해주세요. 답변 GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트할 때 사용한다. 14.GET, POST의 개념과 함께 데이터 흐름에 대해서 설명해주세요. 답변 get 은 데이터를 가져올 때 사용하고 데이터 흐름: 사용자가 브라우저에서 URL을 입력하거나 링크를 클릭합니다. 브라우저.. 더보기 이전 1 2 3 4 5 6 7 ··· 16 다음
