-
Javascript, jQuery 2021‧12‧30
JS - ?? 연산자 넣어서 기본 값 넣기 (null 병합 연산자)
?? 는 널 병합 연산자 (Nullish coalescing operator) 로 ES6부터 쓰기 시작했다.지원 브라우저 체크하는게 좋다. 설명) 'A가 null 이거나 undefined이면 B로 해라' 라고 까지만 설명들을 봤다. 좀 더 디테일한 설명이 필요한데 'A가 null 이거나 undefined이면 B로 하고 그렇지 않으면 A로 하라' 라고 풀어 설명해 주는게 좋을 듯 하다. 나는 기본값을 지정해주는 용도로 사용하고 있다.위 문법 […]
-
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의 프로토콜과 도메인을 받아올 […]
-
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파일을 […]