SVELTE + 그누보드5 개발 진행중 버전 맛보기 정보
SVELTE SVELTE + 그누보드5 개발 진행중 버전 맛보기
첨부파일
본문
요 앞에 올린 API 와 연동되는
SVELTE 맛보기 버전입니다.
우선 node.js 설치되어 있어야합니다. node.js 는 알아서 설치하시고.
다운받아서 푸시고
콘솔에서
npm i
해서 모듈 다운로드 설치하시고
아래 파일을 열어서 내용변경하시고
.env.development (개발 테스트용) 파일에서 엔드포인즈 운영하시는 도메인으로 변경하시고
.env.production 은 실제 서비스용 설정파일은 나중에 서비스 올리실때 설정하시면 됩니다.
콜솔에서
npm run dev
실시간 개발 환경이 실행되는데요.
콘솔화면에 보면
http://localhost:5173 이렇게 나오는데 이걸 웹브라우저 주소로 불러오면
화면에 제가 작업중인 그누보드 연동 svelte 버전을 확인하실 수 있습니다.
참고로 tailwindcss 와 tailwindcss를 부트스트랩 처럼 사용할 수 있는
daisyui.com로 css가 작성되어 있습니다.
추천
0
0
댓글 6개
많은 기대를 하고 있습니다.
오!! 오픈소스 감사해요
아참 글쓰기에서 텍스트에디터 이것저것 테스트 중인것을 올린것 같습니다.
온전하게 나오지 않습지다. 그리고 아직 글쓰기 업로드까지는 안됩니다.
글쓰기도 뭐 할게 많네요. 비로그인 시에 capcha 다는 것도 문제인데, 이놈은 google reCapcha로 변경해놨습니다.
아 이놈 쓰려면은,
.env.development 파일에서
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
위 두 값을 google 에 앱등록후 키 얻어서 넣어주셔야합니다.
집하고 사무실에서 틈틈이 작업해서 올리다보니.
.env 파일은 git 에서 공유안되게 해놓다보니 글쓰다보니 집에있는 파일에는 명시되어있네요.
에디터도 스벨트가 찰떡같이 불러오기만하면 쓰~윽 달라붙는 에디터도 아직 없네요.
아무래도 sveltekit 정식 버전 출시전 급격한 변화가 많았던지라, 그 변화 전 버전들이 주로 오픈소스로 올라와 있고 변경이후의 환경이 적용된 경우는 매우 드문것 같습니다.
그래서 에디터 쪽은 에러가 많습니다
계속 뚤어져라 처다보고 있으면, 어디가 문제인지 찾아서 고칠 수 있을거 같기는 한데,
쉽게 할 수 있는 일은 아니라서 우선 광범위하게 여러 에디터 들을 적용해보고 있습니다.
우선 그누보드에 사용하고 있는 ckeditor은 불러오기까지는 되는데 classic 버전으로 하면됩니다.
그런데 글을 불러오고 나서 에러나서 그이후 기능은 먹통이 됩니다.
그나마 최근 납품한 정상작동되는 에디터인 tiny에디터인가는 뭐 서비스 사이트에 가서 키 생성해서 등록하고 좀 귀찮은게 있고 그리고 불러오면 뭔가 에러가 납니다. 사용은 가능하나 뻘건줄쳐 있는거 보면, 뭔가 문제가 될 것같아 다른 대안을 여기저기 찾아보고 있습니다.
아무래도 ckeditor의 에러를 고쳐 보는게 맞는것 같은데, 한 서너번 고치려고 시도해봤는데 안되네요.
뭔가 더 깊고 오묘한 이유가 있는 것 같습니다.
온전하게 나오지 않습지다. 그리고 아직 글쓰기 업로드까지는 안됩니다.
글쓰기도 뭐 할게 많네요. 비로그인 시에 capcha 다는 것도 문제인데, 이놈은 google reCapcha로 변경해놨습니다.
아 이놈 쓰려면은,
.env.development 파일에서
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
위 두 값을 google 에 앱등록후 키 얻어서 넣어주셔야합니다.
집하고 사무실에서 틈틈이 작업해서 올리다보니.
.env 파일은 git 에서 공유안되게 해놓다보니 글쓰다보니 집에있는 파일에는 명시되어있네요.
에디터도 스벨트가 찰떡같이 불러오기만하면 쓰~윽 달라붙는 에디터도 아직 없네요.
아무래도 sveltekit 정식 버전 출시전 급격한 변화가 많았던지라, 그 변화 전 버전들이 주로 오픈소스로 올라와 있고 변경이후의 환경이 적용된 경우는 매우 드문것 같습니다.
그래서 에디터 쪽은 에러가 많습니다
계속 뚤어져라 처다보고 있으면, 어디가 문제인지 찾아서 고칠 수 있을거 같기는 한데,
쉽게 할 수 있는 일은 아니라서 우선 광범위하게 여러 에디터 들을 적용해보고 있습니다.
우선 그누보드에 사용하고 있는 ckeditor은 불러오기까지는 되는데 classic 버전으로 하면됩니다.
그런데 글을 불러오고 나서 에러나서 그이후 기능은 먹통이 됩니다.
그나마 최근 납품한 정상작동되는 에디터인 tiny에디터인가는 뭐 서비스 사이트에 가서 키 생성해서 등록하고 좀 귀찮은게 있고 그리고 불러오면 뭔가 에러가 납니다. 사용은 가능하나 뻘건줄쳐 있는거 보면, 뭔가 문제가 될 것같아 다른 대안을 여기저기 찾아보고 있습니다.
아무래도 ckeditor의 에러를 고쳐 보는게 맞는것 같은데, 한 서너번 고치려고 시도해봤는데 안되네요.
뭔가 더 깊고 오묘한 이유가 있는 것 같습니다.
와~
들불님 근데 .env 파일은 올려주실수있나요? 이번에 스벨트 도 같이 공부 하려고 확인하는데 없어서요 ㅠㅠ 진짜 이거 너무 잘 만드셨어요
.env.development
VITE_API_ENDPOINT ="그누보드/api"
VITE_BASE_ENDPOINT ="http://localhost:3000"
VITE_SERVER_URL ="그누보드"
VITE_DEBUG_MODE = true
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
.env.production
VITE_API_ENDPOINT ="그누보드/api"
VITE_BASE_ENDPOINT ="http://localhost:3000"
VITE_SERVER_URL ="그누보드"
VITE_DEBUG_MODE = false
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
이렇게 두파일을 svelte.config.js 파일이 있는 폴더에 만들어서 올려두시면 됩니다.
VITE_API_ENDPOINT ="그누보드/api"
VITE_BASE_ENDPOINT ="http://localhost:3000"
VITE_SERVER_URL ="그누보드"
VITE_DEBUG_MODE = true
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
.env.production
VITE_API_ENDPOINT ="그누보드/api"
VITE_BASE_ENDPOINT ="http://localhost:3000"
VITE_SERVER_URL ="그누보드"
VITE_DEBUG_MODE = false
VITE_GOOGLE_RECAPTCHA_SITE_KEY =""
VITE_GOOGLE_RECAPTCHAA_SEC_KEY=""
이렇게 두파일을 svelte.config.js 파일이 있는 폴더에 만들어서 올려두시면 됩니다.
