나의 개발일지

✔️ 문제 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요 ✔️ 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. ✔️ 입출력 예 arr divisor return [5, 9, 7, 10] 5 [5, 10] [2, 36, 1, 3] 1 [1, 2, 3, 36] [3,2,6] 10 [-1] 💡나의 풀이 function solution(arr, divisor) { var answe..

✔️ 문제 String형 배열 seoul의 element중 "Kim"의 위치 x를 찾아, "김서방은 x에 있다"는 String을 반환하는 함수, solution을 완성하세요. seoul에 "Kim"은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. ✔️ 제한사항 seoul은 길이 1 이상, 1000 이하인 배열입니다. seoul의 원소는 길이 1 이상, 20 이하인 문자열입니다. "Kim"은 반드시 seoul 안에 포함되어 있습니다. ✔️ 입출력 예 seoul return ["Jane", "Kim"] "김서방은 1에 있다" 💡나의 풀이 function solution(seoul) { for (let i = 0; i < seoul.length; i++) { if (seoul[i] === "K..

2023.12.07 - [React/과제] - [React] 리액트 아웃소싱 프로젝트 (지도 api 이용해서 웹사이트 만들기) [React] 리액트 아웃소싱 프로젝트 (지도 api 이용해서 웹사이트 만들기) 🔥 React 심화주차 아웃소싱 프로젝트 🔥 지도상의 Marker를 표시하고 활용하기 네이버 / 카카오 / 구글 지도 등을 선택하여 웹사이트 만들기 프로젝트명 : 'my아포' 병원 검색 사이트 소개 : 내 주 heenee.tistory.com 로그인 페이지 회원가입 페이지 실시간 유효성 검사 가능! 로그인 만료 기능 메인 페이지 리뷰 창 모달창을 이용한 예약 가능 예약한 곳은 마커가 로고로 바뀌면서 지도상에서 한 눈에 파악이 가능하다 마이페이지 (수정 및 삭제 가능) Keep - 현재 만족하고 있는 ..

⛔ 에러 발생 용용따리를 삭제하고 싶은데 삭제가 되지 않는다 화면엔 남아있고 json-server에는 삭제가 되었다 네트워크도 확인해보니 삭제가 잘 되었다 뭐가 문제였을까? 💡에러 해결 새로고침을 하면 그제서야 삭제가 된다 처음에는 비동기 처리 문제라고 생각했었는데 data값을 useState에 넣어놔서 안됐던 것이다 그래서 useSelector로 값을 불러오니 해결되었다 쿼리 썼으면 수월했을듯 싶다 ⛔ 에러 발생 리액트는 렌더링이 화면에 커멋 된 후에야 모든 함수를 실행하는데 return에서 데이터가 들어오지 않아서 undefined로 정의되어 오류가 나는 것이었다 💡에러 해결 && bookingData를 넣어줘서 해결 true && expression은 expression으로 실행되고 false &&..

yarn add axois yarn add json-server json-server --watch db.json --port 번호 yarn add react-query src > App.jsx import React from "react"; import Router from "./shared/Router"; import { QueryClientProvider, QueryClient } from "react-query"; const queryClient = new QueryClient(); const App = () => { return ( ; ); }; export default App; QueryClientProvider : 데이터를 읽어오는 기능(QueryClient)을 ..

2023.12.07 - [React/과제] - [React] 리액트 아웃소싱 프로젝트 (지도 api 이용해서 웹사이트 만들기) [React] 리액트 아웃소싱 프로젝트 (지도 api 이용해서 웹사이트 만들기) 🔥 React 심화주차 아웃소싱 프로젝트 🔥 지도상의 Marker를 표시하고 활용하기 네이버 / 카카오 / 구글 지도 등을 선택하여 웹사이트 만들기 프로젝트명 : 'my아포' 병원 검색 사이트 소개 : 내 주 heenee.tistory.com Thunk로 리뷰 CRUD를 구현하는데 갑자기 이상한 에러가 떴다 `createSlice.extraReducers`에 대한 객체 표기법은 더 이상 사용되지 않습니다. 찾아보니 RTK 2.0 이후로는 createSlice에서 extraReducers를 사용할 때 ..

🔥 React 심화주차 아웃소싱 프로젝트 🔥 지도상의 Marker를 표시하고 활용하기 네이버 / 카카오 / 구글 지도 등을 선택하여 웹사이트 만들기 프로젝트명 : 'my아포' 병원 검색 사이트 소개 : 내 주변 병원 정보를 제공하고, 병원에 대한 리뷰를 볼 수 있으며, 작성 또한 가능하다 marker를 표시하고 모달 창으로 병원 스케쥴 관리를 할 수 있다 구현 기능 기획 홈페이지 병원 검색 병원 리뷰 확인 및 작성 스케줄 메모 우리 동네 병원 찾기 로그인 페이지 회원가입 및 로그인 마이페이지 병원 스케쥴 확인하기 나의 리뷰 확인, 수정, 삭제 와이어프레임 내가 맡게 된 기능은 리뷰 댓글 CRUD이다 React-Thunk로 구현 후, Query로 다시 리팩토링을 해볼 예정이다

✔️ 문제 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. ✔️ 제한사항 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. ✔️ 입출력 예 예를 들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 💡나의 풀이 function solution(s) { var answer = Math.floor(s); return answer; }

2023.12.04 - [React/과제] - [React] 리액트 심화주차 개인과제 (인증서비스가 들어간 FanLetter 만들기) [React] 리액트 심화주차 개인과제 (인증서비스가 들어간 FanLetter 만들기) 🔥 React 심화주차 개인과제 🔥 숙련주차 개인과제에서 각자 본인이 작성한 홈화면과 상세화면에 이어서 인증시스템을 적용시켜 리팩토링하기 홈 화면 UI 구현 (Create, Read) 상세화면 구현 (Read, Up heenee.tistory.com [Error/React] Redux TypeError: (...WEBPACK_IMPORTED_MODULE_5__.fanLetters) is not a function ⛔ 에러 발생 redux reducer 정의 시 reducers에서 s 를..

🔥 React 심화주차 개인과제 🔥 숙련주차 개인과제에서 각자 본인이 작성한 홈화면과 상세화면에 이어서 인증시스템을 적용시켜 리팩토링하기 홈 화면 UI 구현 (Create, Read) 상세화면 구현 (Read, Update, Delete) ( 본인이 작성한 팬레터에서만 수정, 삭제 가능 ) 로그인/회원가입 UI 구현 ( 로그인 해야만 팬레터 화면으로 진입 가능 ) 프로필관리 UI 구현 ( 프로필 이미지, 닉네임 변경 기능 구현 ) 팬레터 CRUD 를 위한 API 통신은 json-server 를 이용 인증과 프로필관리를 위한 API 통신은 제공된 jwt인증서버를 이용 fetch API 대신 axios 를 이용해 주세요 전역 스타일에 reset.css 를 적용해주고 box-sizing이 border-box가..