티스토리

드리프트의 코-자-경
검색하기

블로그 홈

드리프트의 코-자-경

cpro95.tistory.com/m

코딩, 자동차, 경제 관련 블로그입니다.

구독자
15
방명록 방문하기
공지 안녕하세요? 방문해 주셔서 감사합니다⋯ 모두보기

주요 글 목록

  • 성공적인 Next.js 앱 개발: 장점, 단점, 그리고 성공 전략 최근 한 커뮤니티에서 한 개발자가 Next.js를 사용하여 개발한 웹 애플리케이션으로 $650의 수익을 올린 경험을 공유했습니다. 이 개발자는 불과 14개월 전 처음으로 코드를 작성하기 시작했으며, 이번 프로젝트는 그가 진지하게 진행한 첫 번째 프로젝트 중 하나였습니다. 이러한 성과는 Next.js의 강력한 기능과 유연성을 잘 보여줍니다. 그러나 Next.js가 모든 프로젝트에 적합한 것은 아닙니다. 이 글에서는 Next.js의 장점과 단점, 그리고 성공적인 앱 개발을 위한 전략에 대해 자세히 살펴보겠습니다. 1. Next.js의 장점Next.js는 다양한 기능을 내장하고 있어, 개발자들이 별도의 라이브러리를 설치하거나 백엔드를 따로 구축할 필요 없이 빠르고 효율적으로 애플리케이션을 개발할 수 있습니다... 공감수 0 댓글수 0 2024. 8. 31.
  • Remix로 개인 블로그 만들고 배포까지... 안녕하세요? 제가 티스토리에서 개인 블로그로 옮겼는데요. Remix를 이용해서 직접 코드를 고치고 호스팅업체에 배포까지 해서 지금까지 잘 쓰고 있는 개인 블로그 만드는 법을 공유하려고 합니다. Github 리포지터리에 개인 블로그 글을 마크다운으로 저장하기 때문에 자료 손실의 위험도 없고, 언제든지 다른 블로그 시스템으로 갈아탈 수 있어 정말 좋습니다. 그리고 Gatsby나 Hugo 처럼 정적 사이트 생성기와는 다르게 변경된 것만 컴파일하기 때문에 단순히 글만 새로 작성하면 서버에 전체가 변경되지 않고 새로운 글만 호스팅되기 때문에 컴파일 타임이 훨씬 줄어듭니다. Remix Speed Metal Stack을 이용한 블로그 사이트 만들기 Remix Speed Metal Stack을 이용한 블로그 사이트 만.. 공감수 0 댓글수 0 2022. 11. 15.
  • Remix에서 쿠키, 또는 세션을 사용한 쿠키 알아보기 안녕하세요? Next.js보다 훨씬 빠르다고 생각하는 Remix에서 쿠키와 세션을 이용한 쿠키 사용하는 방법을 알아 볼까합니다. 제가 개인 블로그에 쓴 글을 공유할까 합니다. Remix에서 세션을 이용한 쿠키 사용해 보기 Remix에서 세션을 이용한 쿠키 사용해 보기 Remix 프레임워크에서 세션을 이용한 쿠키 작동 설명 mycodings.fly.dev Remix 프레임워크에서 쿠키(Cookie)를 만들어 봅시다. Remix 프레임워크에서 쿠키(Cookie)를 만들어 봅시다. Remix 프레임워크에서 간단한 쿠키 생성, 테스트 알아보기 mycodings.fly.dev 공감수 0 댓글수 0 2022. 11. 15.
  • React 블로그에 댓글창 다는 방법 안녕하세요? 개인적으로 블로그에 Disqus와 Utterance 댓글창을 한번 달아봤는데요. Disqus는 너무 로드하는게 많아서 Utterance로 정착했습니다. Utterance의 단점은 github 계정이 있어야 글을 쓸 수 있다는 단점이 있는데요. 제 블로그 글이 전부 코딩 관련이라 github 계정이 다들 있을 거라 생각해서 Utterance를 달았습니다. 다음 글을 참고 바랍니다. 제가 개인 블로그에 쓴 글입니다. React로 만든 블로그에 Disqus 댓글창 달기 React로 만든 블로그에 Disqus 댓글창 달기 Disqus 댓글 창 React 애플리케이션에 적용하기 (Next.js, Remix) mycodings.fly.dev Disqus 말고 좀 더 가벼운 Utterances 댓글 창 .. 공감수 0 댓글수 0 2022. 11. 15.
  • Remix Framework에 구글 애널리틱스 적용하기 안녕하세요? 제가 요즘 Next.js 보다 더 빠져있는 Remix Framework에서 구글 애널리틱스 적용하는 방법에 대해 알아 보겠습니다. 제가 다른 블로그에 쓴 글을 보시면 쉽게 적용할 수 있을 겁니다. Remix Framework에 구글 애널리틱스 적용하기 더보기 안녕하세요? 새로운 블로그를 오픈하면서 구글 애널리틱스 적용을 시도해 보았습니다. 제가 쓰는 블로그 시스템은 Remix Framework으로 만든 Speed Metal Stack인데요. 기본 뼈대는 Remix라서 일단 구글링을 해보고 테스트해봤는데 정상적으로 작동하더라고요. 이제 어떻게 구글 애널리틱스를 Remix 프레임워크에 적용시키는지 알아보도록 합시다. 먼저, 구글 애널리틱스 계정이 있어야겠죠. 자신의 계정에 들어가서 아래 그림처럼.. 공감수 0 댓글수 0 2022. 11. 15.
  • Next.js 12 버전의 _document.js와 _app.js 알아보기 안녕하세요? 요즘은 React 개발을 무조건 Next.js로 하는 추세인데요. 제가 다른 블로그에 쓴 좋은 글이 있어 소개하려고 합니다. Next.js에서 _document.js와 _app.js의 차이점 파헤치기 Next.js에서 _document.js와 _app.js의 차이점 파헤치기 Next.js에서 _document.js와 _app.js의 차이점 파헤치기 mycodings.fly.dev Next.js에서 _app.js 파일의 역할은? Next.js에서 _app.js 파일의 역할은? Next.js에서 _app.js 파일의 역할은? mycodings.fly.dev Next.js에서 _document.js 파일의 중요성과 역할 Next.js에서 _document.js 파일의 중요성 Next.js에서 _d.. 공감수 0 댓글수 0 2022. 11. 15.
  • Remix와 TMDB API 사용하여 영화 검색 사이트 만들기 리믹스 프레임워크, Remix Framework, TMDB API 사용, Link prefetch 기능 안녕하세요? 제가 최근에 Remix Framework을 자주 사용하게 되는데요. 사용해본 결과 진짜 빠릅니다. NextJS가 긴장해야 될 수준이고요. 참고로 개인 프로젝트에서 DB 데이터 260만 개의 Sqlite3 쿼리 써칭 결과 NextJS에서는 진짜 너무 오래 걸렸는데 Remix 프레임 워크에서는 정말 순식간에 로딩되었습니다. 그리고 Remix가 좋은 점이 HTML의 전통적인 사용 방식을 사용하고 있기 때문에 Remix를 쓰다 보면 웹 표준에 대해 더 자세히 알 수 있는 게 좋았습니다. Remix의 좋은 점은 정말 여러 가지가 있는데요, 신생 프레임워크이기 때문에 아직은 유저가 별로 없지만 저는 .. 공감수 0 댓글수 0 2022. 4. 16.
  • Remix Framework에 TailwindCSS Dark Mode(다크모드) 적용하기 Remix Framework TailwindCSS Dark Mode, 다크 모드 안녕하세요? Remix Framework에 TailwindCSS를 적용하는 방법을 저번에 배웠는데요. https://cpro95.tistory.com/674 Remix Framework에 TailwindCSS 적용하기 안녕하세요? 오늘은 Remix 프레임워크에 TailwindCSS를 적용시켜 보겠습니다. 먼저, 지난 시간까지 만든 remix-tutorial 폴더에서 다음과 같이 tailwindcss와 concurrently를 설치해 보겠습니다. npm i -D tailwin.. cpro95.tistory.com 오늘은 다크 모드 적용에 대해 알아보겠습니다. TailwindCSS의 다크 모드의 작동원리는 즉, html 태그에 .. 공감수 0 댓글수 0 2022. 4. 8.
  • Remix Framework 한 화면에 Nested Routes 구현하기 Remix Framework, 리믹스 프레임워크, 한 화면에 네스티드 라우츠 구현하기, 한 화면에 Nested Routes 구현하기 한 화면에 Nested Routes 설정하기 이제 리믹스 프레임워크의 가장 강력한 기능인 Nested Routes에 대해 알아보겠습니다. 제목 그대로 한 화면에 Nested Routes를 만들 수 있는데요. 일단 지난 시간에 배웠던 글을 참고해서 이번 글을 쓰도록 하겠습니다. https://cpro95.tistory.com/680 Remix 프레임워크 Nested Routing 파헤치기 Remix Framework File-base Routing and Nested Routing ( 리믹스 프레임워크 파일 베이스 라우팅, 네스티드 중첩 라우팅) 안녕하세요? 오늘은 지난번에 .. 공감수 0 댓글수 0 2022. 3. 27.
  • Remix framework의 useTransition을 이용한 UI 개선하기 Remix framework useTransition, 리믹스 프레임워크 useTransition UI 개선 안녕하세요? 지난 시간에 작성한 다중 Form을 이용한 action 함수 사용하기 글에서 아쉬웠던 게 계속 생각이 나서 바로 다음 글을 쓸려고 합니다. 바로 UI 부분인데요. 노트를 생성하고 노트를 지울 때 화면에 아무것도 표시가 되지 않아 지금 제대로 작동하고 있는지 아니면 에러가 났는지 도저히 모르는 상태인데요. 리믹스에서는 useTransition 훅을 제공하고 있어 이 부분을 해결하는데 도움을 주고 있습니다. 먼저, 지난 시간에 잠깐 언급했던게 있는데 바로 아래 코드입니다. 지난 시간의 코드처럼 Form에 reloadDocument를 지정하면 input 창이 깨끗하게 비워지게 되는데요. 그.. 공감수 0 댓글수 0 2022. 3. 26.
  • Remix Framework 다중 Form의 action 함수 처리하기 Remix Framework multiple form, 리믹스 프레임워크 다중 form의 action 함수 처리하기 안녕하세요? 지난 시간에 리믹스의 서버사이드 처리 함수인 action 함수에 대해 자세히 살펴봤는데요. 오늘은 한 페이지에서 action 함수로 전달해야 할 데이터가 많을 경우에는 어떻게 하는지 알아보겠습니다. 리믹스에서는 서버사이드 함수로 데이터를 보낼 때 action 함수를 지정해서 사용한다고 했고, 그 방식은 PHP 시절 쓰던 form-submit 방식인데, 만약 보내야 할 데이터가 여러 form에 걸쳐 있을 경우 action 함수에서 어떻게 처리하는지 쉽게 생각이 나지 않는데요. 지난 시간에 배웠던 Post 생성과 관련하여 오늘은 Note라는 DB를 새로 만들어서 알아보겠습니다. 먼.. 공감수 0 댓글수 0 2022. 3. 26.
  • Remix Framework Action 함수 자세히 알아보기 Remix framework action function, 리믹스 프레임워크 action 함수 자세히 알아보기 안녕하세요? 지난 시간까지 배웠던 Remix 프레임워크의 서버사이드 담당 함수인 loader와 action 중에서 오늘은 action 함수를 좀 더 자세히 알아볼까 합니다. 지난 시간에 배웠던 loader, action 함수의 동작 방식을 복습해 보면, 1. 리액트 UI 부분의 form 엘러먼트에서 디폴트 옵션인 method="get" 상태에서 form을 submit 했고, 2. form을 submit 하면 브라우저는 자동으로 새로고침 하는데, 이때 form의 method가 "get"이기 때문에 input 엘레먼트의 name 부분이 현재 URL의 Params으로 추가되면서, 3. 새로고침 된 브.. 공감수 0 댓글수 0 2022. 3. 26.
  • Remix Framework 서버사이드 loader, action 함수 알아보기 Remix Framework loader, action Function, 리믹스 프레임워크 서버사이드 loader, action 함수 안녕하세요? 지난 시간에 배웠던 리믹스 프레임워크의 다이내믹 라우팅에 더해서 오늘 시간에 배울 부분은 리믹스 프레임워크의 가장 강력하고 편리한 기능이라고 할 수 있는 loader, action 함수입니다. loader, action 함수는 NextJS를 이용해서 취미용 프로젝트를 많이 만들었던 저로서는 리믹스 프레임웍의 서버사이드 함수의 간결하면서 편리한 형식에 감탄을 금치 못했는데요. 이제 본론에 들어가 보도록 하겠습니다. 먼저, NextJS에서의 서버사이드 코딩인데요. 예를 들어 보겠습니다. import { useState, useEffect } from "react".. 공감수 0 댓글수 0 2022. 3. 21.
  • Remix Framework Dynamic Routing 살펴보기 Remix Framework Dynamic Routing, 리믹스 프레임워크 다이내믹 라우팅 안녕하세요? 이번 시간에는 Remix 프레임워크의 다이내믹 라우팅에 대해 살펴보겠습니다. 지난 시간까지 배운 Nested Routing에 더해서 웹 앱에서는 라우팅으로 정보를 교환해야 할 때가 있습니다. 예를 들어 페이지 넘버나, 제품 ID, 포스트 목록 번호가 대표적이죠. Next.JS에서는 어떻게 했는지 비교해서 살펴보는 것도 좋을 듯싶습니다. 먼저, Next.JS의 예를 살펴보겠습니다. 아래 예를 보시면 prisma를 이용해서 id에 해당하는 포스트를 얻는 함수인데요. /post/[id]. tsx export const getServerSideProps: GetServerSideProps = async ({.. 공감수 0 댓글수 0 2022. 3. 19.
  • Remix 프레임워크 Nested Routing 파헤치기 Remix Framework File-base Routing and Nested Routing ( 리믹스 프레임워크 파일 베이스 라우팅, 네스티드 중첩 라우팅) 안녕하세요? 오늘은 지난번에 간단하게 알아봤던 Remix 프레임워크에 대해 좀 더 심도 있게 들어가 보도록 하겠습니다. NextJS가 처음 나왔을 때 리액트쪽에서는 굉장한 반향이 일어났었는데요. 바로 NextJS의 파일 베이스 라우팅이 그 주인공이었습니다. 물론 Static Site Generating과 Server Side Rendering도 중요한 기능이었지만요. 일반적으로 리액트 라우터를 쓰는 SPA 수준의 리액트에서는 라우팅 하는데 꾀나 고달팠는데요. NextJS의 파일 베이스 라우팅의 소개로 그 수고스러움이 싹 사라졌다고 생각합니다. 리.. 공감수 1 댓글수 0 2022. 3. 17.
  • Remix Framework에 TailwindCSS 적용하기 안녕하세요? 오늘은 Remix 프레임워크에 TailwindCSS를 적용시켜 보겠습니다. 먼저, 지난 시간까지 만든 remix-tutorial 폴더에서 다음과 같이 tailwindcss와 concurrently를 설치해 보겠습니다. npm i -D tailwindcss@latest concurrently 이제 tailwindCSS init을 실행시켜 볼까요? npx tailwindcss init Remix 프레임워크에서는 postcss가 필요 없어 뺐습니다. 이제 tailwind.config.js 파일을 아래와 같이 고쳐볼까요? module.exports = { content: ["./app/**/*.{ts,tsx,js,jsx}"], theme: { extend: {}, }, plugins: [], }; .. 공감수 0 댓글수 0 2022. 3. 1.
  • Remix Framework 살펴보기 안녕하세요? 오늘은 Remix 프레임워크에 대해 알아볼까 합니다. React 생태계에서 가장 잘 나가는 프레임워크가 바로 Next.JS인데요. 저도 왠만하면 거의 모든 프로젝트는 모두 NextJS로 만듭니다. NextJS는 사실 현재 엔터프라이즈 기업들이 애용하는 최고 수준의 리액트 프레임워크인데요. 작년 말에 나온 Remix 프레임워크가 제 눈에 많이 들어오고 있어 오늘은 Remix를 한번 살펴볼까 합니다. https://remix.run/ 설치 일단 터미널 창에서 아래와 같이 실행시켜보겠습니다. npx create-remix@latest remix-tutorial create-remix 패키지를 설치하라고 물어보면 Y를 눌러줍니다. Remix 프레임워크는 기본적인 설정을 사전에 준비시켜 주는데요. 첫.. 공감수 0 댓글수 0 2022. 3. 1.
  • Supabase와 NextJS로 블로그 만들기 - Search 안녕하세요? 이번 시간에는 Supabase 블로그 마지막 시간이 Search 기능 추가 시간입니다. 블로그 포스트의 생성, 조회, 업데이트, 삭제 기능을 완성했는데요. 남은 건 바로 검색 기능입니다. /pages/post/search.tsx 파일로 진행할 예정입니다. 일단 User-Authenticated 템플릿을 아래와 같이 준비합시다. import React, { useState } from "react"; import Link from "next/link"; import { GetServerSideProps } from "next"; import { useMessage } from "../../lib/message"; import { useFormFields } from "../../lib/util.. 공감수 0 댓글수 0 2022. 3. 1.
  • TailwindCSS 3.0과 Next.JS에서 Dark 모드 적용하기 안녕하세요? 오늘은 TailwindCSS 3.0과 Next.JS에서 다크 모드(Dark Mode) 적용하는 방법에 대해 알아보겠습니다. 먼저, 빈 템플릿을 설치해 볼까요? npx create-next-app tailwind-dark-mode 열심히 설치하고 있네요. 이제 TailwindCSS 최신판을 설치해 봅시다. cd tailwind-dark-mode npm i -D tailwindcss@latest postcss@latest autoprefixer@latest TailwindCSS는 postcss와 autoprefixer 패키지가 필요합니다. 같이 설치해주셔야 합니다. 그다음에 TainwindCSS 초기화 명령을 실행시킵시다. npx tailwindcss init -p TailwindCSS 초기화 .. 공감수 1 댓글수 0 2022. 2. 25.
  • Supabase와 NextJS로 블로그 만들기 - Modify, Delete 안녕하세요? 오늘은 Supabase + NextJS 블로그 만들기 시리즈 마지막인 Post의 Modify, Delete에 대해 알아보겠습니다. 일단 /post/modify.tsx 파일을 만들었고 무엇을 수정, 삭제할지에 대한 정보는 브라우저의 주소창 쿼리를 이용할 예정입니다. NextJS의 다이내믹 라우팅으로도 할 수 있지만 좀 더 간단한 주소창 쿼리를 이용할 예정입니다. http://localhost:3000/post/modify?id=1 이런 식으로 주소 링크를 주면 해당 modify.tsx 파일에서 해당 id를 이용해서 수정, 삭제할 예정입니다. 일단 /post/modify.tsx의 로그인된 유저만 볼 수 있게 하는 템플릿을 준비해 보겠습니다. import React, { useEffect } fr.. 공감수 1 댓글수 0 2022. 2. 21.
  • Supabase와 NextJS로 블로그 만들기 - Post Create 안녕하세요? 지난 시간에 이어 Supabase와 NextJS로 블로그 만들기에 도전해 보겠습니다. 오늘은 Create A Post를 만들어 보겠는데요. 기존에 만들어 놨던 템플릿만 잘 활용하면 오늘 주제도 금방 만들 수 있을 거 같습니다. 먼저 /pages/post/create.tsx 파일을 만들 예정입니다. 이렇게 만들면 browser 상의 주소가 http://localhost:3000/post/create 가 됩니다. 일단 User-Authenticated Page 템플릿을 준비합니다. 이 템플릿은 앞에서 벌써 여러 번 써먹었으니 꼭 알아 두시기 바랍니다. /pages/post/create.tsx import React from "react"; import { GetServerSideProps } f.. 공감수 0 댓글수 0 2022. 2. 20.
  • Supabase와 PostGreSQL의 Row Level Security 살펴보기 안녕하세요? 지난 시간에 깜빡했던 PostgreSQL DB의 Row Level Security에 대해 추가로 알아볼 게 있어서 잠깐 글을 쓰게 되었습니다. CREATE TABLE posts ( id bigint generated by default as identity primary key, user_id uuid references auth.users not null, user_email text, title text, content text, inserted_at timestamp with time zone default timezone('utc'::text, now()) not null ); alter table posts enable row level security; create policy ".. 공감수 0 댓글수 0 2022. 2. 20.
  • supabase와 NextJS로 블로그 만들기 2편 안녕하세요? 이번 시간에는 지난 시간에 만들었던 Supabase 블로그 만들기 2편입니다. 1편에서는 supabase에서 데이터를 불러와서 보여주는 페이지를 만들었는데요. 2편에서는 각 블로그의 상세 페이지에 대해 만들어 보겠습니다. supabase의 posts 테이블은 일련번호가 id라는 이름으로 매겨지는데요. 이 id라는 것을 params으로 해서 PostDetailPage를 만들어 보겠습니다. id를 a tag 링크에 집어넣어야 돼서 지난 시간의 posts.tsx 파일을 조금 수정하겠습니다. const ListPosts = ({ post }: { post: PostsProps }) => { .... .... .... ... ... ... ... 위 코드를 보시면 어딜 고쳐야 되는지 알수 있을 겁니다.. 공감수 0 댓글수 0 2022. 2. 20.
  • supabase와 NextJS로 블로그 만들기 1편 안녕하세요? 오늘은 지금껏 만들어 왔던 supabase 로그인 구현 템플릿에 더해서 Supabase 데이터베이스를 이용해서 간단한 블로깅 시스템을 만들어 보겠습니다. 먼저, 블로그 데이터를 저장할 DB의 테이블을 만들어야 하는데요. 일단 supabase 대시보드에서 아래 그림과 같이 SQL Editor을 이용해서 테이블의 schema를 짜 보도록 하겠습니다. 아래 New Query를 클릭하고 오른쪽 화면에서 다음과 같이 입력합시다. 그리고 오른쪽 아래에 RUN 버튼을 눌러 table을 만들도록 하겠습니다. Supabase에서는 위와 같이 SQL 명령어를 위와 같이 직접 입력해서 만들 수 있습니다. CREATE TABLE posts ( id bigint generated by default as ident.. 공감수 1 댓글수 0 2022. 2. 20.
  • 타입스크립트 React props 전달하는 방법 및 IntrinsicAttributes 오류 해결 안녕하세요? 오늘은 타입스크립트로 리액트 코드를 짤 때 하위 컴포넌트(child componet)에 Props를 전달하는 제대로 된 방법을 알아보겠습니다. 그냥 자바스크립트로 작성하면 크게 문제가 안되지만 타입스크립트로 작성하면 되게 까다롭습니다. 먼저, 상황을 설정해 보겠습니다. supabase로 posts 테이블에서 데이터를 불러와서 title로 리스트를 작성하는 페이지를 작성해 보겠습니다. 먼저 코드를 보겠습니다. import { useState, useEffect } from "react"; import { supabase } from "../lib/supabase"; const ListPosts = (post) => { return ( {post.title} {post.content} ); };.. 공감수 8 댓글수 2 2022. 2. 20.
  • React(리액트)의 useState, useReducer 차이점 비교 Reducer 란? Reducer(리듀서)는 기본적으로 두 개의 인수(current state와 action)를 받고, 이렇게 받은 두 인수를 기반으로 해서 새 상태를 반환하는 함수입니다. 그래서 reducer(리듀서)는 다음과 같은 코드로 표현할 수 있습니다. const reducer = (state, action) ⇒ newState; 예전에 React와 Redux를 사용해서 코딩하셨다면 reducer(리듀서)란 말을 들어 보셨을 겁니다. 우리가 reducer(리듀서)를 사용해서 얻는 이점은, 예측 가능하고 일관되게 작동하며, 그래서 복잡한 상태를 관리하는 데 적합합니다. 일반적으로 테스트하기 쉽습니다. 실행 취소/다시 실행, 상태 지속성 등과 같은 헬퍼 함수는 reducer(리듀셔)로 구현하기가 더.. 공감수 2 댓글수 0 2022. 2. 17.
  • Supabase with NextJS 8편 - 패스워드 변경 안녕하세요? Supabase 강좌가 벌써 8편이네요. 7편 링크를 남겨드릴 테니 지난 시간까지 뭐가 있었는지 참고 바랍니다. https://cpro95.tistory.com/623 Supabase로 로그인 구현하기 with NextJS 7편 안녕하세요? 이번 시간은 기나긴 Supabase 강좌의 마지막인 Third-Party 로그인에 대해 알아보겠습니다. 일단 지난 강좌 링크 올려 드립니다. https://cpro95.tistory.com/617 Supabase로 로그인 구현하기 with Ne.. cpro95.tistory.com 이번 시간에는 Supabase에 로그인 한 유저의 패스워드를 변경하는 방법에 대해 알아보겠습니다. 위 그림과 같이 Profile 페이지에서 패스워드 변경이 가능하게끔 만들 생각.. 공감수 0 댓글수 0 2022. 1. 24.
  • ElectronJS 일렉트론 강좌 5편 SQLite3 sql.js 안녕하세요? 일렉트론 강좌를 끝냈었는데요. 댓글로 CRUD 예제를 원하시는 분이 계셔서 5편까지 오게 되었네요. 일단 지난 시간 강좌는 참고로 링크 걸어 두겠습니다. https://cpro95.tistory.com/500 ElectronJS 일렉트론 강좌 1편 SQLite3 sql.js 안녕하세요? 오늘은 Electron 강좌를 시작해 볼까 합니다. ElectronJS는 웹상의 기술인 HTML, CSS, Javascript로 데스크톱 애플리케이션을 만들 수 있는 NodeJS 패키지인데요. HTML, CSS, Javascript로 작동되다.. cpro95.tistory.com https://cpro95.tistory.com/501 ElectronJS 일렉트론 강좌 2편 SQLite3 sql.js 안녕하세요.. 공감수 0 댓글수 0 2022. 1. 23.
  • ElectronJS 일렉트론 강좌 4편 SQLite3 sql.js 안녕하세요? ElectronJS 일렉트론 강좌를 3편에서 끝냈었는데요. 댓글로 어떤 분께서 SQLite3 CRUD(Create, Read, Update, Delete) 예제를 보고 싶다고 해서 4편을 작성해 봤습니다. 먼저, 기존 강좌 3편 링크입니다. https://cpro95.tistory.com/500 ElectronJS 일렉트론 강좌 1편 SQLite3 sql.js 안녕하세요? 오늘은 Electron 강좌를 시작해 볼까 합니다. ElectronJS는 웹상의 기술인 HTML, CSS, Javascript로 데스크톱 애플리케이션을 만들 수 있는 NodeJS 패키지인데요. HTML, CSS, Javascript로 작동되다.. cpro95.tistory.com https://cpro95.tistory.c.. 공감수 0 댓글수 2 2022. 1. 15.
  • Supabase로 로그인 구현하기 with NextJS 7편 안녕하세요? 이번 시간은 기나긴 Supabase 강좌의 마지막인 Third-Party 로그인에 대해 알아보겠습니다. 일단 지난 강좌 링크 올려 드립니다. https://cpro95.tistory.com/617 Supabase로 로그인 구현하기 with NextJS 1편 안녕하세요? 최근 NextJS로 여러가지 로그인 구현 웹앱을 만들려고 노력하고 있는데요. 최근에는 NextAuth와 Prisma를 이용해서 카카오 로그인, 네이버 로그인, 구글 로그인 등 다방면으로 구현해 봤 cpro95.tistory.com https://cpro95.tistory.com/618 Supabase로 로그인 구현하기 with NextJS 2편 안녕하세요? 이번 시간에는 지난 회부터 시작한 Supabase를 이용한 로그인 구현.. 공감수 0 댓글수 0 2022. 1. 9.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.