profile
누군가에게 설명할 수 있을 정도를 이해라고 생각한다. 특히 미래의 나에게.
post-thumbnail

구글 OTP react로 구현하기

Google Authenticator 앱의 OTP 방식을 서버, 프론트엔드에서 구현하여 사용하는 방법에 대한 설명.

2022년 4월 8일
·
0개의 댓글
·
post-thumbnail

MDN Syntax 구문 읽는 방법

자바스크립트를 배우다보면 가장 먼저 보게되는 영어와 기호들... mdn사이트에서 문법읽을 때 이해가 되지 않았다. 이제는 좀 알게 된 것 같다.

2022년 3월 31일
·
0개의 댓글
·
post-thumbnail

@react-google-maps/api 라이브러리 에러 해결

@react-google-maps/api 라이브러리 사용 중 버그 픽스한 이야기.

2022년 3월 29일
·
0개의 댓글
·

[mac]npm global 설치 후 not found 이슈

MacOS가 카탈리나 이상일 때터미널에 입력폴더생성 명령어 mkdir ~/.npm-globalnpm -g로 설치시 전역 설치 위치 변경npm config set prefix '~/.npm-global'프로파일 설정vi ~/.zprofilevi 편집기에서 내용 입력i

2022년 3월 26일
·
0개의 댓글
·

[React] children Component에 props 전달하기

1. props로 component를 전달할 때 children으로 넘겨라 children에 props를 넣어서 전달하고 싶다면 를 사용하라 props로 component를 전달할 때 children으로 넘겨라 Layout을 만들어서 Component를 전달해야 하

2021년 12월 19일
·
1개의 댓글
·
post-thumbnail

XML to JSON 변환 후 CDATA 내용 가지고 오기

세줄요약1\. XML을 JSON로 변환시 CDATA 섹션이 안나옴2\. XML CDATA는 문자 데이터로 인식하게 하는 구문3\. 구글링해서 찾음XML파일을 JSON 파일로 전환 후에 cdata 값을 찾으려고 하는데 아래와 같이 나온다.비어있다. \[부가설명 : 구글링

2021년 6월 5일
·
0개의 댓글
·
post-thumbnail

현재 브라우저에 설정된 언어값 확인 방법(iOS 또는 MacOS에서만 다르게 나올 때)

1. 사용자의 브라우저 언어값 확인 2. iOS MacOS에서는 다른 값이 내려옴 3.예외처리를 or로 계속하지말고 toLowerCase() 이용해라

2021년 6월 3일
·
0개의 댓글
·
post-thumbnail

[JS] Canvas 태그를 이용하여 그림판 만들기 -2-

1. forEach를 이용하여 각 버튼들 이벤트리스너 주기 2. event 안에 담긴 내용으로 색상바꾸기

2021년 2월 8일
·
1개의 댓글
·
post-thumbnail

[JS] Canvas 태그를 이용하여 그림판 만들기 -1-

Canvas 태그를 이용하여 JavaScript로 그림판을 만들어보자.

2021년 2월 8일
·
0개의 댓글
·
post-thumbnail

[GitHub Desktop] 깃허브 데스크탑 리포지토리 삭제 및 추가

1. 원하는 리포지토리 선택 후 우클릭 remove 선택 2. 중간에 나온 창에 remove 선택 ( 체크시 원래 폴더까지 지움)

2021년 2월 1일
·
0개의 댓글
·
post-thumbnail

[React] Typo in static class property declaration

[React] Typo in static class property declaration 해결 : PropTypes ⇒ propTypes로 변경 이유: prop-types 문법상 소문자를 사용해야함 / 하지만 아래줄 PropTypes는 import할 때 콜네임

2021년 1월 31일
·
0개의 댓글
·
post-thumbnail

PropTypes를 이용한 Type 확인

받는 props가 원하는 타입인지 알 수 있게 해주는 보조역할. import해서 사용하면 됨.

2021년 1월 30일
·
0개의 댓글
·