마지막으로 6개월 차 회고 글을 썼던 게 정말 엊그제 같은데,정신 차려보니 벌써 1년 차를 코앞에 두고 있다.이번 연휴 기간이 딱 1년이 되는 시점이라, 사실상 지금 이 글을 쓰는 시점이 진짜 1주년인 셈이다.한 해를 돌아보니 참 많은 일이 있었고, 스스로에 대해 느낀 점도 많다.2년 차로 넘어가기 전에 솔직하게 기록을 남겨보려 한다."생산성은 늘었지만, 디테일은 숙제"회사에서의 나를 돌아보자면, 일단 정말 최선을 다했다. 책임감 하나는 끝내주게 가지고 열심히 했다고,, (아마도)업무가 휘몰아칠 때는 가끔 놓치는 부분도 있었지만, 순수하게 '생산성' 측면만 놓고 본다면 스스로 칭찬해 주고 싶을 정도로 많이 성장했다.하지만 임원분들이나 고연차 선배들과 비즈니스 로직을 논의할 때, 조금만 더 꼼꼼하게 사용자..

근데 오케스트레이션을 곁들인..나는 AI가 세상에 큰 변화를 줄 거라고 믿는다.그 변화가 언젠가가 아니라, 생각보다 훨씬 빨리 올 거라는 것도.그걸 진짜로 체감한 순간이 있었다.어느 시점이었냐면… n8n을 처음 제대로 봤을 때다.처음엔 그냥 자동화 툴이라고 생각했다.버튼 몇 개로 API 붙이고, 흐름 만들고, 반복 업무 줄여주는 그런 도구.이 자체로도 내게는 너무나 벅차고 신기한 프로그래밍이였다. 개발자는 왜 개발을 하는가개발은 늘 생산에 가까웠다.기능을 만들고, 코드를 치고, 로직을 연결하고, 배포한다.소프트웨어 업계에서는 이상하게도 이 과정 전체가 한 사람의 일이었다.다른 산업은 그렇지 않다.예를 들어 자동차 산업을 보면, 설계하는 사람과 조립하는 사람이 다르고, 검증하는 사람이 따로 있다.그런데 소..

회사에서 여러 솔루션을 운영하고 있었는데,각 시스템마다 별도로 로그인해야 하는 불편함을 해소하기 위해서그리고 개발팀 입장에서도 각 시스템마다 인증 로직을 중복 관리하는 게 비효율적이었다.이에 여러 솔루션을 한번의 로그인으로 진행해야하는 작업이 내게 주어졌고 , JWT는 이전에 토이 프로젝트를 진행하면서 한번 아주 그냥 맛보기 처럼 해본 기억이 있긴 한데,, 정확히 어떤 방식인지 잘 모르기도 했었고 생소한 기술이었다.아무튼 그래서 이런 저런 이유로 JWT 기반 SSO(Single Sign-On) 시스템을 구축하게 되었다.처음에는 "JWT로 SSO? 그냥 토큰 발급하고 검증하면 되는 거 아냐?"라고 생각했는데막상 구현하려니 생각보다 고려할 게 정말 많았다.이 글에서는 내가 직접 겪으면서 배운 것들,그리고 최..

오픈소스 자동화 도구 n8n을 AWS EC2에서 직접 구축하고,도메인 + SSL(HTTPS)까지 완벽히 연결하는 방법을 정리했습니다.💡 이 문서는 개인용/기업용 자동화 서버를 직접 운영하려는 분들을 위한 가이드입니다.🧾 1️⃣ 개요환경: Ubuntu 22.04 LTS + Docker + Nginx + Certbot서버 타입: AWS EC2 (t3.micro~t3.medium 권장)비용: 약 10~12달러/월 (1.4만 원 내외)결과: https://. 형태의 n8n 워크스페이스 완성☁️ 2️⃣ EC2 생성 및 기본 설정1️⃣ 인스턴스 생성AMI: Ubuntu 22.04 LTS인스턴스 유형: t3.micro스토리지: 20GB (gp3)보안 그룹(인바운드 규칙):SSH (22) — 내 IPHTTP (80..

https://youtu.be/FHcAQy4EAvg가끔 마음이 해이해졌을 때 보면 좋을 것 같은.

