티스토리

hmk run dev

검색하기

블로그 홈

hmk run dev

hmk1022.tistory.com/m

hmk run dev 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

랭체인과 database로 RAG 구현하기 LangChain과 Pinecone으로 구현하는 RAG 패턴 LangChain과 Pinecone을 사용하여 RAG 패턴을 구현하는 방법에 대해 알아보겠습니다. RAG는 대규모 언어 모델(LLM)의 응답을 더욱 정확하고 신뢰성 있게 만들어주는 핵심 패턴입니다.1. 데이터 준비 및 임베딩 단계 먼저 데이터를 벡터 형태로 변환하여 저장하는 과정이 필요합니다.이 단계에서는: OpenAI의 임베딩 모델을 초기화하여 텍스트를 벡터로 변환할 준비를 합니다 Pinecone 벡터 스토어를 설정하여 벡터화된 데이터를 저장할 공간을 마련합니다 # OpenAI의 임베딩 모델 초기화embeddings = OpenAIEmbeddings(openai_api_key=os.getenv("OPENAI_API_KEY"))# Pine.. 공감수 0 댓글수 0 2025. 2. 15.
쿠버네티스 pod Pod: 쿠버네티스에서 가장 작은 실행 단위쿠버네티스에서 Pod는 애플리케이션을 실행하는 가장 작은 단위입니다. 하지만 여기서 중요한 점은 Pod 하나에는 하나 이상의 컨테이너가 있을 수 있다는 것입니다. 마치 하나의 집 안에 여러 사람이 살 수 있는 것처럼, Pod 안에 여러 개의 컨테이너가 함께 살 수 있습니다.일상적인 예시로 이해하기생각해보세요, 집을 하나 짓는다고 했을 때, 이 집 안에 여러 명의 사람들이 함께 살 수 있습니다. 집을 짓는 것이 Pod이고, 그 안에서 함께 사는 사람들이 바로 컨테이너라고 할 수 있습니다. 집을 하나 짓는 데 있어 Pod는 여러 개의 컨테이너가 함께 묶여서 동작하는 공간인 셈이죠.Pod의 구조Pod는 컨테이너들의 집합입니다. 일반적으로 Pod에는 하나의 컨테이너만 .. 공감수 0 댓글수 0 2025. 2. 2.
쿠버네티스 아키텍처 마스터 & 워커 노드 관리방식 쿠버네티스 아키텍처: 마스터 노드와 워커 노드 관리 방식쿠버네티스(Kubernetes)는 애플리케이션을 자동으로 관리하고 조정하는 시스템입니다. 큰 기업에서 수백, 수천 대의 서버를 관리할 때, 사람 손으로 하나하나 모든 것을 조정하는 것은 매우 어려운 일이죠. 그래서 쿠버네티스가 등장하여, 여러 서버를 효율적으로 관리하고 애플리케이션을 원활하게 실행할 수 있도록 도와줍니다.여기서 중요한 역할을 하는 두 가지가 마스터 노드(Master Node)와 워커 노드(Worker Node)입니다. 이를 쉽게 이해할 수 있도록, 마치 회사의 부서와 비슷한 구조로 설명해 보겠습니다.마스터 노드(Master Node): 회사의 관리자마스터 노드는 쿠버네티스의 중앙 관리 시스템입니다. 마치 회사에서 모든 일을 결정하는 .. 공감수 0 댓글수 0 2025. 2. 2.
컨테이너와 오케스트레이션 쉽게 이해하기 컨테이너와 오케스트레이션: 쉽게 이해하기1. 컨테이너란 무엇인가?컨테이너를 도시락에 비유하면?컨테이너는 애플리케이션을 실행하는 가벼운 가상화 기술이다. 쉽게 말해 "애플리케이션을 실행할 수 있는 도시락" 같은 개념이다.도시락(컨테이너) 안에는 음식(애플리케이션)과 필수 도구(라이브러리, 종속성 등)가 함께 들어 있다.도시락을 어디서든 꺼내면 똑같은 환경에서 바로 먹을 수 있다.컨테이너도 마찬가지로, 어떤 서버에서 실행하든 동일한 환경을 유지한다.기존 방식과의 차이점구분전통적인 VM(가상 머신)컨테이너실행 속도무겁고 느림가볍고 빠름리소스 사용OS별로 많은 리소스 필요최소한의 리소스 사용이식성환경마다 설정이 다름어디서든 같은 환경 유지대표적인 컨테이너 기술Docker: 가장 많이 사용되는 컨테이너 플랫폼Po.. 공감수 0 댓글수 0 2025. 2. 2.
LangChain으로 AI 애플리케이션 최근 대형 언어 모델(LLM, Large Language Model)의 발전으로 AI를 활용한 애플리케이션 개발이 활발해지고 있습니다. 하지만 단순히 OpenAI API를 호출하는 것만으로는 복잡한 애플리케이션을 만들기 어렵죠.LangChain은 이런 문제를 해결하기 위해 만들어진 프레임워크로, 언어 모델을 다양한 데이터와 연결하고, 에이전트를 통해 복잡한 작업을 수행할 수 있도록 도와줍니다. 이번 글에서는 LangChain의 주요 개념과 아키텍처, 그리고 Python 코드 예제를 소개하겠습니다. 1️⃣ LangChain이란?LangChain은 대형 언어 모델을 활용한 AI 애플리케이션을 쉽게 개발할 수 있도록 지원하는 프레임워크입니다.단순한 텍스트 생성뿐만 아니라 문서 검색, API 호출, 데이터 분.. 공감수 0 댓글수 0 2025. 2. 1.
레거시를 만들지 않기 위한 습관 "비즈니스는 속도가 생명이다." 초기 단계에서는 빠른 제품 출시와 시장 적응을 위해 효율성보다 결과를 우선시하기 쉽다. 이는 자연스럽게 기술 부채를 남기고, '레거시 코드'라 불리는 코드 뭉치나 비효율적인 아키텍처로 이어진다. 하지만, 레거시는 단순히 부정적인 요소가 아니다. 오히려 현재의 비즈니스를 지탱하는 '기반'이자 과거의 성과를 보여주는 흔적이기도 하다."우리는 이 레거시 덕분에 지금까지 성장할 수 있었다." 라는 생각도 가능하다. 레거시란 무엇인가?레거시는 단순히 "오래된 코드"를 의미하지 않는다. 본질적으로 유지보수가 어렵고, 팀의 생산성을 저하시키는 시스템을 뜻한다. 이는 코드의 나이가 아니라 구조적 문제, 복잡성, 문서화 부족, 또는 기술 부채로 인해 발생하는 결과이다.또 다른 관점에서, .. 공감수 0 댓글수 0 2024. 12. 15.
C++ 과 javascript 프론트엔드 개발자가 C++를 알면 여러 측면에서 이점을 가질 수 있습니다. C++는 성능과 시스템 수준의 프로그래밍에 강점을 가지고 있어, 프론트엔드 개발에 직접적으로 사용되지는 않지만 다음과 같은 간접적인 이점이 있습니다:C++를 자바스크립트와 비교하여 기초부터 배우고 싶다면, 두 언어의 주요 차이점과 개념을 중심으로 설명해 보겠습니다. C++는 컴파일러 언어이고, 자바스크립트는 인터프리터 언어라는 근본적인 차이가 있으며, 이에 따라 메모리 관리, 데이터 타입, 흐름 제어 등 다양한 측면에서 차이가 있습니다. 성능 최적화에 대한 깊은 이해: C++는 메모리 관리와 성능 최적화에 매우 민감한 언어입니다. 이를 통해 자바스크립트 엔진의 동작 원리나 브라우저 내부의 성능 최적화 과정에 대한 더 깊은 이해를 .. 공감수 0 댓글수 0 2024. 10. 20.
yarn plugin으로 우아하게 로깅하기 로그는 에러 뿐만아니라 비즈니스 결정을 위한 중요한 요소가 된다. 이처럼 많은 로그를 자동화하기 위해서 많은 중복 코드가 발생할 수 밖에 없다. 토스는 자체 디자인 시스템인 TDS를 이용해 로깅을 자동화했다. 첫번째 시도 - 디자인시스템에 로그 기능을 추가하자개발 비용도 적고 기존에 사용하던 곳에도 적용하기 쉬웠음 그러나, 계열사 별로 로그 코드가 많고 형태가 달라 통합하기 쉽지않음그리고 로깅관련 코드가 함께 배포되는 이슈가 있었음 TDS가 로깅관련 코드를 포함해 로깅관련 수정사항을 반영하면 모든 컴포넌트의 디자인 사양도 변경해야하는 문제도 발생했다. 두번째 시도 - HOC 형태로 로그 감싸기 TDS 컴포넌트를 감싸 제공하는 형태로 제공,서로 독집적으로 수정하고 배포가 가능해졌다. .. 공감수 0 댓글수 0 2024. 10. 20.
프론트엔드의 표준 (HTML, CSS, 크로스브라우징, 브라우저퍼포먼스, 웹 접근성) 프론트엔드 개발의 중요성프론트엔드프런트엔드 개발은 웹 애플리케이션이나 웹사이트의 ‘얼굴’입니다. 사용자가 처음 만나는 부분이기 때문에, 프런트엔드 개발의 품질은 사용자의 첫인상에 직접적인 영향을 미치죠. 하지만 왜 그렇게 중요한 걸까요? 몇 가지 예시를 통해 살펴보겠습니다. 1. 사용자 경험(UX)사용자가 웹사이트를 방문했을 때, 그들이 어떻게 느끼는지가 중요합니다. 예를 들어, 여러분이 좋아하는 온라인 쇼핑몰에서 상품을 검색할 때, 결과가 빠르게 나타나고, 디자인이 깔끔하며, 직관적으로 탐색할 수 있다면, 그 경험이 얼마나 긍정적일까요? 반면, 느린 로딩 속도와 복잡한 내비게이션으로 인해 불편함을 느낀다면, 아마도 다시 방문하고 싶지 않을 겁니다. 이처럼 프런트엔드 개발은 사용자 경험을 극대화하는.. 공감수 0 댓글수 0 2024. 9. 29.
WebRTC의 동작원리 WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를포착하고 마음대로 스트림 할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는 기술입니다. 실시간 통신: 브라우저 간에 실시간으로 오디오, 비디오, 데이터 스트림을 주고받습니다.(기본적으로 UDP 사용)플러그인 불필요: 별도의 설치나 플러그인이 필요 없으며, HTML5와 자바스크립트만으로 통신이 가능합니다.P2P 연결: 서버를 통해 데이터를 중계하지 않고, 사용자들끼리 직접 통신하여 지연 시간을 최소화합니다.보안: 기본적으로 모든 통신은 암호화되어 있어, 보안이 중요한 실시간 통신에 적합합니다. 중개서버를 거치지 않기 때문에 빠른 속도로 통신이 가능하며 HTTPS.. 공감수 0 댓글수 0 2024. 9. 25.
프론트엔드의 역사 3년 차 프런트엔드 개발자로서, 요즘 많은 개발자들이 사용하는 React와 Next.js 같은 프레임워크를 나도 사용하고 있다.그러다 문득, 내가 현재 쓰고 있는 기술 스택들이 왜 등장하게 되었는지, 그리고 어떤 문제를 해결하거나 개선했기에 지금까지 널리 사용되고 있는지 궁금해졌다. (재미있게도, 일부는 과거 방식으로 되돌아가는 것처럼 보이기도 한다.)참고로, 이 글에서는 WEB 1.0이나 IE 등장 등 웹의 초기 역사보다는, JSP 등의 백엔드 중심 개발에서 프런트엔드 직군이 본격적으로 생겨난 시점부터 이야기를 시작해 보려고 합니다.프런트엔드 직군의 탄생: 백엔드 중심에서 프런트엔드로초기 웹 개발: 웹 개발 초기에는 프런트엔드와 백엔드의 경계가 불분명했습니다. JSP, PHP, ASP 같은 서버 사이드.. 공감수 0 댓글수 0 2024. 9. 22.
자바스크립트가 프로토타입을 선택한 이유 자바스크립트를 처음 접했을 때, 사실 아직 까지도 가깝지만 먼 이웃 같은 존재인 프로토타입 여러 글들에선 "프로토타입은 자바스크립트에서 상속을 지원하기 위한 방법"라고 이야기하곤 한다. 여기엔 꼬리에 꼬리를 무는 질문이 이어질 수 있는데, "왜 다른 언어처럼 클래스가 아니라 프로토타입을 사용하는가?""프로토타입과 클래스의 차이는 뭘까?" 그 외에도 자바스크립트엔 면접 단골 질문으로도 유명한 this, 호이스팅, 클로저, 스코프체인 등등.. 이 있다.이러한 자바스크립트의 특성들을 단순하게 암기만 하고 있었고, 대부분의 관련 자료들은 해당 현상에 대해서설명하는 내용이 주를 이뤘고 단순히 외워야 하는 고통스러운 시간이었다. "호이스팅은 자바스크립트에서 코드 실행 시 전체 코드를 선언부 상단으로 올려 실행가능한.. 공감수 0 댓글수 0 2024. 9. 21.
SAA/2024-09-18 고가용성이란?사용자 서비스를 요청할 때 언제든 서비스할 수 있는 특성으로 이중화를 하여 설계된다.ex) 모든 single point component 장애 시에 대응하기 위해서 설계되었다. 높은 가용성을 제공하기 위해 컴퓨터 자원을 몇 개의 Availabilty Zone이 제공되어야하는가?최소 한 개이상 모든 고객들은 낮은 latency를 요규하기 때문에 AWS에서 지원할 수 있는 것은?High availablity-> latency 즉 패킷의 출발지점부터 도착지까지의 시간을 줄이기 위해 고가용성(High availablity)을 제공해야한다. AWS 클라우드의 멀티 리전의 예제는?Agility(민첩성)-> aws의 다중 리전 애플리케이션은 내결함성이 뛰어나며 장애 발생 시에 백업 리전으로 .. 공감수 0 댓글수 0 2024. 9. 18.
AWS Certified Solutions Architect - Associate(SAA) 오답 및 해설 2024-09-08 한 회사에서 새 Amazon EC2 인스턴스에 새 데이터베이스를 배포하고 있습니다. 이 데이터베이스의 워크로드에는 최대 20,000IOPS를 지원할 수 있는 단일 Amazon Elastic Block Store(Amazon EBS) 볼륨이 필요합니다.이 요구 사항을 충족하는 EBS 볼륨 유형은 무엇인가요? 문제는 이런 상황이에요:당신은 웹 애플리케이션에서 새로운 서버를 세팅해서, 데이터베이스를 연결하려고 해요. 근데, 이 데이터베이스가 데이터를 빠르게 읽고 쓰기 위해서 엄청나게 많은 처리량(최대 20,000 IOPS)이 필요해요. 여기서 IOPS는 초당 입력/출력 작업 수를 말하는데, 쉽게 말해 데이터에 얼마나 빨리 접근할 수 있는지를 나타내요. 선택지 설명:프로비저닝된 IOPS SSD (정답):최고 성.. 공감수 0 댓글수 0 2024. 9. 8.
공유기의 동작원리 공유기(Router)란?단일 IP에서 하위 클라이언트 PC가 유선 또는 무선으로 하나의 인터넷 라인을 공유하여 동시에 인터넷 접속이 가능하도록 하는기기다. WAN과 LAN 사이의 중계 역할을 하며 공인 IP를 각각의 PC에 사설 IP로 나누어 주고, 공유기에 연결된 장치들이 통신을 시도하면 NAT 기술을 이용하여 외부방 서버에 메세지를전달한다. 네트워크 주소 변환(Network Address Translation, NAT) : 공인 IP와 사설 IP간 주소를 변환시켜주는 기술광대역 통신망(Wide Area Network, WAN) : ISP가 제공하는 서비스에 의해 구축된 네트워크근거리 통신망(Local Area Network, LAN) : 작은 지역에서 여러 통신 기기와 상호 연결이 가능하게 하는 .. 공감수 0 댓글수 0 2024. 6. 8.
기본 경제용어 정리 가산금리 (Spread)기본 금리에 덧붙여지는 추가 금리.예: 은행에서 대출을 받을 때 기준 금리 3%에 가산금리 1%가 더해져 총 4%의 금리를 적용받음.경기동향지수 (Business Cycle Indicator)경제 활동의 상태를 나타내는 지수.예: 경기가 좋을 때는 상승하고, 나쁠 때는 하락함.경상수지 (Current Account Balance)한 나라가 외국과 거래한 상품, 서비스, 소득의 차이.예: 수출이 수입보다 많으면 경상수지 흑자.고용률 (Employment Rate)일하고 있는 사람의 비율.예: 100명 중 60명이 일하고 있으면 고용률은 60%.고정금리 (Fixed Interest Rate)대출 기간 동안 변하지 않는 금리.예: 5년간 고정금리 3%로 대출 받음.고통지수 (Misery.. 공감수 0 댓글수 0 2024. 5. 30.
프론트엔드 코딩 컨벤션 리마인드 일정에 쫓겨 정신줄 놓고 코딩하다 보면 오히려 동료들의 코드리뷰 시간과 수정하는 리소스가 들어 비효율을 초래하게 된다. 이틀 동안 바쁘게 개발하다 보니 호되게 코드리뷰를 받고, 다시는 같은 실수를 반복하지 않기 위해글로 남기려고 한다~ 코드리뷰부끄럽지만 같은 실수를 하는 것은 나와 나의 동료의 리소스를 뺐을 수 있다.적어두고 몸에 배어 단단한 습관이 되도록 기록하고 계속 읽어보자 props로 setter(setState)하는 콜백은 되도록이면 넘기지 말기 - 되도록이면 호출이 필요한 시점에 호출을 트리거하는 곳에서 호출하자 - 코드를 유지보수하는 쪽에서 작동을 파악하는 데 더 용이함- 호출 제어권을 밖으로 빼어 사이드 이펙의 가능성을 줄임- 양방향 데이터 바인딩은 지양 핸들러 네임 컨벤션 - pro.. 공감수 0 댓글수 0 2024. 5. 22.
emotion(css-in-js)과 nextjs nextjs와 emotion(css-in-js)을 같이 사용하다.두 개의 조합이 별로 좋지 못하다는 생각이 들어 emotion을 사용해 왔던 이유와조합이 좋지 못한 nextjs와 계속 같이 사용을 하는 게 맞을지에 대한 판단을 하기 위해 정리해보려고 합니다.emotion/css-in-js 방식의 장단점 장점가독성 - css 혹은 id 같은 선택자로 css를 작성하지 않고 태그명 자체를 개별로 명시해서 사용할 수 있음스타일 충돌 방지 - emotion을 이용한 스타일링은 개발자가 임의로 선택자를 지정해 작성한 css와 달리 개별 스코프를 가지며 css 충돌 가능성이 매우 낮음상태에 따른 스타일 변경용이- emotion 태그 내에 js코드를 혼합해서 작성이 가능해 react의 state에 따른 스타일 구현하.. 공감수 0 댓글수 0 2024. 5. 5.
몽고디비란? mongoDB 몽고 DB의 기본 개념MongoDB는 고성능, 고가용성 및 쉬운 확장성을 제공하는 NoSQL, Document 지향 데이터베이스입니다.데이터를 배열 및 중첩 Document와 같은 복잡한 데이터 유형을 효율적으로 저장할 수 있는 유연한 JSON과 유사한 형식인 BSON(Binary JSON)으로 저장합니다. JSON BSON 직렬화, 역직렬화 과정에서 CPU 리소스가 많이 사용될 수 있으나,이를 내부 최적화 알고리즘으로 개선했고, 텍스트 보다 적은 용량을 사용해 저장공간의 용이성도 가져온다.일반적으로 데이터베이스 I/O 연산이 더 큰 병목 현상을 일으키 때문에 효율적인 방법 같다. 몽고 DB의 유연과 확장몽고 DB의 장점을 두 개의 키워드로 뽑으면 유연과 확장이라고 말할 수 있을 것.. 공감수 0 댓글수 0 2024. 4. 23.
리액트 성능 측정 & 개선하기 (feat. memo & React DevTools) 리액트 성능 측정하기 - 효율적인 테이블 컴포넌트 구현 사내에서 테이블 컴포넌트를 만들어야 하는 일이 생겼습니다. 그러나 특정 조건들로 인해 성능이슈가 생겼는데요 1. 페이징 처리가 없는 테이블의 형태 2. 옵션값 개수의 모든 경우의 수를 고려한 옵션생성(수십 ~ 수백 개의 테이블 row UI가 생김) 3. 판매 마켓별로 옵션들의 값을 수정할 수 있는 UI 4. 테이블 데이터(옵션)들을 일괄변경 할 수 있는 기능(자주 사용할 것으로 판단) 페이징 처리가 없는 테이블과 자주 사용되는 데이터 일괄 변경 기능은 리액트에서 성능 문제를 초래할 수 있습니다. 특히 수백 개의 테이블 row가 재렌더링 되는 경우, 애플리케이션의 성능 저하가 발생할 수 있습니다. 성능 측정과 개선 성능 측정은 React DevTool.. 공감수 0 댓글수 0 2024. 4. 20.
Sec-CH-UA(Security-ClientHint-UserAgent) 웹 브라우저의 보안 클라이언트 힌트 (Sec-CH-UA) 이해하기 웹 브라우저는 서버에게 어떻게 동작하고 어떤 환경에서 실행되고 있는지에 대한 정보를 전송하기 위해 다양한 헤더를 사용합니다. 이 중에서도 "Sec-CH-UA" 헤더는 보안 클라이언트 힌트의 사용자 에이전트 정보를 제공하는 중요한 역할을 합니다. 이번 글에서는 "Sec-CH-UA" 헤더의 각 필드에 대해 자세히 알아보겠습니다. "Sec-CH-UA"와 관련된 헤더는 주로 웹 브라우저에 의해 자동으로 생성되며, 클라이언트 측에서 서버에 전송됩니다. 이 헤더는 브라우저의 사용자 에이전트 정보와 함께 웹 페이지 요청에 포함됩니다. 유저가 어떤 환경에서 우리 서비스를 사용하는지에 대한 정보를 수집할 수도 있으며 웹사이트 크롤링을 방어할 때 Sec-C.. 공감수 0 댓글수 0 2024. 4. 16.
마이크로 프론트엔드(Micro Frontend) 마이크로 프런트엔드란? 마이크로 프런트엔드는 소규모 프런트엔드 서비스를 독립적으로 개발, 배포, 운영할 수 있게 하는 아키텍처 패턴. 전통적인 단일 프론트엔드 애플리케이션 대신 여러 개의 작은 프런트엔드 애플리케이션으로 애플리케이션을 분리합니다. 마이크로 프런트엔드의 주요 목표와 문제 해결 포인트는 다음과 같습니다. 독립적인 개발 및 배포: 각 마이크로 프런트엔드는 독립적으로 개발, 테스트, 배포할 수 있어 더 빠르게 애플리케이션을 개선하고 배포할 수 있습니다. 기술 스택의 유연성: 마이크로 프론트엔드 아키텍처는 다양한 프런트엔드 기술 스택을 사용할 수 있어 팀이 선호하는 기술을 선택하여 개발할 수 있습니다. (React, Vue, Svelte 등등) 재사용성 및 확장성: 기능이나 컴포넌트를 재사용하거나.. 공감수 0 댓글수 0 2024. 4. 13.
자바스크립트와 V8 마이크로프로세서(CPU) 일단 V8엔진에 대해서 설명하기 전에 우리가 작성한 javscsript 코드가 어떻게 실행되는지 아주 간단하게 훑어보자 컴퓨터의 모든 시스템은 마이크로프로세서(CPU)를 포함하고 있다. 지금 블로그 글을 보고 있는 것도 그 덕분이다. 마이크로프로세서는 전자적인 신호로 동작하는 기계이다. 우리는 마이크로프로세서에게 지시(instruction)를 주고 마이크로프로세서는 job을 수행한다. 여기서 지시란 것은 마이크로프로세서가 해석할 수 있는 언어로 되어있다. 일반적으로 IA-32, x86-64, MIPS 그리고 ARM이 있다. 이러한 언어들은 직접 하드웨어와 소통하며 기계어라고 불린다. 우리가 컴퓨터에 코딩한 고수준 언어들은 컴파일되어 기계어 되어 마이크로프로세서가 실행할 수 있는.. 공감수 0 댓글수 0 2024. 4. 11.
애자일(Agile) 이란? Agile 애자일은 사전적 의미론 '날렵한', '민첩한' 을 뜻한다. 소프트웨어 개발 방법론의 하나인 애자일 프로세스는 처음부터 끝까지 계획을 수립하고 개발하는 폭포수(waterfall) 방법론과는 달리 개발과 함께 즉시 피드백을 받아 유동적으로 개발하는 사상이다. -> 방법론이라고 소개한곳도 있으나, 애자일 자체가 의미하는 것은 사상 혹은 철학일뿐이고 이러한 사상을 계승하여 나온 방법론이 칸반, 스크럼 같은 방법론이라고 한다. - 고객 만족을 최우선으로 하는 개발(고객의 지속적인 피드백을 통해 개선) - 짧은주기의 개발단위를 반복(ex. sprint)하여 하나의 큰 프로젝트를 나가는 방식 - 핵심은 유연성과 의사소통 그리고 동료와의 협업 애자일을 계승한 방법론 스크럼(scrum) 애자일 방법론에는 스크.. 공감수 0 댓글수 0 2024. 4. 7.
프로세스 스케줄링 알고리즘 운영체제가 프로세스 스케줄링을 위해 사용하는 실질적인 방법이다. 대표적인 CPU 할당을 위한 프로세스 스케줄링 알고리즘의 종류는 아래와 같다. 1. 선입 선처리 스케줄링(FIFO) 준비 큐에 삽입된 순서대로 CPU를 할당해주는 방식이다. 먼저 실행되는 프로세스들의 실행 시간이 길다면, 대기 중인 프로세스들이 기다리는 시간이 매우 길어질 수 있다. 2. 최단 작업 우선 스케줄링(Shortest Job First) 실행 시간이 가장 짧은 프로세스부터 CPU를 할당해주는 방식이다. 3. 라운드 로빈 스케줄링(Round Robin) 준비 큐에 삽입된 순서대로 CPU를 할당하지만, 정해진 시간(타임 슬라이스)만큼만 할당해주는 방식이다. 정해진 시간동안 전부 실행되지 못했다면, 맨 마지막 순서로 돌아가서 다시 기다.. 공감수 0 댓글수 0 2024. 4. 3.
좋은 UX란 무엇일까?(feat. 프론트엔드 개발자) UX는 사용자 경험(User Experience)다. 사용자 경험을 중시하는 서비스는 반드시 성공하기 마련이다.(물론 다양한 복합적인 요소도 필요, 반박 시 그 말도 맞긴 함) 토스, 카카오 뱅크, 업비트 등등 수많은 서비스들이 증명했다. 토스나 카뱅같은 서비스가 아닌 다른 1 금융권 서비스에서 해외입출국금지 메뉴를 이용하려면 어떻게 해야 할까? 경험상, 굉장히 번거로운 몇 개의 과정을 거쳐 신청해야 한다. 심지어 은행앱을 설치했음에도 별도의 앱을 설치해야 하는 경우도 있다. 나는 이런 꼭 필요하고 자주 이용하는 메뉴임에도 이런 UX를 만나면 피가 거꾸로 솟는다.... 반면에, 카뱅을 이용하면 간단하게 토글 버튼하나로 해당 서비스를 이용할 수 있다. 기가 막히다! 좋은 UX란 무엇일까? 좋은 사용자 경험.. 공감수 0 댓글수 0 2024. 3. 31.
리눅스 자주 쓰는 명령어 주로 FE 개발을 하고 있지만, 실무에서는 종종 리눅스 명령어를 사용해야 하는 경우가 많습니다. 리눅스 명령어는 각종 테스트를 수행하거나 커널에 작업을 요청하거나 필요한 정보를 확인하는 데 유용합니다. 또한, CLI(Command Line Interface)를 통해 작업하는 것이 GUI(Graphical User Interface)보다 업무 효율을 높일 수 있습니다. 마우스를 사용하는 것보다 키보드로 명령어를 입력하는 것이 시간을 절약할 수 있습니다. (시간 -> 자원 -> 돈) 배워야하는 이유는 간략하게 나열해 볼 수 있겠네요 시스템 관리: 리눅스는 다양한 서버 및 임베디드 시스템에서 널리 사용되며, 이러한 시스템을 관리하기 위해 명령줄 인터페이스를 사용하는 것이 효율적입니다. 기본 명령어를 알고 사용.. 공감수 0 댓글수 0 2024. 3. 31.
팀을 위하는 개발자란? 코딩은 개발자들이 해야 하는 많은 일 중 하나 개발자의 필요조건일 뿐, 비즈니스 목적을 달성하기 위한 도구일 뿐 그 외에 어떤 일들이 있는가? 1. 우선순위 선정하기 2. 개발 일정과 비용 산출하기 3. 주어진 여건에서 최적의 결정하기 4. 비기능적 요구사항과 계약 조건 검토하기 5. 지리적으로 분산된 팀들과 협업하기 6. 사업 목표 이해하기 7. 전체 비즈니스에 영향을 미칠 기술 선정하기... 등등 주위를 보면 존경받는 / 함께 일하고 싶은 / 팀에 큰 전력이 되는 개발자들은 코딩뿐만 아니라 위 역량이 뛰어남 주위 개발자를 보면서 수집한 행동들을 기반으로 크게 본질, 관계, 속마음 3개의 키워드를 선정해 팀에 기여하는 개발자란 어떤 모습인지에 대해 정리해 보겠습니다. 1. 본질 Situation 1 어.. 공감수 0 댓글수 0 2024. 3. 30.
알아두면 쓸데 있는 GOF 디자인 패턴 디자인 패턴은 프로그램을 개발하는 과정에서 빈번하게 발생하는 디자인 설계문제를 정리해서 상황에 따라 간편하게 적용할 수 있게 정리한 것입니다. 선배 개발자 분들의 시행착오 끝에 그중 가장 효과적이라고 알려진 패턴으로 잘 활용할 수만 있다면 적지 않은 시간과 노력, 시행착오를 줄일 수 있습니다. 간략하게 미리 알아두고 풀고 싶은 문제가 있을 때 적재적소에 적용한다면 좋겠습니다! 디자인 패턴 용도에 따라 나누기 가장 대중적으로 널리 알려진 나누는 기준은 생성, 구조, 행동으로 나눈 기준입니다. 생성 패턴(Creational Pattern) 객체 인스턴스를 생성하는 패턴으로, 객체를 생성하는 방법과 시점을 추상화하고, 코드의 유연성, 재사용성 및 유지보수성을 향상시킵니다. 싱글턴 패턴(Singleton Pat.. 공감수 0 댓글수 0 2024. 3. 28.
Node.js 메모리 누수(feat. SSR) 이 글로 얻을 수 있는 것 - 메모리릭을 디버깅 할 수 있는 자신감! - Node.js 환경이든 브라우저 환경이든 크롬 브라우저의 Memory 탭에서 메모리 누수의 범인을 찾을 수 있음! 메모리 누수(Memory Leak)이란? 메모리 누수는 실제로는 필요하지 않은데, 메모리를 계속 차지하고 있는 현상 메모리 누수가 있으면 뭐가 문제일까? JS를 동작시킬 메모리가 부족하니까, 성능이 좋지 않게 된다. - GC의 활동이 늘어나면, CPU 사용량이 늘어난다. - CPU intensive한 작업이 늘어나면, 이벤트 루프가 블로킹되서 연산이 느려진다. 띄워놓은 Node.js 서버가 죽는다. - SIGABRT 등의 시그널로 인한 프로세스 종료 - 인스터스가 재시작되고 일부 요청에 대한 응답이 실패할 수 있음 - .. 공감수 0 댓글수 0 2024. 3. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.