태그 - 미분류

@kimyoungjo

1개월 전

3분 분량

그동안 뭘 했고 앞으로 뭘 할건가 2부

3번째 직장이전과는 다르게 취업에 있어 자신은 있는 상태였다. 짧은 시간이었지만 시간과 노력을 정말 갈아넣었던지라 베이스가 어느정도 다져진 상태였고, 무엇보다 이 업계가 이런 경험있고 현장 대응이 가능한 신입에 목말라 있다는걸 어느정도 알고 있었기 때문에 그렇게 조급하지 않았다. 해서 이번엔 지원서를 난사하기 보다는 상장사 혹은 200명 이상의 비교적 규모가 큰 기업에만 지원을 …

@kimyoungjo

1개월 전

7분 분량

(~25.06.15) 그동안 뭘 했고 앞으로 뭘 할건가 1부

작년 10월에 비전 개발자로써 커리어를 시작해 지난 2월 3번째 회사에 입사하여 현재까지 재직중이다. 그 동안 어떤일이 있었는지 간략하게 기록해보려한다. 첫번째 직장작년 10월 경 10명 규모의 국가 과제 위주를 수행하는 자동화 검사설비 업체에 비전 개발자로 취업했다. 비전팀은 책임님과 나 둘이었고 darknet이라는 c기반의 백본과 yolo라는 객체 탐지 모델을 이용하여 대상 물체의 외관 …

@smithsolution

4개월 전

2분 분량

Docker를 써서 Jenkins설치하기

@smithsolution

4개월 전

0분 분량

Docker를 써서 SprintBoot 웹앱 개발하기

@smithsolution

4개월 전

2분 분량

Docker를 써서 Vue 웹앱 개발하기

@smithsolution

4개월 전

1분 분량

Docker를 써서 React 웹앱 개발하기

@smithsolution

4개월 전

4분 분량

Docker를 써서 Express 웹앱 개발하기

@smithsolution

4개월 전

0분 분량

컨테이너 이름 변경하기

기존에 컨테이너를 만들떄, 이름을 별도로 옵션(--name)을 주어 설정해주지 않으면, 랜덤한 이름을 갖고 컨테이너가 만들어진다. 이때 이름을 간단하게 바꾸는 방법에 대해 알아본다. 우선 컨테이너를 임의로 배포해보자아래 명령어로 hello-world 기본 이미지를 다운로드 받아 컨테이너를 배포해보자. docker run hello-world 그리고 아래 명령어로 현재 활성/비활성화된 컨테이너들을 조회해보자. docker ps -a 지금 보면 xenodochial_mcclintock이라는 임의의 …

@smithsolution

4개월 전

2분 분량

이미지 빌드하고 컨테이너 배포해보기

@smithsolution

5개월 전

3분 분량

Docker 주요 옵션들

@kimyoungjo

5개월 전

1분 분량

CUDA Toolkit 설치중 멈춤 이슈(Visual Studio 2022)

모델 학습을 위해 GPU 활용을 도와주는 CUDA 설치중 특정 작업에서 멈추는 현상을 발견했다. 이런식으로 Visual Studio가 명시된 작업에서 installing이 진행되지 않는 현상이 발생하는데 CUDA 커뮤니티를 뒤져본 결과 Visual Studio 2022가 2월 12일 자로 17.13 버전으로 업데이트 되며 발생한 문제인것으로 확인된다. CUDA 커뮤니티 관련 글 해당 글에서 제시된 해결책은 Visual Studio …

@kimyoungjo

6개월 전

5분 분량

2025년에 쓰는 2024 회고록

2024년은 참 많은 일이 있었다. 그 많은 일들 중 큰 일들이 일어났던 1, 4, 5, 10, 12월에 있었던 일들을 중심으로 2024년을 회고해보려한다. 1월 유일하게 남아있는 그 때의 흔적 여러 사정으로 진로에 대해 고민하고 있던 1월에 학교 선배 형의 결혼식에 다녀왔다. 카톡으로만 연락이 왔던 터라 그냥 봉투만 할까 하다가 2019년에 선배 …

