개발/CSS3

테이블 테두리 둥글게(라운딩) 만드는 방법 | table with border radius css

요즘 실제 웹서비스를 구현할 때 레이아웃에 테이블을 사용하진 않지만 Email HTML 템플릿 코딩을 하다보면 테이블 태그를 꽤 많이 사용합니다. 아래 이미지와 같이 테이블 테두리를 라운딩 처리를 하기 위해 border radius 속성값을 부여했을 때 제대로 동작하지 않는 경우가 생깁니다. 해결방법 만약 테이블 태그에 해당 이슈가 발생했다면 border-collapse: collapse; 속성 때문일 것입니다. .... border-collapse: separate (기본값)으로 설정하면 정상적으로 border radius 속성을 적용할 수 있습니다.

개발/Javascript

자바스크립트 모바일 키보드 닫는 방법(비활성화) | Close Mobile Keyboard & Menu on Return

모바일에서 Input 태그에 포커싱이 들어가면 자동으로 키보드가 활성화 되는데요. input 태그에 값을 모두 입력하고 return을 눌렀을 때 키보드만 hide 처리하는 방법이 있습니다. 보통 form 태그에 감싸져있는 input이라면 return을 눌렀을 때 자동으로 form submit 이벤트가 발생할 것입니다. 해결방법 해결방법은 keypress 이벤트 흐름을 중단시키고 현재 input 포커스를 blur처리를 하면 됩니다. // Javascript document.querySelector('input').addEventListener('keypress', (e) => { if (e.keyCode === 13) { e.preventDefault(); document.querySelector('inp..

투자/암호화폐

