노션 페이지를 React로 웹에 띄워보자 (react-notion)

코로나로 인해 언택트 바람이 부는 이 시기... 의도치않게 여러 기업들이 최신기술을 도입하는 경우가 생기고 있다. 화상회의 도구 Zoom을 포함해 여러 회사의 협업도구들이 사용되고 있다. 사실 노션 그 자체는 협업을 위한 도구라고 한정짓기보다는 그들이 소개하고 있는대로 '올인원 워크스페이스'라고 설명할 수 있는데... 기업이나 개인이나 자신들의 정보를 다양하게 정리할 수 있는 좋은 수단으로 각광받고 있다. 아무튼, 오늘 포스팅해볼 내용은 이러한 노션들을 웹 상에 공개하는 방법에 대한 이야기이다. + 다 쓰고 나니까 글이 길어졌는데 사실 사진이 많아서 긴거지 내용은 별로 없다. 아 쉽다쉬워 첫번째 방법 노션을 웹으로 가져오는 첫번째 방법은 '노션 공개페이지 사용' 이다. 노션에서 글을 하나 작성하고 오른쪽..

DB 전체 용량 (전체, 사용중, 남은용량) 확인 쿼리

1 2 3 SELECT 'ALL_SPACE' AS TYPE , ROUND(SUM(BYTES)/1024/1024/1024,2) AS SPACE_GB FROM DBA_DATA_FILES UNION ALL SELECT 'USED_SPACE' AS TYPE, ROUND(SUM(BYTES)/1024/1024/1024,2) AS USED_GB FROM DBA_SEGMENTS UNION ALL SELECT 'FREE_SPACE' AS TYPE, ROUND(SUM(BYTES)/1024/1024/1024,2) AS FREE_GB FROM DBA_FREE_SPACE; cs 결과

오라클 삭제방법

1. 서비스로 가서 오라클 관련 서비스 모두 중지 2. 시작 -> 오라클 -> Universal Installer 제품 설치 해제를 누른다. (제 경우는 실수로 인해 오라클이 2개 설치되어 삭제를 진행하게 되었습니다.) 항목을 선택하고 제거를 누르면 경고창이 발생한다. 해당 폴더로 이동한다. 해당 폴더에서 deinstall.bat 을 관리자 권한 실행 3. cmd창으로 deinstall이 실행된다. 별 지시가 없는 한 엔터를 눌러 진행하고, 마지막 줄처럼 [ ] 안에 내용이 있는 경우해당 내용을 그대로 따라 치며 진행한다.항목 중 Y/N의 대답을 요구하는 항목들이 있는데, 내용을 잘 읽어보고 진행하면 된다. 데이터베이스 이름 목록 지정이나 몇몇 항목들은 시간이 꽤 걸리기 때문에, 그냥 끄지 않도록 한다...

프론트엔드 인터랙티브 학습 센터

https://javascript-study.luvlog.xyz/ 프론트엔드 인터랙티브 학습 - JavaScript 실습 플랫폼프론트엔드 인터랙티브 학습으로 JavaScript와 React를 완벽하게 마스터하세요. 시뮬레이터로 배우는 실습 중심 교육!javascript-study.luvlog.xyz 자바스크립트 학습 사이트를 만들며: 생성형 AI와 개발자의 새로운 역할 최근 JavaScript 핵심 개념 학습 센터라는 이름의 학습용 웹사이트를 만들었습니다. 이 글은 그 과정과 철학을 공유하기 위한 글입니다.그리고 이 글조차 생성형 AI(ChatGPT)의 도움을 받아 작성되고 있습니다. 그것도 이 프로젝트의 연장선상입니다. 🎯 이 프로젝트를 시작한 이유 저는 개발자로서 현재 AI의 수준이 어디까지 와 ..

[디스콰이엇 PMC24] 비스캣의 개발자가 빠르게 프로덕트를 구현하는 방법

디스콰이엇 PMC 24에 참여하며 작성했던 글 모음 - 2 비스캣의 개발자가 빠르게 프로덕트를 구현하는 방법

[디스콰이엇 PMC 24] 드리핀 기술스택 정리

디스콰이엇 PMC 24에 참여하며 작성했던 글 모음 - 1 드리핀 기술스택 정리 안녕하세요, 저희는 드립커피 플랫폼 '드리핀'을 만들고 있어요.현재 3주 안에 프로덕트를 런칭하여 아이디어를 빠르게 검증해보는 것이 목표예요.따라서 개발의 효율성을 높이기 위해 다음과 같은 기술스택을 선정하였어요.Supabase요약: https://youtu.be/zBZgdTb-dns적은 노력으로 PostgreSQL 기반의 백엔드 환경을 구축할 수 있으며 OAuth 등의 구현을 쉽게 할 수 있음OAuth 구현을 쉽게 할 수 있는 만큼 인증 관련한 세팅을 쉽게 할 수 있고, 테이블을 기준으로 CRUD를 제공하며, CRUD에 대한 권한 관리가 쉬움Next.js + (Tailwind CSS + DaisyUI)Next.js의 직관적..