프론트엔드 개발자 프론트엔드 개발자

You're importing a component that needs useEffect. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default. 서버 컴포넌트에서 useEffect 사용 시도:서버 컴포넌트에서는 useEffect와 같은 클라이언트 사이드 훅을 사용할 수 없습니다.따라서 서버 컴포넌트에서 useEffect를 호출하려고 하면 에러가 발생할 수 있습니다. useClient 호출이 필요한 부모 컴포넌트 없음:Next.js에서는 특정 컴포넌트가 클라이언트 컴포넌트로 동작하도록 만들기 위해부모 컴포넌트에 useClient..

서버 컴포넌트 (Server Components)렌더링 위치: 서버에서 렌더링 데이터 페칭: 서버에서 직접 데이터베이스 또는 API와 상호작용하여 데이터를 가져올 수 있습니다.( 데이터 페칭(Data Fetching)은 애플리케이션이 외부 소스로부터 데이터를 가져오는 과정을 의미 ) 목적:   초기 페이지 로드 속도를 높이고 서버 컴포넌트를 사용하면 초기 페이지 로드 속도를 높일 수 있습니다.이는 서버에서 HTML을 미리 생성하여 클라이언트로 전송하기 때문에 SEO 친화적이며서버에서 렌더링된 HTML을 검색 엔진( 검색 엔진 최적화(SEO)에 유리 )봇이 쉽게 읽을 수 있기 때문입니다. 클라이언트 측에서 모든 것을 렌더링하는 경우,검색 엔진 봇이 자바스크립트를 실행하지 못해 콘텐츠를 제대로 인덱싱하지 못..

리액트로 구현 했던 기존에 있는 테이블을 공유 하고테이블과 화면, 기능 추가 삭제되는 화면일기 화면 추가 되는 화면커뮤니티(리스트, 작성, 상세페이지, 댓글)마이페이지 추가 되는 기능디데이알림프로필 편집좋아요 탈퇴날씨 화이팅 해봅시다!

로그 아웃 버튼 정리로그인 화면에서 유저 정보 있으면 메인 화면으로 아니면 로그인페이지 그대로 데이터베이스에서 값을 비교 해야 할듯a 유저가 로그아웃 후에 다른 유저로 로그인 하면 배경 이미지만 변경 됨 강아지 이름과 강아지 색상 변경 안됨다른 유저가 입력 한 값이 다른 유저 한테 데이터가 출력 됨수정 할때 텍스트 변경이 안됨 수정 할때 선택 안했는데 선택 되어서 이미지 출력 됨기존에 있는 유저는 메인 페이지로 가게 수정이 되어 야 함 지금 vscdoe를 저장 하니까 화면이 변경 됨뷰페이지 디자인 수정 할 것로그인 카카오 버튼 수정하기수정할때 선택 했던건 선택 못하도록 디자인 수정미세먼지 제대로 나오는지 확인 하기  여기 까지 다 수정 후 코드 정리 하면 리액트로 만든 멈머 프로젝트 완성!!!

하고 싶었던 기능이 사용자가 걸을 때 마다 추가 되는 만보기 기능을 넣고 싶어서 찾아 보았으나리액트로는 만들 가능성이 낮다고 해서 😥 사용해 보았던 위도경도로 테스트해 보았는데 숫자가 변경은 됨..걸음수가 추가가 안되서 그렇지여튼 새롭게 어떤걸 추가 해야 할지 와 디자인 수정이 들어감 결론은 지도 검색!사용자가 가고 싶은 곳을 지도로 검색해서 보여주기https://react-kakao-maps-sdk.jaeseokim.dev/docs/sample/library/keywordBasic 위 사이트에서 찾음 키워드 검색 지도 난 현재 타입스크립트를 사용 하고 있어서 타입을 지정함가지고 오자 하는 내용 가져오기 for (var i = 0; i 1. 문자를 숫자로 변환 해서 데이터를 보냄2. 이름과 주소의 데..

https://ko.vitejs.dev/guide/static-deploy.html#vercel ViteVite, 차세대 프런트엔드 개발 툴ko.vitejs.dev버셀로 배포 문제발생카카오 로그인이 안됨 구글 로그인도 안됨카카오 로그인 버튼을 클릭 하면 localhost:3000로 이동 됨왜 여기로 가는가??????????여기서 문제 해결 해보려고 시작1. 카카오 개발자 내 앱관리에서 도메인 링크 및 Redirect URI등 확인2. 수파베이스 Redirect URI등 확인3. 다 정상적으로 값이 들어 간 것을 확인 했으나 같은 상황 반복4. 코드를 수정기존async function signInWithKakao() { const { data, error } = await supabase.auth.sig..

데이터 상황1. 데이터는 정상적으로 출력 되는것을 콘솔로 확인  2. ui 화면에서 도 정상적으로 출력 되는 것을 확인 문제사항1. ui화면 새로 고침 하면 데이터가 출력이 되었다가 사라졌다가 반복 기존 코드const [dataUrl, setDataUrl] = useState(initialData);const fetchData = async () => { try { const response = await axios.get(URL, { params: { serviceKey: SERVICE_KEY, returnType: "json", // numOfRows: 25, // pageNo: 1, sidoN..

git pull 할시에 난 에러The following untracked working tree files would be overwritten by merge 해결git add -Agit stashgit pull로컬 저장소의 파일이 원격 저장소의 파일과 충돌git add -A- 현재 작업 디렉토리에 있는 모든 변경된 파일을 스테이징 영역에 추가 ( 스테이징 영역은 Git에서 커밋을 준비하는 공간 )- A는 "all"의 약자로, 모든 변경 사항을 추가 git stash- 현재 작업 디렉토리의 변경 사항을 일시적으로 저장하고, 작업 디렉토리를 깨끗한 상태로 되돌리는 Git 명령어