개발
-
next 13 api가 정적으로 배포된다면? ( next js 빌드하면 db업데이트해도 값이 그대로인경우)개발 2023. 6. 16. 16:32
본인이 겪고있는 문제가 아래에 해당이 하나라도 안된다면 그냥 나가셔도됩니다! 1. npm run dev에선 제대로 db가 업데이트 되는데 build하면 api요청을 해도 변한 db값이 가져와지지않는다. 2. api가 정적으로 빌드된다 동그라기마 정적으로 빌드가된거고 ㅅ모양이 다이나믹 렌더링입니다. db값을 실시간으로 업데이트해줘야한다면 다이나믹 렌더링을 하거나 ISR을해야하는데 답부터 얘기해드리면 import { NextResponse } from "next/server"; import { prisma } from "@/app/lib/PrismaInstance"; export const dynamic = "force-dynamic"; //이거 추가하셔야함 export async function GET()..
-
Next.js 13 클라이언트 컴포넌트에서 Prisma를 사용한다고 할때개발 2023. 6. 15. 15:17
client component를 쓰고있는데 본인은 prisma를 client component 내에서 전혀 쓴적이없는데 자꾸 prisma를 쓰려한다면서 에러가 난다면? Error: PrismaClient is unable to be run in the browser. client 컴포넌트 내에서 쓰고있는 "함수"들을 파일마다 분리해두셨다면 그 함수에 prisma가 import되어있는지 확인해보십쇼.. *함수내에 prisma를 쓰지않아도 그 함수가 들어있는 파일에 prisma가 import되어있으면 에러가납니다!
-
React Native VS Flutter 비교개발 2023. 1. 23. 22:16
네이티브대신 크로스플랫폼을 배우게 된 계기 앱개발을 하고싶은데 네이티브보다 크로스 플랫폼이 더 끌렸어요. 개인적으로 1인개발은 여러가지 다 꼽아봤을때 본인이 IOS,android 둘다 지원을 할 계획이라면 크로스플랫폼이 유리하다고 생각이 들었습니다. 제가 크로스 플랫폼으로 앱개발을 배운다고 결정을했을때 저한테는 두가지 선택지가 있었습니다. React Native vs Flutter 내가 이 둘을 정말 고민을 많이많이 엄청많이 해봤어요. 근데 진짜 잘 모르겠어서 그냥 둘 다 해봤습니다. 리액트 네이티브 리액트 네이티브를 처음 배웠을때 굉장히 쉽게 제 아이패드와 아이폰에 앱을 띄울수있었습니다. Expo를 사용했는데 처음 앱을 띄우고 여러가지 배울때는 "오 굉장히 재밌어보인다"였습니다. 하지만 저는 몇번 하다..
-
Heroku sleep 방지(프리티어, SEO)개발 2022. 12. 4. 19:16
시간 없는 사람들을 위해(두가지 방법) 첫번째 방법 http://kaffeine.herokuapp.com/ Kaffeine Remove your app from Kaffeine. http:// .herokuapp.com Decaf App not found Your app has been removed. kaffeine.herokuapp.com 이거 쓰거나 뭔가 불안해서 서버 띄우고 진짜 요청이 오나 확인을 하고싶은데 시간이 아까운분들 두번째 방법 var http = require("http"); setInterval(function() { http.get("내 사이트 주소"); }, 60 * 1000 * 15); //15분마다 내 페이지에 요청을 하나 보냄 15분마다 요청을 보내니까 슬립이 되지않음 근데..
-
CSR,SSR에 대해서 (게시판,웹뷰)개발 2022. 9. 6. 02:57
CSR Client Side Rendering에 약자로 클라이언트(유저)단에서 랜더링을하는겁니다. 유저 요청을하면 서버는 JS파일과 HTML을 넘겨주는데 이 HTML은 div#app 하나 딸랑있고 다른건 들어있지않습니다. JS파일을 다 읽고 실행하면 여기다가 차곡차곡 뭔갈 만들어주는건데(랜더링) React기준 div#app이걸 보신 분들은 React나 Vue에서 많이 보셨을겁니다. 여기서 이벤트를 발생시키면 JS가 Ajax로 서버에서 필요한 Data를 가져와서 HTML을 만들어줍니다. 이러면 장점이 페이지를 이동할 필요가없이 Ajax로 모든걸 처리하기때문에 웹이 마치 앱처럼 빨리빨리 동작합니다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript ..
-
[Python] requests Login (requests Session)개발/Crawler & Scraper 2022. 3. 2. 02:46
[Python] requests Login (requests Session) 보통 로그인을하려면 Selenium을 사용하지만 post요청만으로도 로그인이가능합니다. 작동이아닌 데이터 수집의 목적이라면 이게 더 좋겠죠 Form Tag와 input Tag확인해보기 제가 심심할때마다 하는 제휴마케팅 플랫폼 텐핑 로그인을해보겠습니다. 국민부업 1인 셀러, 텐핑 모바일 소문 서비스 텐핑입니다. 유익한 콘텐츠를 소문내고 유효한 소문을 낸 만큼 현금캐시를 쌓으세요. tenping.kr 먼저 form태그를 보시면 metohd가 post인거 말곤(당연한거지만) 다른정보가 없죠 상관없습니다. input태그도 봤지만 name 속성이없네요 로그인을 구현해보신분이면 name으로 식별하는걸 아실겁니다. 별 다른 정보가 없으니 j..
-
[Python] Tkinter Drag&Drop Designer개발/Python GUI 2022. 2. 22. 00:40
[Python] Tkinter Drag&Drop Designer 원래는 QTDesigner를 썼는데 윈도에서 맥으로 넘어오면서 굉장히 불편한 점이 많았습니다. 그래서 그냥 가볍게 외주뛰거나 할 때는 Electron을 쓰는 게 정신건강에 좋겠구나 싶었지만 엄청나게 좋은 툴을 찾았습니다. 글 읽기 귀찮으시면 여기 들어가셔서 바로 사용하셔도됩니다. GitHub - ParthJadhav/Tkinter-Designer: Create Beautiful Tkinter GUIs by Drag and Drop ☄️ Create Beautiful Tkinter GUIs by Drag and Drop ☄️. Contribute to ParthJadhav/Tkinter-Designer development by creatin..
-
Vue 게시판 만들기 (글쓰기 , 수정 ,글 목록)개발/SPA (React,Vue) 개념,개발 2022. 2. 7. 03:20
Vue 프로젝트 생성 프로젝트 생성하실때 꼭 router를 포함하시고 생성하셔야합니다 Router등록 import Vue from "vue"; import Router from "vue-router"; import main from "@/views/main"; import read from "@/views/read"; import create from "@/views/create"; import Edit from "@/views/Edit"; Vue.use(Router); export default new Router({ routes: [ { path: "/", name: "main", component: main, }, { path: "/read/:id", name: "read", component: r..