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

윤선이와 블로그 만들기_3. 에디터(Toast UI Editor) 붙이기

지난 시간에 스프링부트 위에 리액트를 얹는 것까지 해보았다. 나의 목표는 뭐다? 윤선이에게 블로그를 만들어주기! 블로그란? web + log이다. log란? 기록이다! 기록을 어떻게 하냐? 써서 하지 그럼 뭘해야하냐? 쓸 수 있게 해야지? 쓸 수 있게 어떻게 할거냐? 갖다써서 할거다 오케 내가 지금 글을 쓰는 티스토리를 포함해서 네이버 블로그, 뭐시기 블로그 등등 다양한 블로그들은 여러 기능을 지원하는 에디터를 가지고 있다. 그리고 많은 오픈소스 에디터들이 웹에 산재해있으며 우린 그걸 잘 가져다가 쓰기만하면 직접 구현하는 것보다 훨씬 쉽게 에디터를 내 웹에서 구현할 수 있다. 내가 가져다 쓸 에디터는 https://github.com/nhn/tui.editor nhn/tui.editor 🍞📝 Markdo..

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

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

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

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