본문 바로가기

전체 글

(110)
초성 검색 기능 구현하기 INDEX Stack #VanillaJS, #Jquery Preview 이번 포스팅은 초성 검색 알고리즘을 참고해 실무에 적용해 본 기능에 대한 내용입니다. 검색 기능 중 마치 노래방 검색기능 초성 검색 기능이 있으면 매우 편리해집니다. 대부분의 금융앱에서 이체 내역 화면을 보면 계좌번호 혹은 상대방의 이름을 통해서 검색해 원하는 계좌만 볼 수 있도록 하는 기능들 많이 보셨을 겁니다. 이 알고리즘을 활용된 부분입니다. Array.prototype.includes(), String.prototype.includes()를 사용해 문자열에서 원하는 원소를 찾는 방법을 사용할 수도 있지만 초성 검색 기능 혹은 한 문자열 안에서 이어져있는 문자열만 찾는 것이 아니라 좀 떨어져 있는 문자열도 찾는 기능을 추가하면 ..
[Nodejs] 프로그래머스 우리싸인 API 서버 개발 과제분석[3] 이전 글에 이어 요건 4번부터 진행해 보겠습니다. 요건 4. 보안 문서 정보가 노출되면 안 되기 때문에 보안에 각별히 신경을 써야 합니다. 4.1. 사이트 간 요청 위조 (Cross-site request forgery, CSRF, XSRF) 차단 src/middlewares/csrf.middleware를 구현해 주세요. express-session과 csrf 라이브러리가 이미 설치되어 있습니다. 해당 라이브러리를 이용해서 csrf 미들웨어를 작성해 주세요. csrf 라이브러리 문서는 여기에서 확인할 수 있습니다. 요청이 들어올 때마다 token을 생성해서 응답 해더 x-csrf-token로 내려주세요. /api path로 요청이 오면, secret을 생성해서 세션에 저장해 주세요 /api path가 아..
[Nodejs] 프로그래머스 우리싸인 API 서버 개발 과제분석[2] 이전 글에서는 프로젝트 구조와 이미 구현되어 있는 signup 과정을 맛보기로 둘러보았습니다. 이번 글에서는 실제 요건을 하나씩 해결해보려 합니다. 요건 1. API 응답 포맷 정상처리 및 오류처리에 대한 API 서버 공통 응답 포맷을 아래와 같이 정의합니다. 정상처리 및 오류처리 모두 success 필드를 포함합니다. 정상처리라면 true, 오류처리라면 false 값을 출력합니다. 정상처리는 response 필드를 포함하고 error 필드는 null입니다. 응답 데이터가 단일 객체라면, response 필드는 JSON Object로 표현됩니다. 응답 데이터가 스칼라 타입(string, number, boolean)이라면, response 필드는 string, number, boolean로 표현됩니다. ..
프로그래머스 우리싸인 API 서버 개발 과제분석 Stack NodeJs,Typescript,node-json-db Preview 이번 글은 프로그래머스 과제 테스트 란에 있는 우리 싸인 API 개발 과제에 대한 분석 및 공부를 위해 작성되었습니다. 과제 대략적인 요건은 이렇습니다. 회원가입/로그인/참가자 인증을 하고 문서에 서명하여 데이터베이스에 저장 및 조회 등의 처리를 위한 Back end 로직을 개발합니다. 자세한 요건은 아래 더 보기를 클릭하시면 볼 수 있습니다. https://school.programmers.co.kr/skill_check_assignments/233 더보기 # 우리싸인 API 서버 문서를 관리하고 참가자가 문서에 서명이 가능한 `우리싸인 API 서버`를 개발해야 합니다. `공개용 API(가입/로그인/참가자 인증)`는 개발이..
es6 문법으로 refactoring하기 Preview 레거시 소스를 보면 es5 혹은 그 이전의 문법으로 되어있는 부분이 있습니다. 정상적으로 잘 돌아가고 있는데 이를 꼭 es6로 리팩토링을 해야 할까요? 정답은 없을 것 같아요. 오히려 새로운 문법으로 다 바꾸는 걸 선호하지 않은 개발자도 있을 것이고 모든 걸 새로운 문법으로 바꾸는걸 선호하는 개발자도 있을 겁니다. 저는 좀 새로운 문법 혹은 트렌드에 맞춰 개발하는걸 선호하기 때문에 여러 소스를 리팩토링 하는걸 좋아합니다. 다음은 ES6 문법 이전의 문법으로 구현된 채팅 기능 일부 소스입니다. 채팅 방 객체 ARoom을 생성하고 Prototype 기반의 객체 생성 방식으로 구현되었습니다. 방 객체를 생성하고 해당 객체의 prototype에 필요한 함수 및 변수를 저장합니다. //------..
[PyQt6] 가상화폐 알고리즘 매매 프로그램(2) - 보유코인 조회 pybithumb API를 사용해서 보유잔고를 조회하는 방법은 다음과 같습니다.*ConnKey와 SecKey는 개별적으로 발급받아야 합니다.from pybithumb import BithumbConnKey = "___" #발급받은 api keySecKey = "___"bithumb = Bithumb(ConnKey, SecKey)for coin in Bithumb.get_tickers(): print(coin, bithumb.get_balance(coin)) tuple의 각 값은 (보유코인, 사용 중 코인, 보유원화, 사용중원화)입니다.현재 제가 5만 원의 잔고를 원화로 넣어둔 상태입니다. 이제 코인 정보를 담아서 QListWidget에 추가하는 프로그램을 짜보려고 합니다.UI는 위 이미지처럼 구현하..
[PyQt6] 가상화폐 알고리즘 매매 프로그램(1) 최근에 PyQt로 이것저것 개발해 보다가 나만의 코인 자동 매매 프로그램을 한번 만들어볼까? 해서 공부를 시작했습니다.코인 거래소의 API를 사용해서 주문을 넣어야 하는 만큼 개인적인 용도로 밖의 사용하지 못해 아쉽지만공부를 하며 개발을 한 내용들을 하나둘씩 기록해나가려 합니다. 왜 PyQt6를 선택했나?윈도우 프로그램을 만들 수 있는 언어와 툴은 상당히 많습니다. 대표적으로 C# Window Form, 델파이, C++ MFC 프로그램 등이 있고 비교적 최근에 나온 라이브러리인 Electron.js를 사용하여 JS 기반의 프로그램을 개발할 수도 있습니다. 하지만 파이썬이 가장 매력적인 이유는 2차원 데이터를 표현하는 Pandas와 코인 및 주식 데이터 관련된 다양한 라이브러리어 데이터 수집 및 전처리가 ..
Push 서버 관리자 사이트 개발 Stack ReactJS, Mui, NodeJS, Pm2 Preview 앱을 사용하다보면 PUSH 알림을 자주 받게됩니다. 금융앱에서도 이체, 주식주문 등과 같은 이벤트가 발생 시 고객에게 PUSH 알림을 주곤합니다. PUSH 서버는 메시지를 받아 FCM(Firebase Cloud Messaging)으로 전송하기 위한 Bridge 성격의 서버로 구성했습니다. 자세한 내용은 아래 링크를 참고해 주세요. https://sieon-dev.tistory.com/69 [Node.js] PM2를 사용해 PUSH서버 구축하기 이번 포스팅에서는 증권사 내부 서버에서 고객의 MTS(Mobile Trading System)에 푸시 알림이 도착하기 까지의 과정을 코드와 함께 기록해두려 합니다. * 보안으로 인해 중요 정보는..

반응형