뚝섬공원을 한 바퀴 뛰었다.러닝화 끈을 다시 조여 매고 숨을 고르니, 한강 너머 네온이 펼치는 장관이 눈을 채웠다. 그 광경을 보며 생각했다.특별해지는 일은 단 하나의 번쩍임이 아니라, 수많은 요소가 제자리를 찾을 때 비로소 완성되는 조화에서 온다.작은 습관, 쌓인 시간, 다듬은 기술, 곁의 사람들, 때맞춘 우연—그 모든 것이 맞물릴 때 우리는 비로소 특별해진다.그렇다면 그 장관을 채우기 위해서 나는 이 중에 무엇이 될것인가?유별나게 화려한 스펙도, 운 좋게 얻은 타이틀이 있는것도 아니다.내가 믿는 차별점은 “배운 건 바로 써먹고, 써먹은 건 기록하고, 기록한 건 제품으로 바꾸는 습관”이다.아주 사소한 것도 흘려보내지 않고 나한테 맞게 프로그램화하는. 이게 내 무기라면 무기일까.추석 연휴엔 재미 삼아 모..

서론사실 거창한 이유에서 시작된 프로젝트는 아니었습니다. 회사에서 일을 하다 보면 매주 반복되는 보고서 작성이 늘 번거롭게 느껴졌습니다.주 후반에 몰아서 한 주를 정리하다 보면, "아, 이걸 그때그때 간단히라도 기록해뒀다면 얼마나 편했을까?"라는 생각이 들곤 했고,그러다 문득 "이 반복적인 업무를 조금이라도 줄여보면 어떨까?" 라는 아이디어가 떠올랐습니다.그 계기로 사이드 프로젝트로 시작된 것이 바로 이 "RPA 주간보고 자동화 시스템"이었습니다.RPA란 ?RPA(Robotic Process Automation)는 사람이 컴퓨터 앞에서 반복적으로 수행하는 업무를 소프트웨어 로봇(봇)으로 자동화하는 기술입니다.즉, 사람이 마우스 클릭이나 키보드 입력으로 하던 단순·반복적인 작업을 로봇이 대신 처리하는 것...

서론최근 내가 담당한 프로젝트를 운영 서버에 설치하는 작업을 진행하게 되었다.겉보기에는 단순히 WEB/WAS/DB 설치 후 DB dump를 올리면 끝나는 단순한 작업처럼 보였다.하지만 실제 현장에서는 인바운드/아웃바운드 통신 문제 때문에 예상보다 훨씬 많은 시간을 소모해야 했다.이 글에서는 내가 겪은 실제 상황을 바탕으로, 내부망·외부망·망연계라는 개념을 정리하고,앞으로 같은 문제를 줄이기 위해 준비한 방법을 적어두려고 한다.사건 재구성출장 당시, 외부망에 위치한 WAS 서버에서 내부망에 위치한 DB 서버로 접속해야 했다.당연히 미리 네트워크 정책이 세팅되어 있을 거라 생각하고, 설치와 테스트를 진행했다.그러나 실제로는 DB 통신이 되지 않았고, 뒤늦게 인바운드/아웃바운드·망연계 장비 정책을 다시 확인하..