@mildsalmon

7개월 전

7분 분량

24년에 읽은 것 정리

A. [김지수의 인터스텔라] “질병없이 오래 살고 싶다면… 새해엔 이것만 피하라” 美 최정상 장수의학자의 일침 노화와 관련된 기능 저하(허약함, 만성 질환, 기억력 및 거동 능력 저하 등)는 자연스러운 현상이 아니다. 설탕과 녹말을 너무 많이 섭취하고 앉아서 생활하기 때문에 벌어지는 현상이다. 하루에 12 ~ 16시간 동안 식사를 중단하는 간헐적 단식으로 필요한 모든 …

@kimyoungjo

9개월 전

2분 분량

올 해 안에 취업하기 -完-

취업했습니다.올해 다시 개발자로서의 취업에 도전했을 때의 분야는 C# 기반 머신비전 업계였습니다. 그 사이에 여러 가지 현실적인 이유를 들면서 웹 개발로 전환하려 했지만, 이런저런 과정을 거쳐 결국은 처음에 계획했던 C# 머신비전을 다루게 됐습니다. 다행입니다.저의 지난 20대에는 "합격"이라는 단어가 존재하지 않았습니다. 마지막으로 합격이라는 단어를 접한 것이 언제인지 생각해보니, 2014년 대학교 합격 통보를 …

@kimyoungjo

11개월 전

4분 분량

스크롤을 항상 최하단으로 유지하는 방법

팀 프로젝트 진행 중 채팅 봇 개발을 위해 채팅창을 퍼블리싱 하고 있었는데 채팅이 많아져 스크롤이 생겼을 때 항상 최신의 채팅 내역을 보여주기 위해 채팅창의 최하단을 항상 보여주고 싶어서 이것저것 알아봤는데 내가 떠올리지 못했던 방향으로 해결 하게 되어 포스팅을 하게됐다. 만든 채팅창 모습 import React, { useState, useEffect, useRef } from …

@kimyoungjo

11개월 전

2분 분량

Spring Boot의 구조

백엔드에서 중요한 개념 중 하나인 DTO는 계층간 데이터를 전달하기 위해 사용되는 객체이다. 처음에 이 DTO에 대해 공부할 때 저 계층이라는 것이 프론트엔드 - 백엔드 - DB의 계층을 말하는 것인 줄 알았는데 아니었다. 정확히는 Spring Boot의 구성 요소인 프레젠테이션 계층, 비즈니스 계층, 퍼시스텀스 계층의 3계층을 의미하는 것이었고 그것에 대해서 좀 심도있게 …

@kimyoungjo

11개월 전

4분 분량

Spring Boot의 디렉터리 구조

몇 번의 프로젝트를 진행하면서 디렉터리 구조는 항상 후반부에 제 발목을 잡았습니다. 치밀하게 계획을 해서 프로젝트에 돌입해도 끝에는 코드가 뒤죽박죽 섞여 정리가 안되는 현상이 반복이 되어서 항상 고민이었는데 이번 프로젝트의 백엔드로 선정한 Spring Boot는 MVC 패턴이라는 정해진 구조 패턴이 있어 이번에는 이를 적극 활용하여 깔끔하게 프로젝트를 끝내는 것을 목표로 잡았습니다. MVC …

@kimyoungjo

11개월 전

0분 분량

8.14 개발 일지 [YOUR.LOL 제작기]

어제 정상적으로 데이터 안받아와진다는 유저 오늘은 또 잘 됨 ㅋㅋ 개발 일지 AddMatch 컴포넌트를 누를 시 매치 데이터를 추가적으로 받아와 상태 업데이트를 통해 매치 정보를 추가적으로 요청 할 수 있도록 구현 여러 함수에 기능적인 부분 설명 주석 작성 (앞으로 계속해서 추가해나갈 예정) 주절주절일단 오픈 api로 구현할 수 있는 모든 것은 …

@kimyoungjo

11개월 전

2분 분량

