cha123hein 님의 블로그

1. 질문의 의도를 파악하기제일 처음 나에게 무엇을 묻고싶어서 이런 질문을 했는지 생각을 했습니다.예시⇒ 업무외 활동으로 어떤 것을 얻고 있는지, 어떻게 스트레스 관리를 하는지⇒ 자신의 가치관을 묻는 질문, 워라벨을 어떻게 생각하는지일과 삶에서 가장 큰 가치는 무엇인가요?여가시간에 주로 어떤 것을 하시나요?2. 먼저 말하는 그대로 적어보고 다듬기자연스럽게 떠오르는 답변을 일단 적어본 뒤, 면접에서 자신감 있게 보일 수 있도록 수정하는 과정이 필요하다고 생각합니다.예시예시질문 : 강점이 무엇인가요?처음 적은 답변: "음.. 저는 긍정적인 사고를 가지고 있는 것 같습니다. 문제나 장애물이 있을 때 해결책을 찾으려고 합니다."다듬은 답변: "제 장점은 긍정적인 사고입니다. 문제나 장애물이 있을 때 해결책을 찾..

1. 문제점SyntaxError: Unexpected token ' Next.js 프로젝트에서 공공 API로부터 JSON 데이터를 요청하는 중에 발생했는데, 찾아보니 API 요청이 성공하지 않았을 때 HTML 형식의 오류 페이지(예: "404 Not Found" 또는 "500 Internal Server Error")가 반환되면서 발생한다.fetch 요청이 실패하여 JSON 대신 HTML 형식의 응답을 받는 경우, response.json() 메서드는 HTML 응답을 JSON으로 파싱하려고 시도하면서 SyntaxError를 발생시킨다한다. 2. 해결방안 응답 상태 확인: fetch 요청 후 response.ok를 사용하여 요청이 성공했는지 확인하고, 성공한 경우에만 response.json()을 호출한다..

공공 api 불러오기  1. 활용 신청을 하여 api key를 받는다. 2. openAPI 실행 준비를 클릭 후 필수값과 필요한 값을 넣는다. (여기서 상세정보는 contentId가 필요했는데.. 그 값을 어디서 구해야하는지 몰라서 한참 해맸었다. contentId는 지역기반으로 자료를 찾으면 나타나기 때문에 그걸로 알 수 있었다.)3. open api를 누르면 아래에 url과 응답요청한 예시(미리보기같은)같은 것이 나온다. 내가 원하는 데이터가 맞는지 확인 후 url을 복사해서 사용하면 된다.

1. 기본 틀 만들기 대락적으로 구분을 위해 임시로 css를 넣어 제작하였다. 우선 기본적으로 사진을 저 칸에 다 채워지도록 할 예정이다.import React from 'react';import Image from 'next/image';import { FaBookmark } from 'react-icons/fa';const RecommendedPlaces = () => { return ( 추천 여행지 추천 국내 여행지 사랑하는 사람과 함께 로맨틱한 국내 여행지 {[...Array(3)].map((_, index) => (//여기서 ..

와이어 프레임 작성

주제는 전국 스템프 투어로 결정이 되었다.

제일 처음 나온 아이디어 :  피드백 :- 커뮤니티는 부가적이여야 되고, 사람들이 많이 이용하지 않아도 기능을 쓸 수 있는 사이트가 좋다.- 목데이터를 많이 넣는데 시간이 걸리면 개발하는 시간이 줄어드니 지향하는게 좋다.- 2개의 고객군(판매자/구입자)이 있어야 하는 사이트면 사람이 많이 필요해서 비추천한다. 수정되서 나온 아이디어 :  피드백 - 제한된 시간인 만큼 최소한의 기능 구현으로 안전하게 가져가면서 추가로 작업을 진행하는게 좋다.- 개발에서 중요한 피드백을 개선하는 것도 중요하다.- 기업 아티클을 보는 것도 좋다. => 그 후에 나온 아이디어 :  커피원두 소개 / 여행 마그넷 도장깨기(인터넷으로 여행 도장찍기) / 해외캠핑 /산올라갔을때 도장찍기 / 날씨,기분따라 도서추천 / 뉴스피드 카테고..

1.  문제점- 마이페이지에서 회원정보변경에 제목은 변경이 되지만 프로필 이미지는 변경도 안되고 supabase에 업로드도 안되는 모습을 보였다.2. 해결방안- createClient 함수를 사용하여 Supabase 클라이언트를 중앙에서 생성하고 관리하도록 수정했습니다. 이를 통해 클라이언트 인스턴스가 일관되게 유지되도록 했으며, 이미지 업로드 후 새롭게 생성된 이미지 URL이 제대로 반영되도록 로직을 개선하였다. 3. 수정된 코드// 클라이언트 생성 부분const supabase = createClient();// 프로필 업데이트 함수const handleProfileUpdate = async () => { if (!user || !user.id) { console.error("Use..

1.  문제점- 디테일 페이지에서 새로고침을 했을 때 이미 좋아요를 한 경우임에도 숫자가 반영되지 않았고, 다시 좋아요를 눌렀을 때 -1로 표기되는 상황이 생겨버림.2. 해결방안좋아요를 추가하거나 취소한 직후 서버와의 동기화가 제대로 이루어지지 않아서 새로고침을 했을 때 좋아요 수가 정확하지 않을 수 있음을 알았다.-> 좋아요 추가 또는 취소 이후 서버에서 최신 상태를 다시 조회하여 클라이언트의 상태를 항상 서버와 일치하도록 한다.-> 좋아요 개수와 사용자가 좋아요를 눌렀는지 여부를 동기화하기 위해 fetchLikes() 함수를 호출하였다.const handleLike = async () => { const { data: { user } } = await supabase.auth...

1.  문제점- 마이페이지에서 좋아요 목록을 불러와야하는데 불러오지는 못하고 좋아요 목록이 없다는 글만 뜸.2. 해결방안- 확인해보니 User 테이블에서 사용자 ID가 습관적으로 post_id라 생각하고 코드를 짰었는데, supabase에서 확인해보니 board_id로 되어있었다. 데이터베이스와 코드 간의 불일치로 인해 사용자 정보를 제대로 가져올 수 없었다.3. 수정된 코드interface User { email: string; board_id: string; // 사용자 ID를 board_id로 변경 user_name: string; profile_url: string; }const { data: userProfile, error: profileError } = await su..