cha123hein 님의 블로그

이전에 간호사로 근무할 당시, 병원에서 사용하던 EMR(전자 의무 기록) 시스템은 사용자 친화적이지 않았습니다. 복잡하고 비직관적인 인터페이스 때문에 업무의 효율성이 떨어졌고, 이로 인해 자주 불편함을 느꼈습니다. 오랫동안 근무한 선생님들조차 시스템의 상세 기능을 잘 알지 못해 매번 저에게 질문하거나 도움을 요청해야 했습니다. 병원의 바쁜 일정 속에서 이러한 반복적인 과정은 시간과 에너지를 많이 소모하는 일이었습니다. 이러한 경험은 제게 큰 깨달음을 주었습니다. "사용자 입장에서 정말 편리한 EMR 시스템을 만들면 어떨까?"라는 생각이 들었고, 실제로 간호사로 근무하면서 직접 느낀 불편함을 바탕으로 더 나은 시스템을 구상해보고 싶다는 열망이 생겼습니다. 이것이 제가 웹사이트 제작, 특히 사용자 중심의 시..

1. 문제점 북마크 기능을 넣는데, 처음에 text내용만 불러오길래. text내용으로 supabase에서 자료를 불러오도록 하였다.그러고 이제 유저정보를 불러냈는데 유저정보를 불러내면 supabase에서 불러온 내용들이 undefiend로 불러와졌다. 2. 문제사항처음에 text내용만 불러왔던점에서 대수롭지 않게 여겨 그대로 진행햐였는데, 알고보니 컴포넌트 분리를 하면서 props를 text만 내리고있었고, title과 contentid는 안내리고 있어서 null로 취급이 되어 안나타났었다. 3. 문제 해결

1. 문제점 컴포넌트 분리 후 api를 계속 중복적으로 불러와서 일일 트레픽 1000을 금방 넘겨버림. 2. 문제사항컴포넌트 분리를 하면서 서버 컴포넌트로 동작하도록 작성되었다.Next.js에서는 클라이언트 컴포넌트('use client'를 선언한 컴포넌트)에서 비동기적인 함수 실행을 곧바로 하지 못하는 문제가 발생할 수 있다. 특히 페이지가 새로 렌더링될 때마다 fetchPlaces 함수가 호출되고, 그로 인해 API 요청이 중복으로 발생하는 문제가 생긴 것이다.비동기 함수와 'use client'의 충돌: RecommendedPlaces 컴포넌트가 'use client'로 선언된 상태에서 직접적으로 비동기 로직을 처리하고 있었다. 이는 클라이언트 컴포넌트의 경우 허용되지 않거나 부적절한 방식이다.서버..

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