프로그래밍/정리노트

[디스콰이엇 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의 직관적..

정리노트: SPA와 CSR, SSR(+ SSG)

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com SPA와 CSR, SSR(+ SSG) (22.08.23) 아래 내용은 예외의 경우가 있을 수 있습니다. SPA (Single Page Application) (서비스 관점에서) 한 페이지 내에서 모든 서비스를 처리하는 것을 말한다. (반대되는 개념으로는 MPA (Multi Page Application)이 있다.) 단 하나의 HTML 내에서 변경이 필요한 부분을 Javascript를 통해 동적으로 변경해나간다. 대표적인 SPA 프레임워크(혹은 라이브러리)로는 React, Vu..

정리노트: DOM과 BOM

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com DOM과 BOM (22.08.22) DOM (Document Object Model, 문서 객체 모델) HTML, XML 문서에 Javascript, Python등 프로그래밍 언어를 통해 접근할 수 있는 interface이다. DOM은 문서의 구조화된 표현(노드 트리 구조)을 제공하며 이를 통해 스크립팅 언어로 웹 페이지를 접근할 수 있다. Hello, DOM! 위와 같은 HTML 문서는 아래와 같은 트리 구조를 가진 DOM으로 생성된다. html - head - body -..

정리노트: 자바스크립트는 싱글스레드 (+call stack, queue, event loop)

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 자바스크립트는 싱글스레드 (22.08.16) 자바스크립트는 싱글 스레드이다. 싱글 스레드라는 것은 동기적(순차적)으로 한 번에 하나의 일만 처리할 수 있다는 것이다. function print2() { console.log('2'); } function doSomething() { console.log('doSomething'); } function main() { console.log('1'); print2(); doSomething(); } main(); 위와 같은 코드가..