그냥 안됐고 이젠 그냥 됨 [YOUR.LOL 제작기]

받은 피해량과 가한 피해량 막대 그래프를 추가했다. 매치ID를 이용한 매치 정보 요청 API를 백엔드로 옮겼고 클라이언트는 react-query로 리펙토링 했다. 왜정말 잘 되다가 갑자기 안됐다. 중요한 것은 왜 안됐었는지 아직도 모르겠다는 것이었다. 지금 YOUR.LOL의 전적 검색 구조는 여러번의 API 요청을 통해 ZUSTAND 전역 상태를 업데이트를 해가며 일종의 트리거가 되는 상태들의 변화로 …

@kimyoungjo

2024. 08. 12.

2분 분량

08.12 개발 일지 + RIOT DATA DRAGON 사용법 [YOUR.LOL 제작기]

드디어 전적 검색 데이터를 다 정리해서 적용하고 그에 맞게 퍼블리싱을 수정했다. 앞으로 할 것 도넛 차트를 이용해보고 싶어 일단 저렇게 구현은 해놨는데 뭔가 휑하고 양질의 정보가 아닌 느낌이 든다. 개선 방향 고민해보기 +버튼 누를시 추가 전적 로드 로딩시 로딩중임을 명시할 수 있는 div 디자인 해보기 로그인 구현 (spring boot + …

@kimyoungjo

2024. 08. 08.

0분 분량

MATCH DATA 활용하기 [YOUR.LOL 제작기]

전적 검색의 핵심인 매치 정보를 요청하면 저런 형식의 데이터 객체가 10개가 온다. (5vs5 게임이므로) 좀 적어 보일 수 있는데 원래는 8만 글자가 넘는 데이터가 오는데 내가 필요한 것만 추려서 보기 좋게 세팅해뒀다. 이제 저 10개의 데이터 객체 중 내가 검색한 유저가 누구인지 가려내고 그 유저의 데이터를 중심으로 ui를 구성해나가면 될 …

@kimyoungjo

2024. 08. 07.

0분 분량

08.07 개발 일지 [YOUR.LOL 제작기]

전적 검색 페이지 ui를 개편했다. 로컬 상 이라서 그런 것인지는 모르겠지만 다수의 api를 순차적으로 요청하는데 렌더링 속도가 그렇게 늦다는 느낌은 받지 못해서 3-4개의 api를 추가적으로 요청하여 종합적으로는 체이닝은 5개정도 병렬 처리는 2-3개 정도 더 구성해 볼 예정이다. 주절주절솔직히 오늘은 집중이 좀 안돼서 리엑트 + typescript 관련 책을 하나 사서 읽었다. …

@kimyoungjo

2024. 08. 05.

3분 분량

의존성 체이닝(구현 편) [YOUR.LOL 제작기]

React-Query의 Query Key 의존성을 이용한 의존성 체이닝 const { data: account, error: accountError, isLoading: isAccountLoading, } = useQuery<RiotAccount, Error>({ queryKey: ["riotAccount", gameName, tagLine], queryFn: () => fetchRiotAccount(gameName, tagLine), //gameName, tagLine의 의존성 enabled: !!gameName && !!tagLine, }); // 1번 요청 const { data: accountDetail, error: accountDetailError, isLoading: isAccountDetailLoading, } = useQuery<RiotAccount, …

@kimyoungjo

2024. 08. 02.

3분 분량

비동기의 동기화 (계획편) [YOUR.LOL 제작기]

React는 사용자 인터페이스를 구축하는 라이브러리로서, 사용자 경험을 향상시키기 위해 비동기 작업을 필수적으로 처리해야 한다. 비동기 작업은 데이터 페칭, 사용자 입력 처리, 서버와의 통신 등 다양한 측면에서 핵심적인 역할을 한다. 근데 이런 비동기 작업에도 단점이 존재하는데 서로에게 의존성을 가지게 되면서 복잡성이 올라가고 그로 인해 상태 관리가 어려워져 그로 인해 발생하는 오류 …