본문 바로가기

전체 글48

2024년 3분기를 앞두고 저질러 놓은 것들과 저지를 것들, 그리고 의지 잔여량천장을 바라보며 누워있는 동안 온갖 잡생각이 튀어나오는 것은 N의 숙명과도 같은 일인 듯 싶다. 점심은 뭘 먹지로 시작해, 환율이 곤두박질 치고 있으니 환전을 언제 할까로 끝나버리니, 머리가 지끈거리고 있었다. 거의 대부분은 아무리 머리를 굴려도 어떻게 할 수 없는 문제들이라는 것을 알면서도. 생각에 매몰될 것 같은 시점에 놓인 N에게 가장 효과적인 처방은, 내가 처한 상황에 대한 자가 진단이었다. 위험을 레버리지 3배로 뻥튀기를 하는 뇌에게 현실이 그렇지 않다는 것을 알려주는 방법이었다. 저질러 놓은 것들에 대하여자산 관리 - 올해는 금융 부문으로 저질러둔 것들이 많다. 적금과 예금, 투자 그리고 개인 연금까지 다양하게 관리를 시작하다보니, 자산 관리.. 2024. 8. 19.
Next.js 시작하기 - Drag and Drop 만들기 (3) Draggable 시작하기...지난 시간에 indexedDB와 MSW를 활용하여 프론트엔드의 Todo를 추가할 수 있게 해보았다. 같은 방법으로 빠르게 List를 추가할 수 있는 기능을 만든 뒤, 대망의 Drag and Drop 기능을 구현해보자. 해당 DnD 기능은 라이브러리를 사용하지 않고 만들 예정이다. 어지간하면 라이브러리를 쓰는게 맞다. 빠르게 List 추가 기능 만들어보기Todo를 만들었을 때 사용법을 설명하였으니, List는 자세한 설명을 생략하겠다.//list를 추가하는 mutation 함수const list = async (data: { title: string }) => { const response = await axios.post("/list", data); return response.data.. 2024. 8. 18.
Docker+Jenkins 동작 방식 젠킨스에서 도커? 도커에서 젠킨스?도커라이징을 하기 위해서는 우선 도커 이미지가 어떻게 배포까지 이어지는지를 이해해야 한다. 해당 동작 과정을 가장 시각적으로 잘 표현한 것 같은 이미지를 참고로 가져왔다. Deploy Django Application to AWS EC2 using Jenkins PipelineDeploy Django Application to AWS (EC2) using Jenkins, GitHub, Docker and DockerHub.www.fosstechnix.com지금까지는 젠킨스가 직접 빌드와 테스트를 진행하고 빌드된 결과를 AWS에 배포하는 과정으로 동작했다. 하지만 이제 docker를 사용하게 되면서, 해당 배포를 위해 젠킨스가 docker 이미지 빌드 후 hub에 push.. 2024. 8. 11.
Docker와 Standalone 제 local에서는 돌아가는데 왜 서버에서는 안될까요....난감하기 그지없는 상황이다. 환경도 맞춰줬고, 버전도 맞춰줬고, 해달라는 건 다 해줬는데 대체 왜 배포만 하면 안되는 걸까. 아니, 배포가 잘 되면 왜 내 로컬에서는 또 안되는 걸까. 도대체 나한테 왜 이러는 걸까... 많은 생각이 든다. 컴퓨터는 거짓말을 하지는 않지만 너무 까다로운 동료다. 버전이 1 다르다고 파업을 선언하는 일이 너무 잦다는 생각이 들고, 프로젝트는 점점 복잡해져갈 무렵, 우리는 도커를 생각하지 않을 수가 없다. 도커라이제이션, 이제는 해야만 한다그랬다. 우리는 이제 피할 수 없는 단 하나의 선택을 해야만 했다. Docker를 사용하는 것. 사실 이전 회사에서 docker로 배포하는 것을 진행한 적이 있었다. 하지만 Dock.. 2024. 8. 10.
Next.js 시작하기 - Drag and Drop 만들기 (2) MSW + indexedDB 시작하기...지난 시간에 indexedDB에 샘플 데이터가 저장되는 것 까지 세팅을 했다. 오늘은 indexedDB에서 데이터를 가져오는 get API와 데이터를 추가하는 post API 두 개를 만들어 실제로 데이터가 추가되는 것을 해볼 예정이다. indexedDB 데이터를 가져와보자먼저, useQuery를 통해 todoList 데이터를 가져오는 get API 호출 함수를 만들어야 한다.import { useQuery } from "react-query";import axios from "axios";const todoList = async () => { const response = await axios.get("/todoList"); return response.data;};export cons.. 2024. 8. 5.
Next.js 시작하기 - Drag and Drop 만들기 (1) IndexedDB 시작하기...Trello 클론 코딩의 가장 메인 기능이라고 할 수 있는 드래그앤드롭 기능을 구현할 차례다. 라이브러리를 사용하는 방법도 있지만, 사용하지 않고 개발을 해볼 예정이다. 그냥 Drag and Drop은 간단하지만, Trello에서 제공하는 Drag and Drop 기능은 생각보다 복잡하다. 각각의 카드별로 드래그앤드롭이 가능한 것 뿐만 아니라 내부에 있는 카드 또한 자유롭게 이동이 가능한 구조로 되어있다. 우선, 간단하게 UI를 만들어보자. Draggable"use client";import React, { useState, useEffect } from "react";import { Card, Button } from "@mui/material";import { useMutation } f.. 2024. 8. 4.
728x90
반응형