김평범's OrdinaryCode

🐣 들어가기 전 대세가 돌고 돌아 2020년 주식의 부흥으로 모두 모두 재테크를 시작하는 시대가 왔다. 하지만 재테크의 첫 시작은 시드머니 모으기라고 경제 전문가들이 입을 모아 말을 한다. 일단 시드머니를 모아야 재테크를 시작할 수 있다고 하는데 이 작고 조그만 예, 적금 이자를 보다니 도저히 맘이 움직이지 않는다. 이런 사람들을 위해 한 달에 한 번씩 적금을 성공했다는 뿌듯함을 느끼기 위해 또 다른 이유로는 원하는 적금을 못 넣을 경우 해당 금액을 이월시켜 1년에 목표한 금액을 모두 성공하기 위한 템플릿을 만들었다. 노션으로 관리하는 1년 목표 적금 챌린지 템플릿으로 해당 템플릿으로 각자 원하는 목표 적금액을 매달 잘 넣고 있는지를 체크해보도록 하자. 해당 방법은 부자 언니 유수진 언니가 추천해준 방법..

들어가기 전🐣 요즘 한창 재테크 공부를 하는 중에 30일 코스피, 환율, 이자를 작성 중에 있다. 좀 더 깔끔하게 정리하기 위해 노션을 이용하고 있다. (내가 사용하고 잇는 노션 30일 경제지표 변화 정리 템플릿을 이용하고 싶다면 아래 링크를 확인하면 된다. =) ordinary-code.tistory.com/46 [Notion] 재테크 공부를 위해서 노션으로 만든 경제 지표 변화 30일 Diary (노션 템플릿 공유, 김경필 🐣 들어가기 전 주식, 부동산 등 요즘 했다 하면, 다 돈 버는 2020년이었다. 월급쟁이에 작은 월급으로도 행복했던 나에게 재테크는 남의 일이었는데 이제 전문가뿐 아니라 내 바로 옆 직장동료, ordinary-code.tistory.com 하지만, 하다보니 작성할 때마다 네이버에..

🐣들어가기 전에 Database 필드 중 데이터 유형이 BIT인 경우 데이터를 Query를 통해서 가져왔다. 해당 값을 가지고 Node에서 작업을 하려고 했는데, 데이터 값을 콘솔 로그로 찍어보니 이라는 값이 찍힌다. 나는 해당 필드에 저장된 값을 봐야 되는데 어떻게 변환시켜야 하는 것인가 찾아보기로 했다. Buffer란? 이진 파일(binary file)을 저장하는 데이터 포맷이다. 컴퓨터 저장과 처리 목적을 위해 이진형식으로 인코딩 된 데이터 형식의 파일이다. 버퍼 형태로 데이터를 처리할 경우 데이터를 효율 적으로 처리할 수 있다고 한다. DB에서 query를 날린 뒤 나온 비트 형식의 데이터를 bitData변수에 넣어준 뒤, 콘솔 로그를 찍어보면 Buffer 형태로 출력되는 것을 볼 수 있다. co..

🐣 들어가기 전 개발을 할 때 가장 많이 이용하는 브라우저는 크롬을 이용하고 있다. 첫 개발의 시작을 크롬으로 했기 때문에도 당연히 큰 이유지만, 크롬에서 제공되는 확장 프로그램 중 너무 유용한 툴이 많은 이유도 있다. 오늘은 너무 간단하지만 너무 유용하게 쓰고 있는 크롬 확장 프로그램을 소개하려고 한다. 🎨 홈페이지 내 사용하는 색상 코드 알아보기 내 사이트 혹은 다른 사이트에서 사용한 색상을 알아보고 싶은 경우가 있다. 과거의 나라면 해당 페이지를 캡처한 뒤 포토샵을 열어서 컬러 피커를 이용하여 확인을 했다. 하지만, 크롬 확장 프로그램 중 colorpicker Eyedropper를 설치 후 쉽게 해당 홈페이지 색상을 바로 알아낼 수 있게 되었다. ColorPick Eyedropper는 홈페이지 요소..

🐣 들어가기 전 주식, 부동산 등 요즘 했다 하면, 다 돈 버는 2020년이었다. 월급쟁이에 작은 월급으로도 행복했던 나에게 재테크는 남의 일이었는데 이제 전문가뿐 아니라 내 바로 옆 직장동료, 친구까지 재테크로 돈을 벌기 시작하니 슬슬 조급함이 생기는 날이 많다. 특히, 소확행으로 작은 집 한 채만 있어도 나의 인생인 좋을 것이라고 막연히 생각했던 내 인생에 이런 성장 속도라면 내 집은 정말 없을 수도 있겠는데?라는 생각까지 그렇다고 우리가 번 돈을 아무런 지식 없이 다들 벌었다는 말에 덜컥 주식이라도 투자한 날에는 높은 층에 갇혀버린 뒤 못 나올 수도 있지 않겠는가? 재테크도 스터디가 필요하다. 그중 돈립 만세 유튜브 김경필 작가님 편을 보니 경제지표를 30일만 입력하면 내 삶에서 변화가 온다고 한다..

🐣 들어가기 전 어느 날 Nuxt로 만든 프로젝트에서 run server를 돌릴 때마다 이상한 경고문이 발생하기 시작했다. Classic mode for store/ is deprecated and will be removed in Nuxt 3. 무슨 에러이길래 이렇게 무섭게 여러 번 찍히는 것인가 에러가 찍히긴 하지만 프로젝트 상 기능에서는 특별히 큰 문제가 없어서 일단은 무시하고 있었으나, 지속적으로 콘솔 로그에 뜨다 보니 슬슬 신경이 쓰여 이번 기회에 알아보기로 했다. 💡 Store에서의 Classic Mode과 Module Mode Nuxt에서 store 기능을 활용하기 위해서는 /store 디렉터리 아래에 파일을 생성해야 한다. 해당 디렉터리 이름을 절대적이며 변경을 해서는 안되기 때문에 vue..

Vue.js가 IE8까지 지원한다고 하는데.. Vue는 ES5 기능을 사용하기 때문에, IE8 이상에서는 정상 작동한다고 나와있다. 하지만 프로젝트를 개발하다보면 axios나 vue에서 작동하는 라이브러리들을 실제로 적용했을 때는 IE11에서 조차도 제대로 작동하지 않는 문제가 발생한다. 내가 만드는 프로젝트는 대부분 특정 타깃이 있기 때문에 IE11를 지원하지 않으니 다른 브라우저를 사용할 수 있었지만, 이번 프로젝트로 하는 대표 홈페이지 리뉴얼의 경우 불특정 다수 여러 사람이 우리 홈페이지를 접근하는 환경에 놓이게되었다. 아무리 explorer가 사라지고 있긴 하지만, 혹시 컴퓨터를 잘 모르는 사람이 우리 회사 대표 홈페이지를 접근했는데 이상한 화면이 뜬다면? 이 부분은 반드시 대응해야 한다는 생각으..

🧮 Project M/D 계산기 2020.12 노션 업데이트로 타임라인 기능이 추가되었다. 기존 신규 프로젝트 준비를 할 때 반드시 WBS를 마일스톤 형식으로 작성해야 했는데 Notion의 타임라인 기능이 추가되며 이 부분을 해결할 수 있을 것 같아 템플릿을 만들어 보기로 했다. 템플릿은 각 프로젝트 단계 별로 세부 단계를 작성하고 타임라인에 해당 단계의 업무 일정을 만들어주면 자동으로 해당 단계의 업무일을 계산해주는 형식으로 생각했다. 그리고 각 해당 업무일에 투입인력이 몇 명이 투입되는지를 적어주면 실제 M/D를 구하는 방식으로 생각해보았다. ✨ 템플릿 주요 기능 Project M/D 계산기는 총 2개의 표로 이루어진다. 단계별 M/D 산출 (timeline view, table view) M/D 상..

🐣들어가기 전 요즘 들어 API 신규 기능 오픈을 준비하는 등 이슈로 인해서 노션 서버가 멈춰 무한 로딩이 걸리는 사람들이 많아졌다. 그러다 최근 2021년 02월 13일 노션에서 다시 서버가 다운되었으며, 공식 트위터 상에서도 노션을 꼭 백업하는 것을 추천한다는 공지가 떴었다. 룸메이트도 노션 사용 중 자신이 만든 페이지 하나가 없어졌다가 몇 분 뒤 다시 보이는 등의 이슈가 나타났고, 이러한 불안감으로 현재 불안정한 노션 서버에 큰일이 나기 전 노션을 백업을 해보도록 했으며, 백업 후 해당 파일로 복구 시 얼마나 비슷하게 복구되는지 궁금해서 진행해보았다. 📂노션 백업 방법 노션에 들어가면 우측에 설정과 멤버라는 버튼을 클릭한다. (영문 버전의 경우 Settings & Members로 들어간다.) 해당 ..

🐣 들어가기 전 오늘은 노션으로 투자를 위한 자산 포트폴리오를 만들어보려고 한다. 현재 자산이 어디에 투자되고 있으며, 나의 돈 현금화 시점은 언제인지 혹은 지금 리스크와 이익이 분배율이 어느 정도인지를 확인하여 이후 투자 비율을 조정할 수 있는지를 한눈에 확인하는 것을 목적으로 합니다. 오늘 만드는 자산 포트폴리오는 주식에 관련된 포트폴리오는 아니고, 나의 돈이 어디에 지금 분산되고 있는지 전체를 보여주는 템플릿이다! 주식 관련 방송을 보니 보통 주식 관련 포트폴리오를 먼저 만들기 전 자신의 자산을 확인하는 게 중요하다고 하길래 이번 기회에 노션으로 정리해보기로 했다. 노션으로 만든 자산 포트폴리오 기능 소개 자산 포트폴리오는 총 3개의 표로 이루어져 있다. 현재 자산목록에 자산명과 가격을 적어주면 된..