본문 바로가기

분류 전체보기93

투자 심리 지표: 공포와 탐욕 지수, 지금은 어떤 감정일까? 안녕하세요! aloveu입니다. 다들 성투하고 계신가요? 요즘 저는 미국주식에 대해 관심이 높습니다. 이미 오를 대로 올랐는데 뭔 미국주식이냐?라고 하실지 모르겠지만 배당주를 찾기 시작하면서부터였을 겁니다. 그러다가 알게 된 미국주식 투자를 하기 위해서 참고할만한 한 가지 지표를 오늘은 기록해 볼까 합니다. | 투자자들의 심리를 읽는 지표 월스트리트 투자자들의 심리를 파악하는 데 중요한 지표 중 하나는 바로 공포와 탐욕 지수(Fear & Greed Index)입니다. CNNMoney에서 제공하는 이 지표는 0에서 100까지의 수치로 나타나며, 0은 극도의 공포, 100은 극도의 탐욕을 의미합니다. 2024년 2월 16일 기준 공포와 탐욕 지수는 77로 Extreme Greed 수준입니다. 이는 지금 탐욕.. 2024. 2. 16.
프론트 개발자라면 꼭 알아야 할 package-lock.json의 비밀! npm 5.0부터 npm install을 하면 생기는 package-lock.json 파일이 있습니다. 어차피 모듈 관리는 package.json에서 하고 있으니 시스템 구동상 필요한 파일이겠거니 하고 신경을 쓰지 않던 애였는데요. 같은 팀원끼리 협업을 하면서 설치된 패키지들이 서로 버전이 달라 오류가 발생하는걸 몇 번 겪고 이를 해결하기 위해 yarn berry, pnpm을 찾아보다가 package-lock.json의 용도를 알게 됐습니다. | package-lock.json파일이란? 패키지들을 npm을 통해서 설치하게 되면 자동으로 생성하게 되는 파일인데 node_modules 폴더에 설치된 패키지들의 의존성 트리를 기록하고 있는 파일입니다. lock 파일에는 버전이 정확하게 명시 되어있습니다. | .. 2024. 2. 14.
상승의 신호? 하락의 경고? ADR 지표 알아보기 안녕하세요! aloveu입니다. 오늘부터는 주식공부를 조금씩 하기로 마음을 먹고 하나하나 용어부터 정리하기로 했어요. 그 첫번째가 ADR입니다. | ADR (Advance Decline Ratio) 지표란? ​20거래일 동안 상승종목 누계를 하락종목 누계로 나눈 백분율로 표시하며, 증권시장 내의 매수세력과 매도세력의 크기를 가늠하는 지표로 쓰입니다. 즉, 시장의 전체적인 상승/하락 추세를 보여주는 지표입니다. 주말은 제외하고 20일이면 근 한 달을 기준으로 계산을 한다고 생각하시면 됩니다. 상승한종목수/하락한종목수*100​ | ADR 지표 활용법 ADR이 100%인 경우는 상승종목수와 하락종목수가 균형을 이루고 있다는 것을 나타냅니다. 높을수록 상승한 종목수가 많다고 보면 되고 낮을수록 하락한 종목이 많.. 2024. 2. 13.
Vercel V0 : 글로 요청만 하면 인공지능이 UI와 개발도 해준다고? 안녕하세요! aloveu입니다. 23년 9월 15일에 Vercel이 실시간 AI 프롬프트로 디자인과 리엑트 컴포넌트를 빠르게 만들 수 있는 v0.dev를 공개했었죠. 이제야 글을 쓰는 건 살짝 늦은 감이 있긴 한데 그래도 한번 다뤄보겠습니다. | Vercel V0를 사용하는 방법 v0.dev 는 최근까지 Private Beta 단계였고 대기자 명단에 등록해 컴펌이 되어야 사용을 할 수 있었는데 지금은 Beta단계로 회원가입만 하면 바로 사용할 수 있어서 저도 한번 테스트를 해봤습니다. V0의 가격 정책은 아래 이미지와 같습니다. 무료로 사용이 가능한데 월에 200 Credits을 주네요. V0 사이트 바로가기 : https://v0.dev/ v0 by Vercel Generate UI with simpl.. 2024. 2. 7.
웹성능 최적화! 구글 라이트하우스를 활용한 웹사이트 진단 및 개선 방법 안녕하세요! aloveu입니다. 블로그를 운영하든 웹사이트를 운영하든 SEO가 중요하다는 건 모두 아실 텐데요. 이 SEO에 중요한 영향을 미치는 웹성능에 대해서 구글에서 제공하는 lighthouse라는 성능체크툴을 이용해 알아보려고 합니다. 라이트 하우스 말고 다른 페이지 성능 결과를 보여주는 사이트는 https://pagespeed.web.dev/?hl=ko 도 있어요. | Lighthouse 실행하기 크롬에서 웹사이트를 들어간 다음에 F12를 눌러봅니다. 그러면 devtools가 뜨는데 여기 상단탭에 보면 lighthouse라는 탭이 있을 겁니다. Navigation (Default)를 선택하고 진단할 Device와 categories를 선택한 후에 Analyze page load 버튼을 눌러보면 .. 2024. 2. 5.
IntelliJ Test Case Setting 안녕하세요! aloveu입니다. 오늘은 Vue에서 단위테스트 하실 때 편하게 사용하실 수 있는 IDE 세팅에 대해서 알아보겠습니다. Vue에서 단위테스트를 하려면 vue-cli에서 제공해 주는 jest를 쓰면 되는데 기존 설치된 vue-cli에서 jest를 추가하려면 터미널에서 아래와 같은 명령어로 추가해 줍니다. > vue.cmd add unit-jest 테스트 케이스 작성법은 jest docs(https://jestjs.io/docs/getting-started)를 참고하시면 되고요. 여기에서는 세팅을 어떻게 하는지만 알아보겠습니다. | Pinia 테스트 작성법 그전에 상태관리 라이브러리로 Pinia를 쓰고 계시는 분들을 위해 추가하자면 Pinia는 따로 테스트 모듈을 추가해줘야 합니다. npm i .. 2024. 1. 25.
Vue3의 상태관리자로 Pinia를 사용해 봅시다. 안녕하세요! aloveu입니다. 오늘은 vue의 상태관리자로 pinia를 사용하는 걸 적어볼게요. 보통 vue2까지는 vuex를 많이 사용했을 텐데 vue3로 올라온 이상 pinia를 고려해 보심이 좋을 거 같아요. 그럼 각 상태관리툴로써 비교를 해보겠습니다. | VUEX vuex는 기존 vue에서는 유일하게 상태관리 툴로 사용되고 있는 공식 지원 상태관리자였습니다. 단점으로는 모듈 분리, typescript 등 설정하는데 시간이 많이 걸리는 게 있어요. 하나의 상태(state)를 가져다 쓰고 업데이트하는데 state, getter, action, mutation이라는 각 타입별로 모듈 분리하고 typescript 적용하는 게 번거롭습니다. typescript를 사용하신다면 vuex는 완벽하게 지원을 하.. 2024. 1. 15.
Service Worker 적용해 보기 서비스워커는 기본 브라우저 스레드와 별도로 실행되어 네트워크 요청을 가로채거나 리소스를 캐싱하거나 푸시 메시지를 전송하는 js 파일로 되어있는 하나의 워커입니다. 보통 서비스워커는 앱과 서버 간의 프락시 역할을 하고 메인 스레드에서 오는 모든 네트워크 요청이 여기를 통과합니다. 따라서 캐시 된 데이터들이 있을 경우 네트워크 요청을 중지하거나 수정하거나 하는 권한을 가집니다. 물론 캐시를 쓸 수 있도록 등록을 해야 합니다. 등록과정은 아래 서비스워커 등록하는 방법을 알려드릴 때 캐시 부분도 같이 기술하겠습니다. | Service Worker 적용하기 LifeCycle 서비스 워커의 라이프 사이클은 아래처럼 동작을 하고 이건 등록하는 과정을 설명하는 과정에서 다시 한번 언급하겠습니다. 서비스워커 등록 보통 .. 2024. 1. 13.
Mocking 서비스 도입하기 (msw) 안녕하세요! aloveu입니다. 프로젝트를 진행할 때 기획도 나오고 api 명세도 나왔는데 백앤드 api 개발이 완성될 때까지 기다리고 계시나요? 아니면 비즈니스 로직 안에 받을 데이터를 모두 넣어 소스가 지저분 해지나요? 오늘은 그냥 api 통신을 하고 데이터만 내가 설정한 데이터를 받아 볼 수 있게 하는 msw라는 라이브러리를 알아보겠습니다. | 설치 > npm i msw > npx msw init public/ --save 프로젝트 루트에서 설치하면 public 폴더 및에 mockServiceWorker.js 파일이 생성되는데 이 서비스워커를 우리 프로젝트에 등록을 해줘야 합니다. 그게 두 번째 줄에 있는 명령어인데 msw에서 제공하는 init 명령어로 따로 설정할 필요 없이 바로 등록이 가능합니다.. 2024. 1. 11.
반응형

티스토리툴바