가끔 보자, 하늘.

미리 알아두면 좋을 것들 workspace를 parent로 가지는 추가 컨텐츠를 API로 생성할 수 없으며, 생성할 page나 database는 main page/database중 하나를 부모로 설정해야 한다. notionhq/client은 no-cors 지원 하지 않는다. https://api.notion.com/v1/oauth/token 인증 시 Authoization 값은 아래와 같이 설정한다. "Authorization": "Basic " + btoa(NOTION_CLIENT_ID + ":" + NOTION_CLIENT_SECRET) (크롬 확장앱 만들면서..) 노션 인증 시 chrome.identity.getRedirectURL() 그대로 등록하면 인식할 수 없는 문자열이라며 에러가 발생한다. ..

장점 js로 금방 만들 수 있음. 자신이 원하는 사이트의 데이터를 조작하거나 필요한 UI를 추가하여 작업 효율성을 증대시킬 수 있음 extension 관리자에서 refresh 버튼 누르면 바로 갱신됨. 해당 페이지 refresh하면 바로 수정된 버전 확인 가능. 단점 디버깅 엄청 불편함. 빌드 시 error 를 알 수 없음. build 폴더가 안생기면 빌드 실패임. 그래서 build폴더 안지우고 있으면 갱신될 시간을 보거나 확인 불가. 설치되지 않은 패키지를 정의하고 빌드해도 에러 안남. 알아두면 좋은 점 (rule 포함) background 스크립트는 브라우저가 실행될 때 로드되므로 가볍고 효과적으로 작성되어야 함. 웹 페이지에 직접 접근할 수 없으며 content 혹은 다른 파트의 스크립트들과 메세지..

[...nextaut].js 에 아래와 유사한 코드가 있을 겁니다. callback 함수들 중 jwt, session을 이용해 추가 정보를 설정합니다. 하단의 원본 링크도 같이 읽어보세요. 정리해서 올릴 내용은 수두룩한데 (이 나이를 먹고도.. ) 마음만 급해서 잘 안되네요. 예전 정리했던 짧은 샘플 코드 하나라도 올려봅니다. async authorize(credentials, req) { . . . return {email: data.email, myname:'test'} // 리턴할 때 myname에 임의의 정보 추가 . . . }, callbacks: { async jwt({token, user}){ user && (token.user = user) // authorize에 리턴했던 값이 user ..

(https://ongamedev.tistory.com/499- 코드에서 이어집니다.) npm i -D tailwindcss postcss autoprefixer npx tailwindcss init -p vi tailwind.config.js >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> (...) content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ], (...) > import 'tailwindcss/tailwind.css'; import Link from 'next/link' export default () => ( NextJS Sample Login Home Admi..

(Hello Page 만들기-https://ongamedev.tistory.com/498- 코드에서 이어집니다.) mkdir components && cd "$_" vi header.js >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> import Link from 'next/link' const linkStyle={marginRight: 15} export default () => ( Home Admin ) > import Header from '/components/header' const layoutStyle = { margin: 10, padding: 10, border: '1px soild #DDD' } export default (props) => ( {p..

샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다. mkdir ssr && cd "$_" npm init -y npm install --save react react-dom next vi package.json >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> (...) "scripts": { "dev" : "next" . } (...) export default () => (Hello!)

인스턴스의 메타데이터란 실행 중인 인스턴스를 구성 또는 관리하는 데 사용될 수 있는 인스턴스 관련 데이터입니다. (link) 예를들어 현재 실행중인 인스턴스가 어느 리전에 속해 있는지를 알고 싶을 경우 사용할 수 있습니다. 환경변수로 설정하려면 각 리전별로 배포 프로세스를 분리해야 하지만 메타 데이터로 자신의 리전을 확인할 수 있으면 보다 간단히 해결할 수 있습니다. 메타 데이터를 확인하는 방법은 이 링크에 상세히 설명되어 있습니다. 여기서는 curl로 원하는 정보를 콘솔에서 확인하는 방법을 알아보고, python code로 처리하는 방법을 살펴보겠습니다. 우선 원하는 지역에 EC2 Instance를 하나 만들고 원격 접속을 합니다. 그리고 아래와 같이 입력해보세요. (169.254.169.254는 인스..

해당 파일 "속성"에서 "보안"탭을 선택 후 "고급"버튼을 선택합니다. 그리고 "상속 사용 안 함"을 선택 후 "이 개체에서 상속된 사용 권한을 모두 제거합니다."를 선택합니다. 기존 사용자 리스트가 모두 삭제되었다면 "추가" 버튼을 선택합니다. 그리고 "선택할 개체 이름을 입력하십시오" 라벨의 아래 입력창에 자신의 계정 이름을 입력합니다. 올바르게 입력했다면 "확인"을 누릅니다. 이제 해당 계정에 대해서면 "허용"되며 그 권한은 "읽기 및 실행", "읽기"만 기본으로 선택됩니다. 이후 확인을 누르면 실행 시 permission 관련 에러가 안보이는 것을 확인할 수 있습니다. linux로만 사용하다 윈도우에서 어쩌다 사용하려면 꼭 관련 에러를 보내요. 미루다 미루다 간단히 정리해 봅니다.