본문 바로가기

전체 글

(101)
[Notion] 노션 API 사용 방법 노션에서 제공하는 API를 사용하기 위해서는 노션을 가입해야 합니다 ( 가입 방법은 다루지 않습니다) 구글에서 노션 API를 검색하면 아래의 이미지와 같이 "Notion API" 홈페이지가 보입니다 첫 번째 링크를 클릭합니다 클릭하면 나오는 메인 화면의 가운데 View my integrations 버튼을 클릭합니다 클릭하고 이동을 하면 내 API 목록이 나옵니다 여기서 API를 생성하고 관리합니다 새 API 통합 버튼을 클릭하면 API 신청 화면으로 이동합니다 이름은 API의 이름으로 API의 용도가 잘 드러나게 작성합니다 로고 이미지는 선택 사항입니다 연결할 워크스페이스는 로그인한 노션 계정의 정보를 자동으로 읽어 옵니다 모든 사항을 입력했으면 제출을 클릭합니다 API를 사용할 수 있는 토큰이 발급되었..
[CSS] @import 적용 안될 때 해결 방법 CSS를 적용할 때 태그를 이용해서 CSS를 불러온다 예로 보통 여러 개의 CSS파일을 연결하는 경우 아래와 같이 사용한다 다른 방식으로는 @import를 통해서 하나의 CSS 파일 안에 여러 개의 CSS파일을 쓸 수 있다 @import를 이용해서 하나의 CSS 파일안에 여러 개의 CSS 파일을 넣어서 관리하는 경우 아래와 같이 사용한다 @import "css/style.css"; /*String 방식*/ @import "css/style1.css"; /*String 방식*/ @import url("css/style2.css"); /*url 방식*/ @import url("css/style3.css"); /*url 방식*/ @import를 이용해서 css를 여러 개 연결하는 경우 위와 같이 사용했을 때 ..
[React] ReactDOM.render is no longer supported in React 18 에러 해결 방법 console 창에서 아래의 문구와 같은 에러 내용이 나오는 경우 해결 방법입니다 "react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot" 수정 전 코드 ReactDOM.render( , document.getElementById('root') ); 수정 후 코드 const root = ReactDOM.crea..