리액트 네이티브(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 시뮬레이터를 기준으로 설명하겠슴둥) 시뮬..

VS Code로 React + SpringBoot 개발환경 세팅 (1/2)

스프링부트 환경 먼저 구성하고 시작. 앞글 참고... 2020/05/28 - [프로그래밍/기타] - VS Code로 Java, SpringBoot 개발환경 세팅 (1/2 - Java) VS Code로 Java, SpringBoot 개발환경 세팅 (1/2 - Java) [JDK + VS Code 설치] * 링크로 대체... - JDK 설치 (링크) - VS Code 설치 (링크) [VS Code에서 Java 개발환경 구성하기] VS Code는 기본이 텍스트에디터이므로, VS코드를 이클립스나 IntelliJ 같은 IDE처럼 사용.. 1nnovator.tistory.com 2020/05/28 - [프로그래밍/기타] - VS Code로 Java, SpringBoot 개발환경 세팅(2/2 - SpringBoot)..

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

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

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