-
TypeScript 2021‧12‧06
refers to a value, but is being used as a type here. Did you mean 'typeof'
리액트를 타입스크립트로 작성할 때 위와 같은 오류 로그를 발견하였다. 이유는 화면 .tsx 로 구현되어야 할 페이지를 .ts로 파일명을 작성하였기 때문이다.이런 경우는 파일 확장자 명을 .tsx에서 .ts로 변경하면 된다.
-
Tools 2021‧11‧10
git 403 에러에 remote set-url 으로도 해결 안될 때 (mac OS)
작업하는 중에 깃을 사용할 때 git the requested URL returend error 로 403 이 발생하기 시작했다. 어느날 갑자기 webstorm에서 뜬금없이 403 에러를 보내면서 아래 메시지도 자동 갱신에 걸려 비슷한 오류를 로그에 보여주고 있었다. pull 을 받아봤다.이벤트 로그에는 아래처럼 설명되었다. 그리고 cli로 git pull을 입력했을 때는 아래처럼 오류가 나왔다. 접근 권한에 문제가 생긴 것 같다.그런데 생각해보면 […]
-
TypeScript 2021‧11‧09
타입스크립트와 함께 React.lazy 사용하기
기존에 타입스크립트로 작성 전에는 아래처럼 작성했다. 그러나 타입스크립트로 작성하면 작동되지 않아 찾아본 결과 아래처럼 작성하여 해결되었다. 그리고 불러오는 대상 파일에 export default class { ... } 이렇게 되어 있는 부분에서 default를 삭제하고 내보냈다.
-
Javascript, jQuery 2021‧10‧21
JS - 쿠키 저장, 불러오기
jQuery가 아닌 자바스크립트로만 쿠키를 저장하고 불러오고 지우는 코드 1. 쿠키 설정하기 (저장) 2. 쿠키 불러오기 (읽기) 3. 쿠키 지우기(삭제)
-
Javascript, jQuery 2021‧06‧02
window.location 으로 접속 url 정보 가져오기
개발할 때 프로토콜에 맞춰서 도메인 정보를 가져올 때가 있는데 window.location.origin 을 사용하면 된다. 하지만 ie 지원이 어디까지 개발할 것이냐 또는 다른 브라우저에서 지원을 어디까지 제공할 것이냐에 따라 사용을 못할 수 있다. 그래서 아래처럼 사용한다. 이렇게 하면 http나 https 에 따라 http: 또는 https: 로 값을 받고 거기에 hostname을 넣어 현재 접속한 url의 프로토콜과 도메인을 받아올 […]
-
Wish become to creative developer with new intelligent and experienceWish become to creative developer with new intelligent and experience
-
Reactjs 2021‧04‧09
`value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.
리액트에서 input 요소에 value 값을 데이터를 가져와 넣는 형식으로 구성했다면 콘솔에 아래와 같이 오류가 빨갛게 뜬다. 그래도 번들링은 이상없이 된다. 그렇지만 우리는 이 빨간색이 저주스럽지 않은가? 당연히 없애고 싶은 개발자의 마음이니까~ 이렇게 코드를 작성했는데 value에 보면 this.state.companyCode 값을 가져와 넣도록 되어 있다. 바로 이 부분이 잘못된 것이다. 없을 경우에 대해서도 처리를 해주자 value={this.state.companyCode} 를 value={this.state.companyCode […]
-
AWS, Server, Tools 2021‧01‧25
mac 에서 ssh ppk 키 pem 키로 변환 및 접속
aws 같이 pem 파일을 제공해주고 그걸로 접속하면 편하긴 한데 가지고 있는 파일이 ppk 확장자일 경우 변환해서 접속한다. brew를 통해 putty를 설치한다. brew가 설치되어 있지 않으면 https://brew.sh/index_ko 에서 터미널에 복붙할 커멘드를 복사한 뒤 터미널에서 설치한다. brew가 설치되었으면 아래 커맨드를 터미널에서 입력하여 putty를 설치한다. 그 다음 터미널로 ppk가 있는 곳으로 이동하여 아래처럼 변환 커맨드를 입력한다. 이렇게 하면 원본.ppk 에서 […]
-
Reactjs 2021‧01‧07
react, vue - Uncaught SyntaxError: Unexpected token < (흰 화면 이슈)
매번 SPA로 프로젝트를 진행할 때 마다 나를 괴롭히는 에러 메시지 ㅠUnexpected token '<' 지금까지 vue.js 로 구축하거나 react.js 로 구축하여 프로젝트를 번들링 후 배포하고 나면 종종 발생하는 에러라서 이 것 때문에 많은 대응책을 마련해 왔다. 원인을 살펴 보자면 배포하고 접속하면 index.html이 브라우저의 캐시 상태이기 때문에 배포 바로 이전 버전의 index.html 이다. 그 안에 번들링한 js파일을 […]
-
Reactjs 2020‧12‧23
this.props.history.push 이동시 파라미터 같이 보내기
보통 이렇게 이동할 링크를 push() 안에 넣어 쓴다. 하지만 사용자 토큰 정보나 결제 정보 또는 게시물의 일련번호 등 다음 페이지로 넘어갈 때 파라미터를 가지고 넘어가야할 때 push를 써서 이동할 때는 아래처럼 이용한다. 위 처럼 전달할 파라미터를 담아 보내면 된다. 객체 형식으로 보내도 된다.그리고 전달 받는 페이지에서는 아래처럼 불러온다. 이렇게 불러오면 getParams안에 전달받은 파라미터가 담아져 있다. […]
-
AWS 2020‧12‧18
lambda 함수에서 cloudWatch 로그 안보내기
AWS에서 람다를 쓰다가 클라우드와치에 로그를 보내는 부분을 활성화 상태로 두었다가 요금 폭탄을 맞았다. 물론 반복적 오류 로그를 파악하지 못한 내 잘못이기도 하다. 아무튼 로그가 필요할 때만 사용하고 필요 없을 때는 아래처럼 비활성화 한다. 이렇게 Effect 부분에 Allow 대신 Deny를 넣는다.
-
nis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅnis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