크레딧코인(CTC, Creditcoin) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 크레딧코인(CTC, Creditcoin) 입니다. 크레딧코인(CTC, Creditcoin)에 대해 전반적으로 한번 살펴보고, 크레딧코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 크레딧코인(CTC, Creditcoin) 이란? 소개 크레딧코인(Creditcoin)은 전 세계의 금융소외자(unbanked)들에게 투명하고 객관적인 방식으로 금융 서비스를 제공하기 위해 만들어진 신용거래 기록용 블록체인 플랫폼을 위한 암호화폐입니다. 미국 실리콘밸리에 있는 한국계 기업인 글루와(Gluw..

투자/암호화폐

암호화폐 알트코인의 진실 feat. KBS 시사직격

KBS 시사직격에서 알트코인 관련해서 방송되었는데요. 제가 코인 리뷰를 올리면서 가장 우려했던 부분들에 대해 제대로 짚고 넘어가줘서 공유차원으로 포스팅을 남깁니다. 현재 코인에 투자하시는 투자자 분들이나 투자를 고민하시는 분들이라면 꼭 한번 보셨으면 좋겠습니다. 제가 늘 알트코인에 대해 분석할 때마다 ERC-20 토큰 개발밖에 되지 않은 코인에 대해서는 매번 "극 초기투자 단계", "딱히 아웃풋이 없기 때문"이라는 말을 언급하고 보수적이니 관점에서는 이후에 실제 출시된 개발 아웃풋을 보고 투자를 해도 늦지 않는다는 말씀을 드렸는데 KBS 시사직격에서 다룬 방송에서 나온 것처럼 ERC-20 토큰을 개발하는 것은 정말 너무 쉽기 때문에 이것과 백서만 보고 투자하기에는 리스크가 굉장히 크기 때문입니다. 투자에..

개발/AWS

Elastic Beanstalk Amazon Linux 2 마이그레이션 방법 (Migrating your Elastic Beanstalk Linux application)

기존에 사용중인 Amazon Linux AMI 플랫폼이 Deprecated됨에 따라서 Amazon Linux 2로 마이그레이션을 진행하게 되었습니다. 개발환경 Node@12.21.0 Nuxt@2.11.0 as-is Node.js running on 64bit Amazon Linux/4.17.7 to-be Node.js 12 running on 64bit Amazon Linux 2/5.4.2 기존 구성 파일 files: # Found at https://stackoverflow.com/a/42096244/9074640 # Runs right before `npm install` in '.../50npm.sh' "/opt/elasticbeanstalk/hooks/appdeploy/pre/49_yarn.sh"..

개발/기타

[Mac OS] 파일 및 폴더 위치(경로) 확인하는 방법 (How to copy path of a file)

맥에서 파일이나 폴더 위치를 확인하고 싶을 때가 있습니다. 간편한 기능이긴 하지만 사용해보지 않았다면 분명 귀찮게 한번씩 찾아보게 될 것 인데요. 이번 포스팅에서는 굉장히 쉽고 간편하게 파일 및 폴더 위치(경로)를 확인하는 방법에 대해서 알아보도록 하겠습니다. 경로 확인 방법 맥에서 경로를 확인하는 방법에는 파인더를 사용하는 방법과 터미널을 사용하는 방법이 있습니다. 각 방법 별로 간단한 예시와 함께 사용하는 방법에 대해서 알아보도록 하겠습니다. 파인더(Finder) 모하비 이전까지 Finder에서 파일의 정보 가져오기 메뉴를 통해서 일반적인 복사를 사용하면 그대로 경로가 붙여넣기 되었는데 버전 업그레이드가 된 이후로 해당 기능이 적용되지 않더라구요. (아래 이미지처럼 정보를 확인하려는 이미지(동영상)을..

개발/기타

brew update 403 forbidden 해결방법 (brew update returns 403 Forbidden while accessing)

Homebrew(홈브루)를 활용해 패키지를 설치하려고 했으나 아래 이미지와 같은 에러가 발생했습니다. brew install ffmpeg 디버깅을 위해 검색을 해보니 Homebrew 버전 이슈였고, brew update를 정상적으로 진행하기 위해 메시지에서 나온 GIt 경로의 파일을 받은 후 업데이트를 진행해야 합니다. Homebrew v3.1.0 replaced Bintray with GitHub packages. Running brew update will update to the newest version of Homebrew and solve this issue. 해결방법 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch -..

투자/암호화폐

우마(UMA) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 우마(UMA) 코인입니다. 우마(UMA) 코인에 대해 전반적으로 한번 살펴보고, 우마 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 우마(UMA) 코인 이란? 소개 검열, 전통적인 금융 시스템, 사회적 자본, 그리고 신념과 가치에 따른 제한 없이 모든 사람들이 금융 시장에 접근 할 수 있어야 한다는 열정적인 신념에 따라 운영됩니다. 모든 사람들이 금융 시장에 자유롭게 접근할 수 있다면, 모든 사람들이 자신의 경제적 자유를 구축할 수 있는 동등한 기회를 갖게 될 수 있습니다. U..

투자/암호화폐

링크 플로우(LF, Linkflow Finance) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 링크 플로우(LF, Linkflow Finance) 코인입니다. 링크 플로우(LF, Linkflow Finance) 코인에 대해 전반적으로 한번 살펴보고, 링크 플로우 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 링크 플로우(LF, Linkflow Finance) 코인 이란? 소개 링크플로우(LinkFlow, LF)란 기존 가상자산 시장에 존재하는 불안정성, 해킹 이슈 및 불투명성 등의 문제점을 해결하여 안전한 블록체인 기반의 금융 서비스를 제공하고자 구축된 스마트 자산 관리..

투자/암호화폐

엔케이엔(NKN) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 엔케이엔(NKN) 코인입니다. 엔케이엔(NKN) 코인에 대해 전반적으로 한번 살펴보고, 엔케이엔 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 엔케이엔(NKN) 코인 이란? 소개 NKN 은 탈중앙화 인터넷 플랫폼 인 NKN (New Kind of Network)을 개발하고 있습니다. 경제적 인센티브를 사용하여 인터넷 사용자가 네트워크 연결을 공유하고 사용하지 않는 대역폭을 활용하도록 동기를 부여합니다. NKN의 개방적이고 효율적이며 강력한 네트워킹 인프라 통해 애플리케이션 개발..

투자/암호화폐

팔라 네트워크(PHA, Phala Network) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 팔라 네트워크(PHA, Phala Network) 코인입니다. 팔라 네트워크(PHA, Phala Network) 코인에 대해 전반적으로 한번 살펴보고, 팔라 네트워크 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 팔라 네트워크(PHA, Phala Network) 코인 이란? 소개 Phala Network는 개인 정보를 보호하는 분산 애플리케이션 및 서비스를위한 교차 체인 기밀 스마트 계약 네트워크입니다. Phala는 TEE-Blockchain 결합 구조를 적용한 Substrat..

투자/암호화폐

솔라나(SOL, Solana) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 솔라나(SOL, Solana) 코인입니다. 솔라나(SOL, Solana) 코인에 대해 전반적으로 한번 살펴보고, 솔라나 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 솔라나(SOL, Solana) 코인 이란? 소개 솔라나(SOLANA)는 2017년부터 개발되어 왔던 프로젝트로, 창립자 아나톨리 야코벤코(Anatoly Yakovenko)가 탈중앙 네트워크의 노드가 단일 노드 수준의 성능을 구현하는 방법을 모색 중에 개발됐다. 현존하는 어떠한 블록체인도 단일 노드급의 성능을 보여주..

투자/암호화폐

인터넷 컴퓨터(ICP, Internet Computer) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 인터넷 컴퓨터(ICP, Internet Computer) 코인입니다. 인터넷 컴퓨터(ICP, Internet Computer) 코인에 대해 전반적으로 한번 살펴보고, 인터넷 컴퓨터 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 인터넷 컴퓨터(ICP, Internet Computer) 코인 이란? 소개 Internet Computer는 DFINITY Foundation에서 구축한 오픈 소스 크라우드 컴퓨팅 플랫폼으로, 시스템 보안 불량, 인터넷 서비스 독점, 개인 사용자 데이터의..

개발/Vue

Vue render 함수에서 innerHTML 사용하는 방법 (How to use v-html in JSX)

일반적으로 React에서는 dangerouslySetInnerHTML, Vue에서는 v-html을 활용해서 innerHTML 처리를 합니다. 하지만 일반적인 방식이 아닌 렌더 함수(Render Function)를 사용하는 경우도 있는데요. 이때는 아래와 같이 처리하면 굉장히 간편하게 처리할 수 있습니다. 예시 this.$alert({ content: (h) => h('div', { domProps: { innerHTML: err.message } }) }) 좀 더 축약된 방식은 아래와 같습니다. domPropsInnerHTML 활용한 방법 this.$alert({ content: () => { return // return } }) export default { name: "app", data() { r..

투자/암호화폐

라이파이낸스(RAI, RAI Finance) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 라이파이낸스(RAI, RAI Finance) 코인입니다. 라이파이낸스(RAI) 코인에 대해 전반적으로 한번 살펴보고, 라이파이낸스 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 라이파이낸스(RAI, RAI Finance) 코인 이란? 소개 라이 파이낸스는 분산 금융(DeFi)에 더 넓은 범위의 자산, 더 많은 양의 유동성 그리고 다양한 금융 사용 사례를 제공하도록 설계된 프로토콜입니다. 이 기능들이 폴카닷 생태계의 크로스 체인 호환성과 결합되면, 분산 금융에 새로운 자산과 더 ..

투자/암호화폐

위드(WIKEN, Project WITH) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 위드(WIKEN, Project WITH) 코인입니다. 위드(WIKEN) 코인에 대해 전반적으로 한번 살펴보고, 위드 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 위드(WIKEN, Project WITH) 코인 이란? 소개 WITH 플랫폼은 다양한 스포츠 이벤트의 선수들이 경력 정보를 수집하고 플랫폼에서 자체 PR 기회를 가질 수있는 스포츠 경력 개발을 지원합니다. 이는 WITH 플랫폼이 블록 체인 기술을 활용하여 전 세계 스포츠 선수, 클럽, 에이전트 및 팬을 연결하기 때문..

투자/암호화폐

아모코인(AMO, AMO Coin) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 아모코인(AMO, AMO Coin) 입니다. 아모코인(AMO)에 대해 전반적으로 한번 살펴보고, 아모코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 아모코인(AMO, AMO Coin) 이란? 소개 아모코인(AMOcoin)은 개인 데이터를 기반으로 통합 자동차 데이터베이스를 구축하여 제공자와 수요자를 연결해주는 자동차 블록체인 플랫폼입니다. 과거 자동차 데이터는 자동차 정비,부품 데이터, 주행정보 등 많은 데이터가 존재했지만 체계적인 수집 및 관리시스템이 존재하지 않았습니다. 또한..

투자/배당

제이알글로벌리츠 배당금 및 배당일 안내 (배당락일 2021년 6월)

제가 최근에 열심히 매수하고 있는 종목 중 하나가 바로 제이알글로벌리츠라는 주식인데요. 해당 주식이 2021년 6월 배당락일 기준으로 배당금이 얼마인지, 배당 지급일이 언제인지 공식 홈페이지에 따로 공지되어 있지 않아 해당 운용사에 직접 연락해 배당금과 배당 지급일 일정에 대해서 안내를 받아 해당 정보를 공유하고자 글을 작성하게 되었습니다. [리츠투자] 제이알글로벌리츠(JR글로벌리츠) 전망, 배당률이 이렇게 높다고? 최근 이지스레지던스리츠, 이지스밸류리츠 등 다양한 리츠 상품들이 공모 후 상장까지 했지만 매우 부진하고 있는 모습을 보이고 있습니다. 제이알글로벌리츠(JR글로벌리츠)도 예외가 아니었습 webruden.tistory.com 제이알글로벌리츠는 공모가 기준 연 7.3%의 배당을 약속한 만큼 고배당..

투자/암호화폐

엑시 인피니티(AXS, Axie Infinity) 코인 소개 및 시세 전망(호재, 상폐, 스캠 분석)

이번 포스팅에서 다뤄볼 코인은 엑시 인피니티(AXS, Axie Infinity) 코인입니다. 엑시 인피니티(AXS) 코인에 대해 전반적으로 한번 살펴보고, 엑시 인피니티 코인의 현재 개발 현황과 이를 통해 앞으로의 전망까지 다뤄보도록 하겠습니다. 참고로 해당 포스팅의 여러 의견들은 해당 코인 개발사에서 공개한 깃허브(Github) 오픈소스 프로젝트 코드를 기반으로 이야기할 예정입니다. 이점 참고해주시기 바랍니다. 엑시 인피니티(AXS, Axie Infinity) 코인 이란? 소개 엑시인피니티(Axie Infinity)는 포켓몬에서 영감을 받은 이더리움 기반의 블록체인 게임입니다. 플레이어는 펫을 통해 전투하고, 수집하고, 키우고, 지상 기반 왕국을 건설 할 수 있습니다. 엑시 인피니티는 이더리움 생태계의..

개발

텔레그램 오픈 그래프(Open Graph, og:image) 이미지 캐시 삭제

텔레그램(Telegram)에 링크를 보내면 URL에서 제공하는 Open Graph 데이터를 자동으로 읽고 페이지 미리보기를 생성합니다. 동일한 페이지의 오픈 그래프 데이터가 변경되어도 텔레그램은 한번 캐싱한 데이터를 내보내기 때문에 바로 업데이트가 되지 않습니다. 그래서 바로 갱신이 필요하다면 오픈 그래프 데이터 캐시를 지워야 합니다. 미리보기 예시 특정 페이지의 메타 태그로 추가된 오픈 그래프 데이터를 활용해서 미리보기를 생성합니다. 아래 이미지와 같이 텔레그램은 오픈 그래프 데이터를 기반으로 미리보기를 제공할 것입니다. 하지만 해당 사이트의 오픈 그래프 데이터가 변경되었을 때 우리는 변경된 오픈 그래프 데이터를 보는 것을 기대했지만 실제로는 이전에 등록된 오픈 그래프 데이터를 보게 될 것 입니다. 이..