본문 바로가기
반응형

분류 전체보기373

vuepress 1.9.9 버전 시작하기 (태그 기능 달기) Node 18버전에서 vuepress 1.9.9 버전 설치에 오류가 있어서 포기했다가, 다시 Node 16버전으로 낮춰서 설치했습니다. 아직 Beta버전인 2.0.0 보다 오류가 적은 것 같습니다. 설치하니 기본적으로 검색 툴이 활성화되고, Vue 컴포넌트 추가도 components 폴더에 만드니 별다른 설정없이 인식이 됩니다. 그리고 무엇보다도 태그 요소 추가가 너무 쉽게 진행됩니다. Vuepress2로 하려고 시도하며 공부해서인지 금방금방 작성이 되네요. 다시 Vuepress 1으로 재작성해야겠습니다...ㅠㅠ 1. 설치 npm init npm i -D vuepress@next 2. ./docs/README.md 파일 생성 ### Hello Vuepress 3. ./gitignore 파일 생성 node.. 2023. 7. 12.
Vuepress2에서 vue 컴포넌트 만들어서 등록/사용하기 1. 플러그인 추가 npm i -D @vuepress/plugin-register-components@next 2. .vuepress/config.js파일에 플러그인 추가 import { registerComponentsPlugin } from '@vuepress/plugin-register-components' import { getDirname, path } from '@vuepress/utils' // const __dirname = getDirname(import.meta.url) // 인식 오류시 사용 export default { title:"Hello, Vuepress", plugins: [ registerComponentsPlugin({ componentsDir: path.resolve(_.. 2023. 7. 6.
Vuepress2 정적 사이트 생성기 시작하기 [ 목차 ] 블로그 같은걸 만들다보니 순수 Vue.js보다는 SSR 또는 정적 사이트 생성기 SSG가 필요하게 되었습니다. React에는 유명한 Gatsby가, 그 이전에 Ruby에는 Jekyll 이라는 정적 사이트가 있었는데, Vue에는 마땅한게 없나 살펴보던 중 Vuepress 라는 걸 알게되었습니다. 오늘은 Vuepress를 이용하여 간단한 블로그를 생성해보겠습니다. Vuepress2 Home | VuePress v2.vuepress.vuejs.org 1. 설치 설치는 npm으로 간단히 아래와 같이 진행하면 됩니다. npm init npm install -D vuepress@next 2. 구성 처음 라이브러리를 설치하면 위 이미지처럼 아무것도 나타나지 않습니다. 여기에 몇가지 수동으로 폴더 및 파일.. 2023. 7. 4.
자바스크립트 slice, splice ,split의 활용과 차이점 오늘은 자바스크립트에서 자르고 나누는 함수지만 헷갈리는 세가지 함수, slice, splice, split 에대해 알아보도록 하겠습니다. [ 목차 ] 1. slice() slice는 원하는 부분을 복사하여 새로운 배열로 리턴합니다. 원본을 변경시키지 않습니다. //slice(시작점, 끝점) ...0부터 시작 let my_array=['test1', 'test2','test3','test4']; second_array=my_array.slice(2,3) // output:['test3','test4'] 2. splice() splice는 원본이 수정됩니다. //splice(시작점, 잘라낼 갯수, 추가할 요소,,,n개) // 요소 제거 let my_array=['test1', 'test2','test3','.. 2023. 6. 29.
Nuxt 프로젝트 Netlify에 배포하기 / 외부 도메인 적용하기 오늘은 Nuxt 프로젝트를 Netlify에 배포해보도록 하겠습니다. 동시에, 도메인 하나를 구매해서 적용해보겠습니다. [ 목차 ] 1. 도메인 구매 (hosting.kr) 저는 Hosting.KR이란 곳에서 도메인을 구매했습니다. 아래와 같이 이벤트중인 도메인 종류들도 있는데, 중간 즈음에 "도메인 가격안내"를 클릭하면 이벤트중인 싸고 좋은 것들도 찾으실 수 있습니다. 저는 likeapianist.blog라는 이름으로 블로그를 하나 만들어보겠습니다. 2. Netlify-Gitlap 연동 배포 사전에 Nuxt 프로젝트를 gitlap(또는 github)에 배포를 해 놓습니다. 어느정도 배포가 가능한 모양새는 갖추고 있어야겠죠? 본인의 깃 저장소를 고르고... Vue 프로젝트의 빌드는 "npm run buil.. 2023. 6. 23.
자바스크립트 전개 연산자 (...) 전개연산자는 ES6에서 추가된 기능으로 배열이나 객체를 분해된 값으로 전달하는 기능입니다. 배열 등 모든 순환 가능한 것들은 펼쳐서 가져올 수 있습니다. 1. 배열 예 const arr1 = ['a', 'b', 'b']; const arr2 = ['d', 'e', 'f']; const arr3 = ['g', 'h', 'i']; const sum_array = [...arr1, ...arr2, ...arr3]; console.log(sum_array); // ['a', 'b', 'b', 'd', 'e', 'f', 'g', 'h', 'i'] 2. 객체배열 예 const obj_array=[ { name: "one", age: 1, }, { name: "two", age: 2, }, { name: "three.. 2023. 6. 22.
자바스크립트 화살표 함수 (=>) 오늘은 자바스크립트 ES6에서 추가된 주요 기능 중 화살표함수( => )에 대해 알아보겠습니다. [ 목차 ] 1. 화살표 함수 기존의 function으로 함수를 표현하는 방식을 좀 더 간결하게 표현하기 위해 화살표( => ) 함수가 도입되었습니다. 아래의 두 함수는 모두 동일한 역할을 하는 함수입니다. const test1 = function(a,b){ return a+b; } const test2 = (a,b) => { return a+b; }; const test3 = (a,b) => a+b; 2. 화살표 함수 주의점(this) 일반적인 자바스크립트 함수에서의 this는 - 전역 객체 - 메소드 호출시 호출한 해당 객체 를 나타냅니다. // 일반 함수 const obj1 = { name: '홍길동',.. 2023. 6. 22.
자바스크립트 filter 사용법 자바스크립트 filter 메소드에 대해 알아보겠습니다. Filter 메소드는 배열 내부를 순환하면서 특정 조건에 부합하는 요소들을 새로운 배열에 담아 반환합니다. 1. 기본사용법 result = my_array.filter (a => { return [조건]; }); const my_array = [1,2,3,4,5,6,7,8,9,10] const result = my_array.filter(a => { return a % 2 == 0; // a중 2로 나눈 나머지가 0(즉, 짝수)인 요소 }); console.log(result); // [ 2, 4, 6, 8, 10 ] 2. 객체 다루기 const my_array = [ {name:'홍길동', age:28}, {name:'이순신', age:37}, {.. 2023. 6. 20.
버크셔 해서웨이(Birkshire Hathaway, BRKa) 종목분석 버크셔 해서웨이는 투자의 귀재 워렌 버핏이 이끄는 세계 최고의 투자회사입니다. 우리나라에서도 꽤나 유명한 회사인데요, 구글, 애플, 마이크로소프트 만큼은 아니지만 워렌버핏 회사 하면 대부분 고개를 끄덕입니다. 오늘은 이 버크셔 해서웨이에 대해 알아보겠습니다. [ 목차 ] 비즈니스 버크셔 해서웨이는 1839년 섬유 제조회사로 시작했습니다. 1962년 워렌버핏이 주식매입을 통해 경영권을 얻게되었고, 그후 다양한 업종의 기업과 M&A를 통해 지금의 다국적 지주회사로 성장하게 되었습니다. 개요버크셔 해서웨이는 미국의 지주회사로서 보험업과 제조업 등 다양한 사업을 하고 있지만, 대부분의 매출은 금융업에서 나오고 있습니다. 특히 자회사인 BNGO(Berkshire Growth)라는 헤지펀드 운용사의 수익률이 매우 .. 2023. 6. 19.
23년 6월 17일 보유주식현황 : $711.85(+6.59%) 최근에 좀 바빠서 포스팅을 못했네요. 30프로 이상의 수익을 안겨주었던 몽고DB를 매도하고 다음 목표를 살펴보다가 테슬라를 매입하게 되었습니다. 타이밍이 좋았던 건지 사자마자 또 올라주네요. 하지만 대형주인만큼 몽고DB나 이전의 엔비디아, AMD처럼 급격한 상승을 보여주지는 못하겠죠? 미국주식 장기투자한다면서 다시 마음이 조급해지는데... 다시 맘을 다잡아야겠습니다. 보유 보유주식수 1주당 평균매수가 매수금액 현재가($) - 6/18 합계 667.8373742 711.85 6.590% 넷플릭스 0.271896 377.90 102.7494984 117.45 14.31% 메타 플랫폼스 0.370747 261.17 96.8279940 104.18 7.59% 알파벳 A주 0.793873 124.02 98.456.. 2023. 6. 18.
자바스크립트 Reduce사용법 reduce 함수는 자바스크립트에서 배열 또는 리스트 안의 요소들을 정렬하거나 특정 조건에 부합하면 합계나 평균 등을 계산하는데 사용되는 함수입니다. 개인적으로 자주 쓰지는 않지만 잘 알고있으면 많이 유용하게 쓸 수 있을것 같아서 정리해놓겠습니다. 1. 기본사용법 result = my_array.reduce((acc, cur, i) => { return (acc~연산~cur); }, acc초기값); - acc: accumulate(누적값) - cur: current(현재값) - acc초기값: 누적하기 전에 시작값을 지정 const my_array = [1,2,3,4,5] const result = my_array.reduce((acc, cur, i) => { console.log(acc, i); retu.. 2023. 6. 17.
자바스크립트 Map사용법 - 객체 배열(object array) 요소 변경하기 Javascript에서 객체배열(Object Array) 내부의 요소를 변경해야할 경우가 자주 발생합니다. 예를 들면 아래와 같은 객체 배열이 주어질 경우 특정 요소 또는 전체 요소의 age값을 변경할 필요가 있습니다. const obj_array=[ { name: "one", age: 1, }, { name: "two", age: 2, }, { name: "three", age: 3, } ] 이때 유용하게 사용할 수 있는 함수로 Map 메소드가 있습니다. Map은 내부에서 callback 함수를 실행한 결과를 가지고 새로운 배열을 만들 때 사용합니다. 1. 모든 요소의 값 변경하기 // age를 모두 4로 const result = obj_array.map(obj => { return {...obj, .. 2023. 6. 16.
IgA 신증에 좋은 음식과 생활방법 IgA신증이란 질병을 달고 산지 한 8년쯤 되었습니다. 스테로이드, 고혈압약 등을 매일같이 먹으면서 가끔 재발하기도 하고 하면서 8년이란 시간이 지났는데요. 오늘은 IgA 신증에 대해 정리하는 차원에서 알아보고자 합니다. IgA 신증이란 면역글로불린 A라는 항체가 신장 조직 내에 과도하게 존재하면서 염증반응을 일으키는 질환입니다. 주로 사구체신염 형태로 나타나며 단백뇨나 혈뇨 등의 증상이 나타납니다. 우리 몸의 면역체계를 형성하는 IgA(immunoglobulin A) 라는 물질은 신장, 편도선 등 몸의 여러곳에 분포하고 떠다니고 있는데, 바이러스가 들어와 감기, 고열 등의 증상이 발생하면 급격하게 많은 양이 분비됩니다. 그런데 급격하게 늘어난 이 IgA가 신장쪽에 몰렸고 감기바이러스나 장염바이러스를 공.. 2023. 6. 14.
23년 6월 2일 보유주식현황 : $682.59(+7.41%) 엔비디아와 AMD가 갑작스럽게 올라서 급히 팔아버렸습니다. 요즘 워낙 뜨거운 이슈가 되고 있고, PER이 높네 낮네 말이 많아서 왠지 불안해졌습니다. 계속 갖고 있어소 26%정도의 수익이면 나쁘지 않겠다고 생각해서 팔았습니다. 또한 스타벅스, 월트디즈니, 마이크로소프트를 매도했습니다. 스타벅스는 좀 타이밍 실수를 한것 같네요. 그냥 갖고 있어도 될걸 수수료만 떼인것 같은 느낌입니다. 판 돈으로 몽고DB, 넷플릭스, 메타, 알파벳, 애플을 샀는데, 그 중에서도 몽고DB와 메타에 큰 비중을 두고 아래와 같은 포트폴리오를 만들었습니다. 잘은 모르겠지만 몽고DB는 사자마자 30%가까오 오르는데, 매도 타이밍을 벌써 고민하게 만드네요. 보유 보유주식수 1주당 평균매수가 매수금액 현재가($) - 6/2 현재가($).. 2023. 6. 5.
티스토리 목차 자동으로 만드는 방법 Tistory에서 목차를 자동을 생성하는 방법을 알아보겠습니다. 목차를 HTML모드로 작동시키는 방법도 어렵진 않지만, 뭐든 자동화하면 편한 것 같아서 기록으로 남겨놓습니다. [ 목차 ] 1. jquery.toc파일 다운로드 아래의 파일을 다운받습니다. jquery.toc.js파일과 jquery.toc.min.js파일이 필요합니다. 2. Tistory 스킨에 업로드 다운받으면 images/jquery.toc.js, images/jquery.toc.min.js의 두개의 파일을 업로드해줍니다. 3. HTML 소스코드 편집 아래의 소스코드를 HTML 편집화면에서 js파일을 로딩하는 부분은 바로 윗부분에 넣어주고, 실제 실행하는 코드는 태그 바로 앞에 넣어줍니다. ... 4. CSS 편집 적절한 곳에 아래의 C.. 2023. 5. 31.
AI가 그림을 그려주는 사이트 1. 미드저니(Midjourney) 2. 달리2(Dall-E 2) 3. 블루윌로우 (BlueWillow) 4. 나이트카페 크리에이터 (NightCafe Creator) 5. 크레용(Craiyon) 6.Hotpot.ai 7. 스테이블 디퓨전(Stable Diffusion) 여기저기 AI 가 그려준 이미지들이 쏟아져나오고 있습니다. 뭔가 한번 시도해봐야겠다는 생각에 알아보니, 제공되는 서비스도 벌써 엄청나게 많이 나와있는 것 같습니다. 그중 최근까지 잘 사용되고 있는 서비스들 몇가지에 대해 알아보도록 하겠습니다. 1. 미드저니(Midjourney): 미드저니는 간단한 키워드 형태로 입력하면 그에 맞는 인공지능 이미지를 생성해줍니다. 원래는 무료로 사용 가능한 기회가 25번이 주어진다는데, 현재는 무료 평가버.. 2023. 5. 30.
월트디즈니(Disney, DIS) 종목 분석 월트 디즈니는 미국을 대표하는 대형 미디어 엔터테인먼트 기업으로, 세계적으로 유명한 영화, 애니메이션, 그리고 캐릭터등을 생산해 배급하고 있습니다. 하지만 최근 몇 년간 디즈니의 실적은 그다지 좋지 못했는데요. 오늘은 월트 디즈니에 대해 알아보겠습니다. 비즈니스 개요: 디즈니는 영화와 애니메이션, 픽사, 마블, 스타워즈, 내셔널 지오그래픽, 폭스 영화, TV 프로그램 사업을 하고 있는 미디어, 엔터테인먼트 기업으로 OTT서비스인 디즈니+ 에서 모든 컨텐츠들을 제공하고 있습니다. 그리고 테마파크 디즈니랜드와 같은 사업도 운영하고 있습니다. (**OTT는 인터넷을 통해 다양한 플랫폼으로 사용자가 원할 때 방송을 보여주는 VOD 서비스입니다. 어원은 'Over The Top'으로 '셋톱박스 너머'라는 뜻입니다.. 2023. 5. 29.
23년 5월 27일 보유주식현황 : $643.81(+3.14%) 10만원정도 추가 투입해서 알파벳 8만원과 페이스북 2만원어치를 샀습니다. 마이크로소프트 수익이 15%정도 나서 대부분 매도하고 넷플릭스하고 애플을 샀습니다. AI와 메타버스 관련주들만 가득해서 브랜드 가치를 찾아 애플을 샀고, 최근 넷플릭스 / 월트디즈니도....미리? 사두었습니다. (너무 빠른가...ㅠㅠ. 디즈니 관련 정보가 있어 링크를 남겨드립니다.). 스타벅스와 레이시온은 좀 고점에서 산 것 같은 느낌입니다. 우선 배우는 자세로 지켜보도록 하겠습니다. 다행히도 운좋게 엔비디아와 AMD를 갖고있네요. 비율은 좀 적지만 효자노릇을 했습니다. 보유 보유주식수 1주당 평균매수가 매수금액 현재가($) - 5/19 현재가($) - 5/22 현재가($) - 5/27 합계 140.4614163 537.62 3... 2023. 5. 27.
[도서리뷰] 전인구의 미국주식 투자전략 전인구의 미국주식 투자 전략 갑자기 미국 주식이 하고 싶어졌습니다. 뭐 큰 깨달음을 얻었다거나, 의미를 두진 않습니다. 그냥 갑자기 하고싶어졌습니다. 그래서 제가 좋아하는 미니스탁 프로그램에서 유명한 주들도 몇개 사고, 책을 하나 샀습니다. 평소 즐겨보던 전인구 연구소 채널의 전인구 작가님이 쓰신 책이네요. 인터넷으로 봤을땐 꽤 두꺼울 거라고 생각했는데, 200여페이지 정도로 생각보다 많이 얇았습니다. 평소에도 말을 굉장히 잘하시는 분이라 어떤 내용이 담겨있을까 궁금했습니다. 목차를 보니 1장은 미국주식 투자의 당위성 2장은 ETF 3장은 미국주식 유망한 주요 종목 4장은 전세계 유망 투자처 로 생각할 수 있겠더라구요. 책이 도착하고 하룻만에...그것도 회사다니는 평일 저녁에 다 읽었습니다. 너무 재밌고.. 2023. 5. 27.
엔비디아(NVIDIA, NVDA) 종목 분석 [이 글은 주식을 전혀 모르는 초보가 공부하며 정리하고자 적은 내용입니다. 투자 판단에 유의하세요] 오늘은 이미 핫했지만 AI로 뜨고나서 더욱 더 핫해진, 말이 필요없는 기업 엔비디아(NVIDIA)에 대해 알아보도록 하겠습니다. 지금 글을쓰고 있는 23.05.25일 프리마켓(개장 전 시장거래)에서 20%이상 오르는 기염을 토해내고 있습니다. 인공지능 챗봇 chatGPT 열풍에 힘입어 AI그래픽카드의 수요가 늘어나 분기(2~4월) 실적으로 증명되었으며, 이를 바탕으로 긍정적인 실적 가이던스를 발표했기 때문이라고 합니다. 거기다 CEO는 하반기에도 계속 실적이 좋아질거라고 말하고 있습니다. 계속 주시해봐야할 기업인것 같습니다. 비즈니스 개요: 엔비디아는 1993년 대반의 젠슨황과 미국인 커티스 프리엠, 크리.. 2023. 5. 25.
로블록스(Roblox, RBLX) 종목 분석 [이 글은 주식을 전혀 모르는 초보가 공부하며 정리하고자 적은 내용입니다. 투자 판단에 유의하세요] 로블록스 (RBLX) 회사 및 주식에 대해 알아보도록 하겠습니다. 비즈니스 개요: 최근 급격히 인기가 상승했던 로블록스는 주로 어린이들을 대상으로 한 게임들을 제작하는 게입 개발회사이자 게임 플랫폼 이기도 합니다. 로블록스 플랫폼 안에서 사용자는 게임을 프로그래밍하고 다른 사용자가 만든 게임을 즐길 수 있습니다. 로블록스는 2010년대 하반기에 빠르게 성장하다가 코로나19유행으로 더욱 크게 성장하였습니다. 게임 안에서는 가상의 아바타와 소셜 네트워크를 구성하여 다른 유저들과 소통할 수 있으며, 전 세계적으로 약 1억명이 넘는 유저를 보유하고 있습니다. 2004년에 설립하고 2006년에 출시한 이 플랫폼은 .. 2023. 5. 24.
네이버 웹마스터 도구 Robots.txt 설정방법 robots.txt? robots.txt는 웹사이트에서 크롤링하며 정보를 수집하는 검색 크롤러가 내 사이트에서 접근/수집해도 되는 페이지가 무엇인지, 해서는 안될 페이지가 무엇인지 알려주는 역할을 하는 파일입니다. robots.txt파일은 크롤러가 내 사이트에 접속하여 정보수집을하며 보내는 요청(request)로 인해 사이트가 과부하되는 것을 방지하기 위해 사용합니다. 즉, robots.txt에서 허용한 페이지만 크롤링을 수행하고, 허용하지 않은 페이지는 크롤링을 하지 않습니다. User-agent: * Disallow: /wp-admin/ Allow: /wp-admin/admin-ajax.php 1. 네이버 서치어드바이저 > 웹마스터 도구 2. 웹 페이지 최적화 검증 내 블로그 명을 클릭하고 들어가서 .. 2023. 5. 24.
부산 북구 화명동 기찻길 주변 숲속 카페, 카페 라니(Cafe Rani) 오늘은 색다르게 카페 탐방기를 올려볼까 합니다. 우리동네 핫플, 내돈내산 리뷰입니다. 저녁 7시반, 아이들과 함께하는 야간 산책~ 고고~ 집이 화명동 기찻길 옆 아파트라 기찻길 따라 난 산책길을 자주 걷곤 합니다. 와이프랑 산책하다가 매번 북쪽으로만 다녀서 잘 몰랐는데, 오랫만에 남쪽으로 가면서 신선한 곳을 발견했습니다. 상상치도 못한곳에 너무나 예쁜 카페가 자리하고 있었기 때문이죠. 로드뷰길찾기지도 크게 보기 위치는 초록이 넘치는 기찻길 옆 숲속입니다. 3층 건물 통째로 카페인데, 특이하게도 좌측으로 계단을 공유하는 스튜디오 건물이 있습니다. 우리가 갈 곳은 Cafe Rani... 1층엔 카운터와 실내/야외 테이블이 있는 평범한 카페처럼 보입니다. 하지만...본격적인 탐험은 2층 계단을 올라서면서 시작.. 2023. 5. 24.
메타(구 페이스북, META) 종목 분석 메타(META)는 많이들 아시듯이 Facebook이 기존의 소셜미디어 사업분야에만 머물지 않고 VR과 같은 메타버스 분야로 영역을 확장한다는 목표를 갖고 2021년 변경한 사명입니다. 그러나 미래 먹거리로 주목받던 가상현실, 메타버스의 인기는 빠르게 시들고 있습니다. 경기가 어려워지면서 현실적인 어려움에 닥친 기업들은 당장의 메타버스 계획을 일단 보류하고 다른 분야로 눈을 돌리고 있습니다. 대신 AI분야가 가장 크게 이슈로 떠올랐죠. 메타 역시 이에 영향을 크게 받았으며, 최근 가상현실 플랫폼 이용자수가 급감하면서 주가 역시 크게 하락했습니다. 메타(Facebook)은 가장 유명한 프론트엔드 프레임워크중의 하나인 React를 개발한 업체이기도 한데요. 지금은 인공지능쪽으로 무게중심을 옮기겠다고 발표하였고.. 2023. 5. 23.
초보 블로그 구글애드센스 첫월급 (계좌등록하기) 드디어 구글 애드센스 첫 월급을 받았습니니다. 환율 계산해서 129,667원!!! 사실은 이게 2~3년동안 해서 받안거라는거...ㅠㅠ 구글 애드센스는 진작에 달아놨는데, 스킨을 바꾸면서 잘못연결되기도 하고 제대로 관리를 못해서 수익이 많이 없습니다. 여전히 월 수입은 별로 없지만 애드센스 달고 한 2~3년만에 첫 월급을 받았습니다. 하루 평균 방문자는 대략 300명쯤 되는것 같은데 뭔가 관리가 필요할 것 같습니다. 오늘은 지급계좌 등록하는 방법을 알아보겠습니다. 1. 구글 애드센스 로그인 > 지급 > 결제정보 2. 결제 수단 관리 3. 결제 수단 추가 > 새 은행 송금 세부정보 추가 4. 세부정보 입력 수취인ID는 입력 안해도 되니 무시하시구요. 이름은 여권과 동일하게 해 주세요. 은행 영문이름 및 Sw.. 2023. 5. 22.
23년 5월 22일 보유주식현황 : $530.22(+1.99%) 애플 1천원어치 추가~근데 총액은 더 떨어짐...^^;;; 보유 보유주식수 1주당 평균매수가 매수금액 현재가($) - 5/19 현재가($) - 5/22 합계 519.8350866 537.62 3.421% 530.23 -1.375% 마이크로소프트 0.324394 287.85 93.3768129 103.33 10.65% 103.27 10.58% 스타벅스 0.715743 106.84 76.4699821 76.65 0.23% 75.52 -1.24% 아마존닷컴 0.420279 115.16 48.3993296 49.66 2.59% 48.86 0.94% AMD 0.370957 100.36 37.2292445 40.04 7.54% 39.25 5.43% 로블록스 0.912347 42.44 38.7200067 38.38 .. 2023. 5. 22.
서버리스 앱만들기 - 3.Vue.js 앱 Netlify에 배포하기 서버리스 앱 만들기의 마지막 단원으로 Vue.js 프론트 앱을 배포해보도록 하겠습니다. 1. 앱 만들기 Vue 앱을 만들어줍니다. vue create node_post_vue . // .을 찍으면 현재 폴더에 프로젝트를 생성합니다. vue add router // 곧바로 router 라이브러리를 함께 설치해줍니다. 필요한 라이브러리를 아래와 같이 설치해줍니다. npm i vuex axios 간단히 백엔드에서 보내오는 데이터를 읽어다 표현해주는 것만 할건데도 Store를 구성하고 각 컴포넌트에서 Store state를 이용해야하는게 좀 불편해 보이네요. 그래도 한번만 세팅해놓으면 다음부터는 비교적? 편하게 작업을 할 수 있다고 생각하고 진행하셔요^^;; (1) ./src/main.js import { cr.. 2023. 5. 20.
몽고DB(MongoDB, MDB) 종목 분석 현대 기업환경에서 데이터 기반의 의사결정이 점점 중요해지고 있습니다. 몽고디비(MongoDB)는 기업이 비정형 데이터를 효과적으로 저장/관리하고 분석할 수 있는 유연하고 확장가능한 NoSQL 데이터베이스입니다. 기존의 데이터베이스 하면 가장 대표적인 Oracle 데이터베이스부터 MySQL, PostgreSQL등 다양한 데이터베이스가 존재하는데요, 이들은 SQL데이터라 하여 정형 데이터라고 합니다. 즉 엑셀처럼 필드명이 있고, 수많은 행들로 이루어진 실제 데이터들이 존재합니다. 이런식으로 생긴거다....라고 생각하면 될 것 같습니다. CustomerID Name Age Sex Email 1 John 30 male john@example.com 2 Emily 25 female emily@example.com.. 2023. 5. 20.
서버리스 앱만들기 - 2.Node 서버(Qoddi)에서 PostgresqlDB(CockroachDB) 데이터 읽어오기 제목이 참 힘드네요... 데이터는 적당히 입력이 되었다고 하면, Node(Express)를 통해서 데이터를 넘겨주는 서버를 만들어보겠습니다. 1 .env 파일 CockroachDB연결정보는 사이트에서 제공하는 connection string을 그대로 붙이는게 편리합니다. 비밀번호도 찾아서 잘 넣어주시구요. PORT=3000 NODE_ENV='development' SECRET=mysecretkeytest COCKROACHDB_CONNECT_URL='postgresql://:@wind-raccoon-4725.8nk.cockroachlabs.cloud:26257/defaultdb?sslmode=verify-full' 2. postRoute.js Connection String에 정의된대로 연결하니 오히려 더.. 2023. 5. 20.
23년 5월 19일 보유주식현황 : $537.61(+3.56%) 미국 주식을 다시 시작했습니다. 요즘 미니스탁이라는 어플로 거래하는데, 저랑 성향이 잘 맞는것 같아서 애용하고 있습니다. 미니스탁은 실시간으로 본인이 거래하는 것이 아니고, 주문을 넣으면 밤 10시에 주문처리가 시작되고, 오전 7시30분에 구매 처리가 완료됩니다. 즉 본인이 팔고싶은 가격을 정할 수 없다는 것인데요. 저는 이점이 오히려 장점으로 다가왔습니다. 괜찮은 주들을 선정한 다음에 매수버튼만 누르면 눈 딱감고 기다리면 알아서 적당히 매수가 이루어지거든요. 1주씩 사는게 아니라 금액에 맞게 쪼개서 구매가 이루어지는 점도 정말 맘에 듭니다. 미국 주식은 장기로 가져가야 한다고 하고, 큰 흐름에 올라타는게 중요하지 지금 당장의 몇원 차이에 크게 연연하지 않아도 되지 않을까 생각합니다. 그래도 내가 고른 .. 2023. 5. 19.
반응형