아래 그림과 같이 html들 생성하고 설정. 예전 사이드프로젝트 한걸 참고해서 진행해봤다. 안된다.. 그냥 화면에 {} 라고만 뜨는 현상이 발생했다. 공식문서를 기반으로 아래와 같이 진행하게 되면 해결되니 혹여나 layout이 잘 안되는 사람이라면 아래 방법들을 확인하자. 1. decorator (X) / decorate (O) 렌더되는 html 에서 layout을 가져오는 부분에 보면 예전 방식은 다음과 같다. .... 최신에 가까운 버전을 이용시엔 아래와 같이 수정하자 ... 2. th:replace 시 ~{} 문법 레이아웃 html 에서 특정 구간을 replace 하는 부분의 예전 방식은 다음과 같다. ... ... 최신에 가까운 버전을 이용하려면 아래와 같이 수정하자 ... ... ~ 는 thym..
분류 전체보기
배경 사내 플랫폼 스프링 프레임워크 (레거시) 를 4에서 6로 업그레이드 하기로 결정했다. 회사 관련 불필요한 스토리는 접어둔다. 굳이 읽을 필요는 없지만 궁굼한 사람은 [더보기]를 클릭 더보기 VPN을 통해서만 접근하는 플랫폼이라는 점에서 굳이 보안을 아예 생각하지 않으려고 한건 아니다. 일이 많아서 못했다는건 그저 변명일 뿐, 뒤늦게라도 반성하고 반영하기로 결정했다. 구닥다리 디자인인 탓에 잘 아는 지인(타 회사 디자인 팀장)을 통해 디자인 외주를 요청하기로 이야기를 나눈 상태. 해당 부분은 이미 회사와도 이야기를 마친 상태인줄 알았는데, 막상 진행하고자 하니 회사에서 갑작스럽게 잠시 결정을 보류한 상황이 발생했다. 혹여나 지인쪽에서 진행이 불가능할 가능성이 있을 가능성이 있기에 우선 기획, 기능위주..
Node.js 프로그래밍을 하다보면, RDBMS 나 별도 서버가 필요한 NO-SQL까진 필요가 없고, 단순히 그냥 설정정도 파일로 남겨서 추후에 다시 실행될때 해당 파일을 읽어서 처리하고 싶을때가 종종 있다. 정말 별거 아닌 설정파일들이라, 사실 파일 읽고 파싱하고 다시 넣고... 어렵진 않지만 그냥 귀찮아서 chat-gpt한테 해달라고 하고싶을때가 한두번이 아니다. 이럴때 쓰는 nedb. electron framework에서도 호환성이 좋다. electron-builder를 통해 build시 sqlite3의 경우 윈도우용 rebuild과정에서 에러가 발생하는데, mac에서 이런거까지 일일히 신경쓰고 싶지도 않고, 고급query를 쓰는게 아니고 간단한 설정 값 정도만 넣는 용이라면 추천한다. 공식홈페이지..
npm-check-updates 라이브러리를 소개한다. node js든 java spring이든, python이든 이젠 개발할때 모든걸 밑단부터 만들 수 없는 몸이 되었다. 밑단부터 만들 수 도 없을 뿐더러, 만들 수 있다 해도 너~~무 시간낭비되는 탓에 근본이 되는 몇몇 라이브러리 정도 사용하곤 한다. npm-check-updates를 사용한다면 npm package.json 내에 걸려있는 dependency library들을 일일히 확인하지 않아도 명령어 한번이면 모든게 해결된다. 공식페이지 설치 $> sudo npm install -g npm-check-updates # 또는 $> npx npm-check-updates 사용법 # 대충 npm 프로젝트 경로 안으로 이동 $> cd /god-logge..
본 내용은 MacOS 환경에서 일렉트론빌드 사용시 별도 코드사인 인증서를 가지고 서명 처리하는 부분에 대해 다루고 있다. 사실 윈도우의 경우에도 별반 다를게 없고, 내용중엔 윈도우 관련 키값을 별도로 표시해두었으니 참고하여도 좋을 듯 싶다. Code Sign (코드사인) 인증서란 ? 프로그램 코드의 무결성을 보증하기 위한 전자서명이다. 코드사인 인증서는 제 3자에 의해 변경되거나 손상되지 않았음을 확인하는 방법으로 응용프로그램, Cab파일 서명, 드라이버서명, WHQL등 디지털 서명하는데 사용된다. 인증서를 통해 서명,회사 이름, 원하는 경우 시간서명이 포함되며 코드사이닝 인증서는 사용자가 설치 또는 시작 시 경고 메시지를 받지 못하도록 하여 보안에 이상적이다. (인증서 종류에 따라서는 맥의 경우에는 즉..
환경 M1 애플실리콘 - 맥미니 파이썬 - 3.11.3 노드 - v16.20.0 시도 npm install sharp 오류메세지 ➜ 360vr npm install sharp npm ERR! code 1 npm ERR! path /Users/god-logger/develop/360vr/node_modules/sharp npm ERR! command failed npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node install/can-compile && node-gyp rebuild && node install/dll-copy) npm ERR! sharp: Detected glob..
기존에 잘 패키징(빌드)되던 electron project가.. sqlite3를 포함했다는 이유로 안된다. 인텔 맥, Apple 실리콘 맥, 리눅스까진 잘 되는데, 윈도우에서 이슈가 발생한다. 오류는 아래 사진과 같다. 더보기 yarn run v1.22.19 warning ../../package.json: No license field $ /Users/god-logger/apps/client/node_modules/.bin/electron-builder --config ./buildConfig_dev.json --win --x64 -p always • electron-builder version=24.3.0 os=22.4.0 • loaded configuration file=/Users/god-logg..
터미널을 키다보면 계정명@호스트명으로 표시되어있는걸 확인할 수 있습니다. 이 부분 중 호스트명 부분을 변경하는 법에 대해 공유합니다. 적용 방법 $> sudo scutil --set HostName 새호스트명 # 확인 $> hostname 새호스트명 실행 예시 godlogger@MacBookPro ~ % hostname MacBookPro godlogger@MacBookPro ~ % sudo scutil --set HostName god-logger Password: ****** godlogger@MacBookPro ~ % # 새 터미널 godlogger@god-logger ~ %
1. 리눅스 버전 확인 $> cat /etc/redhat-release CentOS Linux release 7.9.2009 (Core) 2. Nginx 설치 #설치 $> sudo yum install epel-release $> sudo yum update $> sudo yum install nginx #리눅스 내 서비스 등록 $> sudo systemctl enable nginx $> sudo systemctl start nginx #방화벽 (Cloud 사용자의 경우엔 Cloud에서 제공하는 방화벽처리, 개인서버의 경우만 아래 설정 처리) $> sudo firewall-cmd --permanent --zone=public --add-service=http $> sudo firewall-cmd --pe..
Electron Framework에는 다양한 AutoUpdater 방법이 있다. 기본적으로 제공하는 autoUpdater 모듈로는 Squirrel 방식인데 이전에 써보았을때 보면 확실히 업데이트 되는지도 모르게 알아서 업데이트 해주는게 인상적이였다. 다만 내 경우엔 기본 모듈인 autoUpdater를 쓰지 않고 있는데, 배포시에 electron-builder를 통해 패키징을 하기 때문에 electron-builder 에서 권장하는 electron-autoupdater를 사용하는 편이다. Electron-AutoUpdater를 사용하기 위해서는 별도의 서버를 필요로 하는데, 상황에 따라 github이나 s3를 이용하는 방법도 있으나 이번 포스팅엔 별도 서버를 활용하는 방법에 대해서만 서술할 예정이다. 기본..