dev/개인 프로젝트

dev/개인 프로젝트

만들고자하는 프로그램

나는 모델러라고 하는 프로그램을 하나 만들것이다. 모델러의 역할은 다음과 같다. 1. 기준정보를 CRUD를 하는 역할을 한다. 2. 접속한 유저를 토대로 history 를 남겨야 한다. 3. 어떤 기준정보를 CRUD를 할수 있는지 관리자가 설정할수 있어야한다. 좀더 세부적인 기능은 다음과 같다. - 관리자와 일반사용자로 구분이 되며, 관리자는 기준 정보 템플릿을 토대로 설정이 가능해야함. - Flow 도 설정할수 있어야하고 - 화면이나 버튼별로 권한을 관리 해야만 한다. 목표 구현기술 - Frontend : vue Or react 이 둘중 쉬운걸로 하자.. 좀더 개발을 잘하면 electron 까지 구현... - backend : Spring 을 사용할것이고 open jdk 11이용, jpa까지 이용하면 ..

dev/개인 프로젝트

mermaid js 를 사용한 토이프로젝트

https://youtu.be/I_r1t2Lfvh8 backend spring jpa frontend react mermaid js mui db oracle 을 사용해서 위의 간단한 토이플젝 github frontend & backend 소스 https://github.com/ParkJeongSu/sequenceDiagram_frontend GitHub - ParkJeongSu/sequenceDiagram_frontend: sequenceDiagram sequenceDiagram. Contribute to ParkJeongSu/sequenceDiagram_frontend development by creating an account on GitHub. github.com https://github.com..

dev/개인 프로젝트

go gin tutorial

https://go.dev/doc/tutorial/web-service-gin Tutorial: Developing a RESTful API with Go and Gin - The Go Programming Language Tutorial: Developing a RESTful API with Go and Gin This tutorial introduces the basics of writing a RESTful web service API with Go and the Gin Web Framework (Gin). You’ll get the most out of this tutorial if you have a basic familiarity with Go and its go.dev 위의 사이트에서 tut..

dev/개인 프로젝트

golang - gin - backend 개발 (1)

다른 블로그를 보면서 여차저차 golang 과 vscode 환경구축을 완료했다. 그리고 gin이라는 golang framework를 사용해서 backend를 구축하려고 한다. 우선 gin tutorial https://github.com/gin-gonic/gin GitHub - gin-gonic/gin: Gin is a HTTP web framework written in Go (Golang). It features a Martini-like API with much better perf Gin is a HTTP web framework written in Go (Golang). It features a Martini-like API with much better performance -- up to 4..

dev/개인 프로젝트

Electron Hot Reload 적용

electron-reload & electron-reloader 설치 npm install electron-reload --save-dev npm install electron-reloader --save-dev main.js 부분에 아래 부분을 추가한다. // If development environment if (env === 'development') { require('electron-reload')(__dirname, { electron: path.join(__dirname, 'node_modules', '.bin', 'electron'), hardResetMethod: 'exit' }); } package.json 부분의 아래 start script 를 추가한다. "scripts": { "st..

dev/개인 프로젝트

Electron Uncaught TypeError: Cannot read property 'fn' of undefined 에러 해결

웹서버에선 잘동작하는데 Electron 으로 시작하면 위의 에러가 뜨는 알수없는 현상이 있었다. 실제로 콘솔창에 $.fn의 변수를 보니 웹서버에선 정상적으로 있었지만, Electron에선 없었다. 이런 현상은 나만 격는게 아니였고, StackoverFlow에 해결방법을 찾았다. 1 2 3 4 5 6 7 8 //Before // After npm install jquery 한뒤 위의 방법으로 스크립트를 불러오면 해결된다. 아래는 StackoverFlow 주소이다 https://stackoverflow.com/questions/50541298/uncaught-typeerror-cannot-read-property-fn-of-undefined-electron-2-angular?fbclid=IwAR0sr3a-F..

dev/개인 프로젝트

electron-builder 사용하여 데스크톱 앱 배포하기

electron-builder 에 대한 옵션값은 다른 블로그나 공식사이트에 잘 정리 되어있으니 넘어가고, 방법만 순서대로 보여드리겠습니다. 1. electron-builder 를 설치합니다. 2. 설치 후, package.json 에 몇가지를 추가하셔야합니다. 사진의 빨간 부분의 설정이 제가 추가한 부분입니다. [밑에서 복사해서 쓰세요] { "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "deploy":"electron-builder --windows nsis:ia32" },..

dev/개인 프로젝트

Electron Quick Start 사용하여 데스크톱 앱 만들기(1)

https://github.com/electron/electron-quick-start electron/electron-quick-start Clone to try a simple Electron app. Contribute to electron/electron-quick-start development by creating an account on GitHub. github.com 위의 링크에 나와있는 방법대로 고대로 하면 된다. 다음 글은 electron-builder 를 사용하여 인스톨파일을 만들어서 배포하는 방법을 알아보겠습니다.

jeongsu
'dev/개인 프로젝트' 카테고리의 글 목록