-
Reactjs 2022‧04‧20
react jsx 스타일을 조건 넣어 인라인으로 처리
기존에 리액트로 작성할 때 인라인으로 스타일을 넣고 조건에 맞춰 값을 넣은 적은 있었다. 예를들어 state 에 abc 값이 있으면 0, 없으면 100%의 width로 지정한다고 할 때, 이렇게 쓸 수 있다.그런데 이렇게 되면 강제로 width를 꼭 이 곳에서 처리되게 된다. 다른 css 파일들에서 이 영역에 스타일을 붙였다면 그 스타일들은 무시되고 위에 인라인으로 처리된 것이 적용될 것이다. […]
-
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을 입력했을 때는 아래처럼 오류가 나왔다. 접근 권한에 문제가 생긴 것 같다.그런데 생각해보면 […]
-
Wish become to creative developer with new intelligent and experienceWish become to creative developer with new intelligent and experience
-
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 에서 […]
-
nis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅnis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