기존 방식 기존에는 gapi.auth2나 gapi.client를 통해 인증을 받을 수 있었지만 앞으로 지원이 중단되어 아래와 같이 gapi.client.init 호출 시 새로운 라이브러리를 사용하라는 오류 메시지가 나온다. gapi.client.init({ apiKey: 'YOUR_API_KEY', clientId: 'YOUR_CLIENT_...

?? ??는 null 병합 연산자이다. 왼쪽 피연산자가 null이거나 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환한다. const foo = null ?? 'default string' console.log(foo) // 'default string' || ||는 왼쪽 피연산자가 참(true)이면 ...

파이썬 설치 VSCode의 Extensions에서 “python”을 검색하여 설치한다. 파이썬 터미널에서 실행 파이썬으로 작성된 파일에 들어가서 오른쪽 마우스 클릭 후 “터미널에서 Python 파일 실행” 선택 인터프리터 설치 Microsoft Store에서 Python 인터프리터를 설치한다. (오래걸림) 파이썬 실행 인터프리터 설...

모듈 동작 원리 모듈 순환 참조의 문제를 보기에 앞서 브라우저에서 모듈이 어떻게 동작하는지 먼저 알아보자. // index.js import './a.js' // a.js import { sayHello } from './b.js' export const NAME = 'mike' sayHello() // b.js import { NAME } f...

(허접한) 자동 커밋 프로그램 만들어보기 python 파일 생성 우선 README 파일을 업데이트 해주는 python 파일을 만들어준다. 시간대는 pytz 라이브러리를 사용하여 서울 시간 기준으로 맞춰줬다. from datetime import datetime import pytz readme = open("README.md", "w") ti...

StyleSheetManager 하위 컴포넌트의 스타일 처리 방식을 설정하기 위한 모듈이다. iframe 안에 createPortal로 컴포넌트를 집어넣을 때, 컴포넌트와 관련된 스타일이 iframe 내부에 생기지 않아 페이지가 깨지는 현상 때문에 사용하였다. 스타일 적용할 컴포넌트를 StyleSheetManager로 감싸고 target에 ifr...

Youtube 동영상 불러오기 유투브 동영상을 가져오려면 iframe을 이용해야 한다. 유투브에서 공유 -> 퍼가기를 통해 html 코드를 얻거나, https://developers.google.com/youtube/youtube_player_demo 에서 옵션을 체크하여 코드를 얻을 수 있다. Youtube 동영상 컨트롤하기 크게 두 ...

Matplotlib 데이터를 그래프나 차트로 시각화 할 수 있는 라이브러리 그래프 그려보기 x = [1, 2, 3, 4, 5] y = [1, 2, 3, 4, 5] # 선 그리기 plt.plot(x, y) # 그래프 제목 추가 plt.title("First Plot") # x축 라벨 추가 plt.xlabel("x") # y축 라벨 추가 pl...

자꾸 까먹어서 메모 useRef는 내용이 변경될 때 그것을 알려주지는 않는다는 것을 유념하세요. .current 프로퍼티를 변형하는 것이 리렌더링을 발생시키지는 않습니다. React가 DOM 노드에 ref를 attach하거나 detach할 때 어떤 코드를 실행하고 싶다면 대신 콜백 ref를 사용하세요. 콜백 ref DOM 노드의 위치나 크기를...

Pandas Series, Dataframe과 같은 데이터 구조를 생성하고 변경할 수 있도록 도와주는 라이브러리 Array 계산에 특화된 NumPy를 기반으로 설계 Series Data와 Index를 가지고 있다. Numpy의 array는 명시적인 인덱스 없이 0부터 시작하는 인덱스 값을 가지지만 Series는 인덱스를 명시적으로 정할 수 있...