본문 바로가기

분류 전체보기

 (265)
[TS] 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다. 에러 해결 TypeSctipt 를 공부하던 중 , 다음과 같은 오류가 발생하였다. 속성 'x'은(는) 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다. 강의의 코드를 똑같이 따라해도 내 파일에서만 오류가 떴다. TypeScript 에서 설정의 문제였다. 해결: tsconfig.json 에서 다음과 같이 "strictPropertyInitialization": false 를 추가해주었더니 해결되었다. http://daplus.net/javascript-%EC%86%8D%EC%84%B1-%EC%97%90%EB%8A%94-%EC%9D%B4%EB%8B%88%EC%85%9C-%EB%9D%BC%EC%9D%B4%EC%A0%80%EA%B0%80-%EC%97%86%EC%9C%BC%EB%A9%B0-%EC%83%9D%EC%84%B..
[블록체인] 메타마스크 MetaMask 시작하기(로그인) https://docs.metamask.io/guide/getting-started.html#basic-considerations Getting Started | MetaMask Docs Getting Started To develop for MetaMask, install MetaMask in the browser of your choice on your development machine. Download here (opens new window). A quick note... This guide assumes intermediate knowledge of HTML, CSS, and JavaScript. Once MetaMask is docs.metamask.io Kaikas 가 MetaMask 를 ..
[블록체인] 메타마스크 MetaMask 설치 하기 (계정 생성): PC 크롬 https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=ko MetaMask 브라우저의 이더리움 지갑 chrome.google.com 크롬 확장프로그램 위 사이트에서 설치하고 계정없을시 계정 생성하면 된다.
[블록체인] 클레이튼 지갑 KaiKas 시작하기(로그인) Caver js https://docs.kaikas.io/02_api_reference/02_caver_methods Caver Methods - Kaikas Docs Unlike caver.klay.sendTransaction, this does not send transaction to blockchain. Instead it returns RLP encoded signed transaction. This is useful for transactions that require multiple signatures(eg. fee delegated tx) where you have to get the signed raw docs.kaikas.io caver-js는 개발자가 Klaytn 노드와 상호 작용할 ..
[블록체인] 클레이튼 지갑 KaiKas 설치 하기 (계정 생성): PC 크롬 https://www.cryptocoin.kr/entry/%ED%81%B4%EB%A0%88%EC%9D%B4%ED%8A%BC-%EC%A7%80%EA%B0%91-KaiKas-%EC%84%A4%EC%B9%98-%ED%95%98%EA%B8%B0-PC-%ED%81%AC%EB%A1%AC 클레이튼 지갑 KaiKas 설치 하기 : PC 크롬 비트코인에서 부터 시작 하면, 초기의 코인 지갑은 PC설치형 이었습니다. PC에서 클라이언트를 설치 하면 코인주소가 생성되고, 해당 주소로 거래를 시작 할 수 있었죠. 그래서, 종이로 만든 지갑 www.cryptocoin.kr 위 블로그 내용) 비트코인에서 부터 시작 하면, 초기의 코인 지갑은 PC설치형 이었습니다. PC에서 클라이언트를 설치 하면 코인주소가 생성되고, 해당 주소로..
[React] MUI Drawer onMouseEnter 무이 마우스 올렸을 때 setState MUI Drawer 를 사용 중, Left 왼쪽 메뉴에 고정되어있는 것을 hover시에도 적용시키고 싶을 때 state를 이용하고 싶었다. onClick만 있는 줄 알았는데 onMouseEnter, onMouseLeave 도 적용할 수 있었다. (mui에서 hover 로 검색해서 나옴) 아래와 같은 형식 onMouseEnter={() => { onOpen(); isOnButton.current = true; }} onMouseLeave={() => { isOnButton.current = false; }} https://mui.com/joy-ui/react-menu/ React Menu component - Joy UI Menus display a list of choices on temporary su..
[CSS] 반응형 미디어 쿼리 - 유튜브 강좌 정리(디자인베이스) https://www.youtube.com/watch?v=dtBNnijA1QU vw, %와는 다른것 % 는 상위개념의 패딩값까지 다 포함한 기준으로 vw는 패딩무시하고 뷰포트 기준으로 따짐 미디어쿼리 *진짜 많이 쪼개는데는 이렇게 1920~1080 (중간에 1440 분기) 1024~1078 태블릿, 모바일 보통은 아래로 나눔 * PC, 태블릿, 모바일 * PC, 모바일 (구분되는 것을 분기, 브레이크 포인트) 최대폭이 768일때 실행 @media screen and (max-width:768px) { } @media screen and (max-width:480px) { } 반응형작성시 분기점에서 flex-directionLcolumn; 으로 설정하면 아래로 떨어뜨리게 할 수 있다. 이때 item인 .c..
[CSS] rem으로 반응형 작성 방법 rem으로 반응형 작성 방법 * 1rem= html 요소에 지정된 폰트크기 1. html{font-size:62.5%;} 로 설정해준다. 브라우저가 지정해주는 기본 폰트 사이즈는 100%=16px 이걸 계산하기 쉽게 62.5%=10px로 변경해주는것이다. 따라서 위 설정을 통해 1rem=10px 이 된다. (16px *62.5%=10px // 62.5%=0.625) 이렇게 루트 단위를 설정하고 코드를 작성하면 단위계산이 편해진다! ex: 128px = 12.8rem, 4px=0.4rem (html 대신 *을 사용하기도 함) 2. 다른 반응형에 루트 폰트를 바꾸려면? @media (min-width: 768px) and (max-width: 1023px){ * { font-size: 50%; //8px }..

티스토리툴바