본문 바로가기

분류 전체보기76

[CSS] 버튼을 누를 때 폭죽 터지는 animation을 넣어보기 안녕하세요! aloveu입니다.오늘은 버튼을 누를 때 폭죽 터지는 효과를 줘보려고 합니다.어디서 본 거 같죠?! ㅋㅋㅋㅋ 네 유튜브에서 좋아요를 눌렀을 때 보이는 그겁니다.따봉은 이미지 구하기 귀찮으니 폭죽만요 ㅋㅋㅋㅋ일단 하나씩 해봅시다. 1. 폭죽 부분 만들기점이 동그랗게 퍼지면서 터지는 효과를 보니 왠지 css에 border 에서 dash나 dotted를 쓰면 될 거 같죠?! 결과" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 오?! 벌써 뭔가 보여요. 그러면 이 원을 커지면서 서서히 사라지게 만들어야합니다. 2. Animation 적용 animation burst를 추가해서 초기에는 투명한 상태에서 시작하고 2초 동안 burst 애니메이션을 실행하게 합니다. 결과" d.. 2024. 4. 29.
혜화 대학로 재밌는 코미디 졸탄쇼와 겐로쿠 우동 안녕하세요! aloveu입니다. 진~짜 오랜만에 와이프 하고 대학로로 나들이를 갔어요. 날씨도 좋고 옛날 생각도 나고 해서 좋았지요.집에서는 버스를 타고 잠실에 가서 2호선을 타고 동대문역사문화공원역에서 혜화로 가야 합니다. 2시쯤 혜화에 도착했는데 여름처럼 너무 더웠어요. 그래서 지하철 내려서 바로 근처 카페로 가서 아이스 아메리카노와 팥빙수를 20분 만에 흡입하고서 구경하러 나갑니다. 프롬하츠커피 대학로점을 갔는데 역시 팥빙수는 기본이 근본... 인절미빙수, 망고빙수 저리 가라!! 근 10년 만에 대학로를 나온 것 같은데 변한 건 많이 없더라고요. 많은 노점들, 마로니에공원 버스킹, 연극 티켓 파는 아저씨들, 공원에 쉬시는 어르신들, 데이트하러 나온 젊은 커플들...뭔가 활기찬 곳에 오니 저도 모르게.. 2024. 4. 28.
S&P500 지수펀드?? SPY, VOO, IVV는 무슨차이일까? 안녕하세요! aloveu입니다.JEPI도 알아봤고, SCHD도 공부했고, 이번엔 S&P500 지수펀드를 알아볼 차례네요.공부를 할수록 내가 이렇게 무식하게 투자를 했구나라고 느끼고 있어요오늘은 포스팅은 이걸로 하기로 마음먹고 여기저기 기웃거리면서 정보를 모아봤어요.S&P 500S&P 500은 미국 최대 주가지수 중 하나입니다. 뉴욕증권거래소(NYSE)와 나스닥(NASDAQ)에 상장된 주식 중 시가총액 기준으로 선정된 500개의 대표기업들로 구성이 되어있어요.시가총액이 큰 기업일수록 지수에 미치는 영향력이 커집니다. 한경닷컴에서 제공하는 마켓맵을 보시면 영향력이 큰 기업들을 한눈에 보실 수 있습니다.한눈에 보니 역시 알만한 기업들이 대부분 차지하고 있네요. 한경닷컴 S&P 500 마켓MAP 보기 : htt.. 2024. 4. 26.
윈도우 PC에서 자녀 보호 설정하기 - Family Safety 안녕하세요! aloveu입니다. 다들 자녀 컴퓨터관리는 어떻게 하시나요?!제 아들은 중학생이 되는 해 연말정도에 데스크톱을 하나 장만해 줬습니다.그러면서 컴퓨터에 자녀 보호 기능을 세팅해야 했어요.여기서는 윈도우에 세팅하는 과정을 포스팅합니다. 맥은 패스할게요.혹시나 자녀 컴퓨터에 세팅을 해야 하는 일이 있으신 분은 따라 해 주시면 됩니다. 아이들은 싫어하겠지만요...개요마이크로소프트에서 제공하는 Microsoft Family Safety라는 앱을 사용할 예정입니다.여기서는 컴퓨터 사용가능 시간, 하루 이용시간, 웹 검색 필터로 허용된 웹사이트만 접근할 수 있게 세팅할 수도 있고 프로그램 설치 관리도 가능합니다.윈도우는 깔려 있을 거니깐 부모와 자녀 둘의 마이크로소프트 계정이 필요합니다. 저는 windo.. 2024. 4. 25.
[NPM] Axios Error 어느 날 잘 되던 axios가 error를 catch 하지 못하고 그냥 디폴트 에러 메시지만 계속 보여주고 있는 걸 발견했습니다.그건 axios가 업데이트되면서 생겼던 문제였는데 하나씩 오류 원인과 해결 방법을 정리해 보고자 포스팅을 합니다.생각보다 간단한거긴해서 글 내용은 좀 짧겠네요. 이슈 발견서버에서 에러코드를 받아 에러코드에 따라 다른 메시지를 화면에 뿌려야 하는데 계속 디폴트 에러메시지만 보여주고 있었어요.콘솔에는 에러 메시지가 찍혔죠. 원인내용인즉슨 endsWith라는 프로퍼티가 없다는거였어요. 콜스택을 따라 들어가 보니 request 하고 에러가 났을 때 err객체를 받아서 stack을 호출하는 게 보였죠.우리는 axios 인스턴스를 만들고 response inter.. 2024. 4. 23.
[Js, Vue] AbortController + onMounted + onUnMounted 안녕하세요! aloveu입니다.겪었던 오류 이슈들을 정리하다 보니 문득문득 생각나는 것들이 있네요.오늘은 Vue의 생명주기인 onMounted, onUnmounted에 대해 설명을 드리고 Js에서 Fetch요청을 중단시킬 수 있는 AbortController에 대해서도 같이 설명을 드리겠습니다.먼저 관련 없어 보이는 이 두개를 왜 같이 묶어서 포스팅을 하는지 배경부터 설명을 드리겠습니다.배경Vuejs로 만들어진 프로젝트에서 빠르게 페이지를 이동을 하면 이전 페이지 onMounted에서 호출했던 API들이 취소가 안되고 다른 페이지에 이동한 이후에도 호출되고 있던 것이었어요.결론은 onMounted도 하나의 function으로 이미 호출된 시점에서 함수 내부 로직을 끝까지 완수했던 것뿐이었어요.. 2024. 4. 22.
[Vue] Router 안녕하세요! aloveu입니다. Vue Router에 대한 설명과 최근에 Vue2와 Vue3에서 작업을 하다가 오류가 났던 이슈들을 함께 정리를 해볼까 합니다.Vue Router일단 뷰라우터는 Vue.js의 공식 라우터입니다. Router란 웹 애플리케이션에서 URL에 따라 적절한 컴포넌트나 페이지를 렌더링 하도록 만들어주는 역할을 합니다. 내비게이션 가드, 중첩라우팅, 동적라우팅 등의 기능을 제공합니다. 처음에 SPA관련 프레임워크나 라이브러리를 사용하면 생소한 개념처럼 느껴지는데 SPA에서 아주 중요한 역할을 합니다. 전체페이지를 다시 로드하지 않고 동적으로 렌더링 하게 만드는 게 Vue Router의 역할이자 SPA의 핵심이기 때문입니다.  기본적인 건 뷰라우터 공식 홈페이지(ht.. 2024. 4. 21.
SCHD(슈드)를 모아야 할까? 안녕하세요! aloveu입니다. 요즘 QQQ, SPY, JEPI 많이들 ETF 하시잖아요. 이 전 JEPI때 포스팅에도 썼지만 역시나 전 슈드를 모르고 샀습니다. 그냥 꾸준히 모으면 된다길래 종목토론방 글만 보고 무식하게 샀었죠. JEPI를 더 알고 싶으시다면? https://aloveu.tistory.com/71 그래서 오늘은 흔히 슈드라고 불리는 SCHD(Schwab U.S. Dividend Equity ETF)에 대해 ETF 두 번째 분석을 해봤습니다. SCHD(Schwab U.S. Dividend Equity ETF) 란? 말 그대로 찰스 슈왑이라는 곳에서 출시한 미국 배당 ETF 중 하나입니다. 슈드는 매년 3월에 리밸런싱을 하고, 안정적인 기업보다는 배당을 많이 주는 기업들을 담고 있습니다. .. 2024. 4. 19.
JEPI가 뭔지 알고 투자하시는 분? 다들 한 번쯤 머릿속에 떠올려보는 제티 아니고요.. 월배당 많이 준대서 덜컥 몇 주을 사둔 저는 뭔지 알고 투자하는 사람이 아니었습니다.이 포스팅을 정리하면서 뭔지 알았지만요 ㅋㅋ 부끄럽네요. JEPI는 대표적인 고배당 ETF종목이고요 또한 월배당주입니다. 이게 도대체가 어떤 거길래 배당도 많이 주고 사람들이 요즘 그렇게 열광하면서 사는지 알아보겠습니다. | JEPI (JPMorgan Equity Premium Income ETF) 란?JEPI(JPMorgan Equity Premium Income ETF)는 커버드콜 전략을 활용하는 대표적인 ETF(상장지수펀드)입니다. 제피는 약 80%는 S&P 500 지수 주식과 기타 주식들에 투자를 하고 있고요. 나머지 20% 정도는 해당 주식들.. 2024. 4. 17.
반응형

티스토리툴바