본문 바로가기

분류 전체보기31

kakao RestAPI Geocode(주소 to 좌표) node.js에서 카카오 restapi를 이용해서 geocode를 하는 방법을 오늘은 설명해보려고 한다. 우선 기본적으로 npm으로 초기 세팅을 잡아주고, axios라이브러리를 설치하는 방법은 간단하게만 설명하겠다. 우선 폴더를 하나 만들고 npm init을 입력하면 설정을 잡아주는 방법이 나온다, 그러고 npm install axios를 하게 되면 axios의 라이브러리를 설치하는 것 까지는 끝! 이것보다 자세한 설명을 원하면 조금 더 공부를 하고 찾아보는 걸 추천한다. 우리의 목적은 kakao restapi를 이용해서 geocode를 하는 방법이니까! 이제 준비가 끝났으면 kakao에서 restapi를 이용하기 위한 service key를 발급 받아보자! 아래 출처를 참고해서 발급 받으면 쉽게 발급 .. 2023. 8. 7.
MACD(Moving Average Convergence Divergence) MACD 💡 참고자료: https://alphasquare.oopy.io/board/technical-indicator/macd 정의 단기 지수이동평균 - 장기 지수이동평균 MACD곡선과 시그널 곡선이 서로 교차할때, MACD의 추세가 바뀐다고 판단 시그널 MACD의 K일 지수이동평균 히스토그램 MACD - 시그널 MACD 매매 전략 MACD가 시그널을 상향돌파하는 경우, 상승 모멘텀을 받은 것이므로 매수 MACD가 시그널을 하향돌파하는 경우, 하락 모멘텀을 받는 것이므로 매도 지표의 돌파 방향과 추세의 방향이 같다면, 기존의 추세 강도가 더 강해져 이후에도 추세가 지속 지표의 돌파방향과 추세의 방향이 반대라면 기존의 추세 강도가 약해져 추세가 반전 MACD 기준선 교차 MACD가 기준선을 상향돌파하는 .. 2023. 8. 7.
Flexbox & Grid 레이아웃(Layout) 구성 요소를 공간에 효과적으로 배열하는 일, 또는 그 기술 대표적인 CSS 레이아웃 기술들 일반적인 문서의 흐름 display 속성 flexbox grid layout float 속성 position 속성 기타 등등 플렉스박스(flexbox) 플렉스박스는 행 또는 열을 주축으로 설정하여 웹 요소를 배치 및 정렬하는 1차원 레이아웃 방식을 말한다. 플렉스 박스에서, 요소의 배치와 정렬은 플렉스 컨테이너와 플렉스 아이템간의 상호작용을 통해 결정 주요 용어 플렉스 컨테이너: 플렉스박스 방식으로 레이아웃을 결정할 요소 플렉스 아이템: 플렉스 컨테이너 내부에서 플렉스 박스 방식으로 배치되는 요소 flexbox의 속성 flex-direction 플렉스 컨테이너의 주축을 결정하는 속성 행은 가.. 2023. 1. 26.
React SunEditor SunEditor 다양한 라이브러리들 중에서 쉽고 빠르게 가져다 쓸수 있는 라이브러리가 필요했다. slate-react, tiptap, draft.js 등등 많은 텍스트 에디터들이 존재하는데, 사내 홈페이지 개발기간은 짧고 admin페이지에 들어갈 에디터라 어렵게 구현할 필요는 없어서 최대한 적용하기 쉽고 간편한 에디터를 찾았다. 그러다가 나온 sunEidtor를 적용해서 프로젝트를 진행했다. 설치방법 yarn add -D suneditor suneditor-react 를 이용해서 설치를 진행해주면 된다. 사용방법 import React, { useRef, useEffect, useState } from "react"; import SunEditor from 'suneditor-react'; import.. 2023. 1. 16.
반응형