개발로 부자되기 26

스테이블디퓨젼 txt to image (파라미터 설명)

아래 이미지는 ai로 만든 얼굴들이다. 여기서 내 취향을 선택해본다면 ㅋㅋ 첫번째, 세번째가 자연스럽게 나온것 같다. 3번과 5번은 거의 유사하다. 사진을 보면 비슷비슷한 느낌인것을 볼 수 있는데, 이미지를 만들때, 랜덤 seed를 같은값을 썻기 때문이다. 파라미터에 대한 설명은 아래 추가해본다. 여자 얼굴 만들기 ai 모델 선정이 중요하다. 1. checkpoint (모델) beautifulRealistic_v7 2. prompt 명령어 (best quality, masterpiece ...) 다른사람이 잘 만든것을 가져왔다. 3. batch count 한번에 몇 개 이미지 만들 것인지를 선택한다. 4. seed 랜덤 변수를 의미한다. cariation strength와 variation seed를 조..

스테이블 디퓨젼으로 해보고 싶은 것

1. 얼굴 바꾸기 inpaint 활용하여 이미지 만들어보기 (done) 2. 일관성있게 얼굴 바꾸기 모델과 seed를 일정하게 정해놓고 랜덤을 돌린다. (done) https://www.youtube.com/watch?v=4FI3SkNXF8M 3. 영상에 대해서 얼굴 바꾸기 roop (해보지 않음) https://www.youtube.com/watch?v=JtfLqQl66pc mov2mov, reactor 영상 원본과 바꾸고싶은 얼굴 이미지를 준비한후 stable diffusion의 mov2mov, reactor를 통해 얼굴바꿔서 춤을 추도록 한다. https://www.youtube.com/watch?v=mWg9nsO25aA&t=1s 4. 춤추는 고양이 만들기

react-native 아이폰 앱 icon 추가하기

앱 아이콘을 여러 이미지로 다 채우기 귀찮다. 이것을 한번에 해주는 프로그램이 있어서 소개한다. icon set이라는것을 활용하여 앱 icon을 만들 수 있다. icon set을 글로벌로 설치 한다. 그리고 iconset create 명령어를 프로젝트 루트위치에서 실행하면 끝. $ npm install icon-set-creator -D $ iconset create ~/Documents/carrot_icon.png 참고 https://github.com/martiliones/icon-set-creator GitHub - martiliones/icon-set-creator: CLI for creating React Native app icons CLI for creating React Native app..

쿠팡보고 리워드 받기

요즘 유튜브보면 아래처럼 광고보면 다음페이지로 넘어가게끔 하는 사이트들이 많다. 나만 이런게 뜨는지 모르겠는데, 자꾸 보게된다. 얘네의 수익모델은 사람들이 광고를 보게하고 정답을 알려주는것이다. 요런 컨셉으로 재밌는 이야기라던가, 정보라던가, 이미지를 볼수있게 해주는 대신 광고를 봐라 이런거다. 궁금해서 눌러보게 된다.. 개발자 입장에서 나도 하나 만들어보고 싶어지게한다. 분석해본다. https://hotpeople.ulog.kr/359489 핫피플 - 여신 미모인데 넘치는 볼륨감까지 갖춘 아이돌 ㄷㄷ;; 정답은........미연 hotpeople.ulog.kr 워드프레스 플러그인으로 만들어서 제공중인 사람이 있는것으로 보인다. https://news.mkttalk.com/entry/wordpress-a..

next js router 페이지간 query 전달하기 2가지 방법, 예시

첫번째는 url이 /user/[name] 과 같을때, name을 받는 방법이다. name을 url query로 받을 수 있고, 이 name에 따라 동적으로 화면 구성이 가능하다. 이것을 하기 위한 예시와 폴더 구조를 적어본다. import { useRouter } from "next/router"; const router = useRouter(); router.push(`/p2p/buy/${name_}`); router 를 통해 param을 전달 가능하다. 일단 폴더 구조를 아래와 같이한다. [ID]의 의미는 router.query를 ID로 받겠다는 의미이다. ID.jsx 코드 상에서는 아래와 같이 데이터를 받아 처리한다. const router = useRouter(); const { ID } = ro..

next js 13 route.js get route params 요청 받기 api/[test]

import { NextResponse } from "next/server"; export async function GET(request, route) { const id = route.params.id; console.log('req',id) return NextResponse.json({ success: true, id:id }); } 쉽게 코드 복사하라고 텍스트도 넣어둔다. 코드 설명을 간단히 하면,http://localhost:3000/api/address/[ID] http://localhost:3000/api/address/12345 뒤에 12345, id에 해당하는 값을 읽어오는 코드이다. 이걸 하기 위해서는 폴더 구조를 아래처럼 하면 된다.

next 13 auth firebase google login 해결법 (vercel 배포까지)

https://www.telerik.com/blogs/how-to-implement-google-authentication-nextjs-app-using-nextauth How to Implement Google Authentication in Next with NextAuth This article demonstrates how to incorporate single sign-on using OAuth protocol in a Next.js application via the NextAuth module with Google authentication. www.telerik.com 이 글을 따라하면 잘 됩니다. firebase login을 연동하는 방법이 server기반 (firebase-admin)을..

firebase function 설치부터 배포까지 2023

파이어베이스 function은 쉽게 설명하면 클라우드 백앤드 서버를 말한다. api 몇개 안만드는경우, 이 파이어베이스 function을 쓰면 쉽게 만들어볼 수 있다. 설치방법부터 간단한 사용법까지 적어본다. example이 javascript로 돼있으니깐 javascript를 선택하는것을 추천한다. https://firebase.google.com/docs/functions/get-started?gen=2nd#node.js_3 npm install -g firebase-tools firebase login firebase init functions 위에 링크에 있는 예제 그대로 복사한 다음에, 실행해본다. 이건 배포하기 전에 내 피시에서 테스트하는 것이다. firebase init emulators f..

react-table 너비 (width) 조정하기, 예제코드

import { useTable, useRowSelect, useSortBy, useGlobalFilter, usePagination, } from "react-table"; 예제 가져와서 구현해보고 있는데, 너비 조정할 필요가 있었다. 너비 조정하는 과정은 다음과 같은데, 1. 먼저 columns 배열에 minWidth정보를 채운다. 2. columns는 useTable에 사용된다. 3. 에서 각 column마다 설정된 minWidth정보가 사용된다. 각 순서에 대해 코드를 보면서 설명하면 컬럼 변수에 텍스트로 들어갈 부분, key값(accessor), minWidth를 넣어둔다. Cell을 보면 Cell엔 어떻게 표시될지가 표현된다. const COLUMNS = [ { Header: "customer..

해결법 Next.js error cannot find module 'next/headers'

nextauth error가 발생할 수 있는데, 나 같은 경우엔 next.js version과 next-auth version이 안맞아서 난 에러였다. next version을 v12를 쓰고 있었는데 이 v12와 맞는 버젼에 next-auth를 써야 빌드된다. "next": "12.1.6", 아래 글처럼 "next-auth": "4.15.1" 로 고정한후 node_modules를 지우고 다시 빌드하니 문제없이 동작했다! https://stackoverflow.com/questions/74339649/next-js-error-cannot-find-module-next-headers Next.js error cannot find module 'next/headers' Faced this issue when ..