프로젝트에서 게시판 목록을 불러오는 기능을 구현하면서 무한 스크롤(Infinite Scroll)을 적용했습니다.처음에는 단순히 스크롤 이벤트와 데이터 요청(fetch)을 한 컴포넌트에 모두 넣었는데, 코드가 복잡해지고 유지보수가 어려워졌습니다.이번 글에서는 제가 겪은 시행착오와 개선 과정을 정리해 보았습니다.1. 초기 구현 – 컴포넌트 내부 처리처음에는 게시판 컴포넌트 안에 스크롤 이벤트와 API 호출을 모두 넣었습니다.useEffect(() => { const container = containerRef.current; if (!container) return; const handleScroll = () => { const { scrollTop, scrollHeight, clientHeigh..

React에서 사용자의 입력을 처리할 때 흔히 고민하는 문제가 있습니다. 바로 실시간으로 입력값이 바뀔 때 서버 호출을 최소화할 수 있는가 입니다. 오늘 회사에서 React 입력값 처리 방식에 대해 팀과 의견을 나누는 자리가 있었습니다.제가 예전에 적용했던 “클라이언트 필터링”과 onChange Debounce 전략에 대해 이야기하다가, 잘 모르면서 상사 분들과 동료 직원분들께 아는 척을 한 순간이 있었습니다.사실 정답이 있는 것은 아니지만 , 그때 무심코 제가 잘 모르는 Debounce에 대해 코드만 읽고 단순하게 판단하여 ..지금 생각하면 쥐구멍에라도 숨고 싶은 심정이지만… 이미 엎어진 물은 돌이킬 수 없으니 ㅠ이 글에서는 당시 제가 고민했던 문제와, 입력값 변화 시 서버 호출을 최소화하는 여러 전략..

올해 정기 기사 2회 시험 "정보처리기사" 에 합격했고, 이번 글에서는 개발 업무와 병행하면서 한 달 동안 정보처리기사를 준비하며 배운 점과 느낀 점을 솔직하게 기록하려 합니다.1. 공부 환경과 기간기간: 4주(한 달) 집중 학습평일: 퇴근 후 1~2시간 → 이론 1시간 + 문제 풀이 1시간주말: 3~4시간 → 전체 복습 + 실전 문제 풀이타이머 활용, 집중 모드 유지, 휴식 시간 최소화짧지만 집중적인 학습으로 효율을 극대화했습니다.2. 25년 개정판 출제 경향과 시험 포커스2025년 개정판부터 정보처리기사 문제는 실무와 연계된 난이도 있는 문제 비중이 증가했습니다.제가 준비하면서 파악한 출제 트렌드는 다음과 같습니다.이론 문제자료구조: 연결 리스트, 스택, 큐, 트리, 해시 구조 등 실제 구현과 시간 ..

1️⃣ useState – 상태 관리용도: input, select, checkbox 등 값을 저장하고 변경특징: 값이 바뀌면 컴포넌트 리렌더링import { useState } from "react";export default function ExampleUseState() { const [formData, setFormData] = useState({}); // 초기값 없이 빈 객체 가능 const handleChange = (e) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }; const handleSubmit = (e) => { e.preventDefault..

🚀 배포 회고록: Web 서버 vs WAS, 제대로 이해하기 신규 프로젝트를 배포하던 날이었습니다.아키텍처는 단순했죠.WAS 서버: Tomcat + MySQL, war 파일 배포Web 서버: Nginx 설치, 정적 파일 처리 + 리버스 프록시Tomcat이 돌아가는 WAS 서버에 Nginx를 설치해 버린 겁니다. 😅“어차피 Nginx도 필요하잖아? 그냥 여기 깔면 되지 않을까?”→ 이렇게 생각했던 게 화근이었죠.결과는?정적 리소스 요청이 꼬이고,Tomcat과 Nginx가 같은 포트를 두고 충돌하고,DB 연결까지 지연되는 대참사 발생.그제서야 저는 Web 서버와 WAS의 차이를 명확히 이해하지 못했다는 걸 뼈저리게 깨달았습니다.2. Web 서버란? (Nginx, Apache)Web 서버는 말 그대로 정적..

📘 빅데이터분석기사 필기1. 빅데이터 개념과 특징빅데이터의 특징은 가트너 그룹의 3V (규모 Volume, 유형 Variety, 속도 Velocity)에 더해 최근 가치(Value)와 품질(Veracity) 요소가 추가된 5V로 정의됨.규모(Volume): 데이터 양이 급격히 증가유형(Variety): 데이터 종류와 근원 확대속도(Velocity): 데이터 수집과 처리 속도의 고속화, 값이 실시간 변경품질(Veracity): 데이터의 신뢰성·정확성·타당성 보장 필수가치(Value): 대용량 데이터 안에 숨겨진 가치 발굴 중요2. 데이터 분석데이터 분석은 분석용 데이터 준비 → 텍스트 분석 → 탐색적 분석 → 모델링 → 모델 평가 및 검증 과정으로 수행됨.3. 빅데이터 플랫폼빅데이터 플랫폼은 빅데이터 수..

💡 JSX(TSX)란?JSX는 JavaScript를 확장한 문법(JavaScript XML)입니다. 쉽게 말해, JavaScript 파일 안에서 HTML과 비슷한 코드를 작성할 수 있게 해주는 특별한 문법이죠. 우리가 보기엔 HTML 같지만, 사실 이 코드는 브라우저가 읽기 전에 바벨(Babel)이라는 도구를 통해 순수한 JavaScript 객체로 변환됩니다.TSX도 JSX의 문법을 따릅니다.React는 UI를 만들기 위한 라이브러리입니다.JSX는 React에서 UI를 더 쉽고 직관적으로 표현하기 위해 사용하는 문법입니다.예를 들어, 우리가 이렇게 JSX를 작성하면:const element = 안녕하세요, 리액트!;바벨은 이 코드를 아래와 같은 순수 JavaScript 코드로 바꿔줍니다.const el..