hyuko

Docker 실습환경 설치 docker 의 실습을 위해서 설치부터 기록하려 한다. 윈도우 환경, 맥환경 두군데의 설치를 보겠습니다. https://www.docker.com/ 위의 주소로 들어가게 되면 아래와 같은 화면이 등장합니다. 각각에 맞는 환경에 따라 맥, window로 다운로드 받아주면 됩니다. 윈도우 서버 혹은 리눅스에서 도커를 설치할 경우에는 다음과 같이 진행해 줍니다. sudo apt-get remove docker docker-engine docker.io containerd runc # 해당 과정은 혹여 기존에 설치된 도커 커뮤니티 에디션과 도커 엔진을 제거해주는 명령어 입니다. # 기존에 도커를 설치한 적이 없다고 해도 진행해 줍니다. 이후 우분투 리눅스 패키지 관리자의 도커 공식 저..

여행 일정 생성에 대한 주요 도메인을 설명합니다. 우리의 목표는 다음과 같습니다. 여행 일정을 저장할 수 있어야 한다. 원하는 날짜를 선택할 수 있어야 합니다. 여행에 함께 할 인원을 선택하고 이를 공유 할 수 있어야 합니다. 이 세 가지를 중심으로 코드를 구현하려 했습니다. 하나씩 저장하면 간편하게 진행될 것이라 생각했습니다. 하지만 두 가지 주요 문제가 발생했습니다. 첫번째 문제는 여행 일정이란 것이 여러 날짜의 정보를 포함하고, 각 날짜마다 다른 장소들이 할당되어야 하는 상황이었습니다. 즉, 하나의 여행이 등록될 때, 여러 개의 날짜 정보가 해당 여행의 ID 값과 매칭되어 생성되어야 했습니다. 이와 더불어 , 해당 날짜 정보의 ID 값을 기준으로 location 정보들이 각각 생성되어야 했습니다. ..

비밀번호 변경 비밀번호 변경은 resetPassword 메서드와 resetPassword API 엔드포인트를 통해 이루어집니다. 클라이언트에서는 MyPage 컴포넌트에서 비밀번호 변경 버튼을 클릭하여 비밀번호 변경 페이지로 이동하고, 사용자가 새로운 비밀번호를 입력한 후 변경을 완료할 수 있습니다. 클라이언트 코드 (MyPage.js) import React, { useState } from 'react'; import axios from 'axios'; import { useQuery } from 'react-query'; import { useNavigate } from 'react-router-dom'; const MyPage = () => { const navigate = useNavigate()..

회원 정보 수정 회원 정보 수정은 modifyUser 메서드와 modifyUser API 엔드포인트를 통해 이루어집니다. 클라이언트에서는 MyPage 컴포넌트를 통해 회원 정보 수정 페이지로 이동하고, 사용자가 수정할 정보를 입력한 후 수정을 완료할 수 있습니다. 클라이언트 코드 (MyPage.js) import React, { useState } from 'react'; import axios from 'axios'; import { useQuery } from 'react-query'; import { useNavigate } from 'react-router-dom'; const MyPage = () => { const navigate = useNavigate(); const [authState, ..