리액트 네이티브(React-native)의 디버깅 도구 (React-devtools, Reactoron)

이 글을 돌돌이에게 바칩니다. 리액트 네이티브는 디버깅이 복잡하다. 일반적인 웹 페이지를 만들 때처럼 브라우저 개발자 도구를 쓴다던지 하는게 제한적이기 때문이다. 그 때문인지 리액트 네이티브를 디버깅 할 수 있는 여러 툴들이 존재한다. 그래두 불편맨 ㅋㅋ 아무튼 오늘은 아래와 같은 내용들을 정리해보고자 한다. 1. Debug JS Remotely (Chrome Developer Tools, 크롬 개발자 도구) + 내장 Inspector 2. React devtools 3. Reactoron 1. Debug JS Remotely + 내장 Inspector 이름부터 알 수 있지만 리액트 네이티브의 스크립트 코드에 대한 디버깅은 기본적으로 제공한다. (mac + ios 시뮬레이터를 기준으로 설명하겠슴둥) 시뮬..

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 결과

백준 알고리즘 1110번 : 더하기 사이클 (C++, JAVA)

검색 안하고 (문법이나 헤더 제외) 푼 첫 문제다! 룰루랄라 다 풀고나서 검색해보니까 사람마다 굉장히 여러가지 해답으로 풀어내는 것 같다. C++ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 #include #include #include using namespace std; int main() { int n; cin >> n; int a, b; a = n / 10; b = n % 10; int sum, tmp; for(int i=1; ; i++){ sum = a + b; if(sum >= 10) sum %= 10; tmp = (b * 10) + sum; if(tmp ..

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

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의 직관적..