여씨의 개발이야기

드디어 정리합니다,,, 웹스퀘어에 대해서!곧 들어갈 프로젝트에서 기본적으로 사용중인 UI 툴이 웹스퀘어란 소식을 듣고 구글링을 해보았다.이렇게 연관검색어만 봐도 웹스퀘어는 악명높기로 유명한 UI 툴인 것 같다...그렇다고 내가 이걸 안 쓸 수 있냐? 절대 Nope... 회사에서 쓰라면 써야지예...그래서 유투브 강의 좀 들으며 공부를 해봤는데 이제야 블로그에 조금씩 찌끄려보려한다.나같은 분들이 많을 것 같거든요,,,🥲일단 웹스퀘어란?웹스퀘어5는 글로벌 웹 표준 HTML5 기술 적용과 파워풀한 성능, 개발 생산성과 편의성을 향상시킨 차세대 UI 플랫폼입니다. 쉽고 빠른 코딩을 위해 80여종의 다양한 UI컴포넌트를 제공하고있으며, 복잡한 업무 시스템 화면 개발에 필요한 재사용 가능한 빌트인(built-in..

📢 이 버그 좀 보세요! 버그 다시 띄우기 귀찮아요.... 대략 상황을 정리하자면, 서버는 AWS 사용중, BE: Spring boot(REST API로 호출 예정), FE: Vue.js 3, web server: Nginx 사용중에 Vue에서 REST 방식으로 api를 호출할 예정이었다. 대충 다른 블로그 참고하면서 이런 저런 세팅하는데 CORS 오류도 나고요 404에러도 나고요... 도대체 어찌합니까..? 처음 local과 nginx 세팅은 아래와 같다. local에서 실행시 (vue.config.js 세팅. pathRewrite 아래와 같이 적어줘야 함.) const { defineConfig } = require("@vue/cli-service"); module.exports = defineCon..

후하후하 지금 메인페이지, 서브페이지까지 퍼블리싱 완료. 피그마가 생각보다 지원해주는게 많이 없다... 어쩌다보니 내가 다 찾아서 퍼블리싱했네...? 괜히 결제한듯 ㅡ"ㅡ 아니면 내가 활용능력이 부족한 탓...? . . . 차치하고 지금은 id, class가 너무 많다. 정리가 필요할 듯 하다. 문제 페이지까지 만들었는데, 이를 DB에 따라 어떻게 보여주냐. 다음페이지로 이동하는 것 같이 어떻게 화면을 보여줄 것인 지 고민해보자. 한 페이지에 다 담아야 한다. 결과화면의 차트를 미리 세팅해본다. https://wormwlrm.github.io/2021/07/02/Data-Visualization-with-Chart-js.html 제목은 Vue에서의 데이터 시각화로 하겠습니다, 근데 이제 Chart.js를..

1. figma 첫 사용기. 어? 이거 완전 포토샵+PPT같다. 디자인도 가능하고, 단축키도 포토샵이랑 비슷한데 희안하게 또 레이어를 다루는 방식은 PPT랑 흡사해... 너무 잘 만들었다...! 왜 이제 알았지? 2. 예전엔 figma 무료 버전으로도 code 보기가 가능했는데 올해부터 유료화되었다고 한다(하필...) 그래서 15달러 지출함. (프로젝트 끝나면 바로 종료시켜야지...) 3. 격자무늬 css 참고 https://codepen.io/webstoryboy/pen/yGMQVx

📢 이 버그 좀 보세요! jenkins로 spring boot 프로젝트 배포도중에 에러가 발생함 A problem occurred configuring root project '프로젝트명' 🐞 버그가 나타난 이유? spring boot gradle plugin은 java17에서 돌아가기 때문에 이러한 오류가 났다고 함. 🕸 어떻게 이 버그를 잡을까? 개발환경 : ubuntu 22.04 sudo update-alternatives --config java 입력 후, 업그레이드 할 java를 선택하면 됨. 필자는 type selection number를 0이라고 입력해서 0번째 path로 설정했다. No VM guests are running outdated hypervisor (qemu) binaries ..

*오늘 한 일 - 드디어 BE, FE 모두 젠킨스를 이용한 배포 성공! 좀만 기다려라 이제 화창한 날씨만 띄우겠어 ㅋ * 개발환경 정리(계속 업데이트 예정) 개발환경 : ubuntu / java 17.0.9(springboot gradle때문에 버전 맞추기 위해 업그레이드) / mysql / vue3.0

지난주에 FE 세팅 마침. 이후에 금일까지 한 목록 - BE GIT REPOSITORY 추가 - AWS RDB를 이용한 MYSQL 구축 - SPRING BOOT 프로젝트 생성 및 환경설정 세팅 마침 - MYBATIS를 이용한 SPRING BOOT + MYSQL 연동 및 테스트 마침 - jenkins를 이용한 spring boot 웹 훅 자동 배포 세팅중 vue 최초 배포시에도 그러더니 또 이지랄이시다... 근데 왜 직접 배포 안 하면 자동 배포가 안 되지.?ㅠㅠ -> https://tape22.tistory.com/22?category=928488 와!!!! 감사합니다 감사합니다... swap으로 해결 AWS 공식문서 https://repost.aws/ko/knowledge-center/ec2-memor..

📢 이 버그 좀 보세요! nginx에 build file 경로 지정 및 서비스 포트 설정 중... build file 은 이 분 참고 https://zakelstorm.tistory.com/133 $ cd /etc/nginx/conf.d $ vim default.conf //아무 이름이나 만들어도 된다. // default.conf에 다음내용을 입력한다. server { listen 80 default_server; listen [::]:80 default_server; root /var/lib/jenkins/workspace/asdfeeeee/dist; index index.html index.htm; server_name _; location/{ try_files$uri $uri/ /index.htm..

젠킨스에서 계속 npm install 이 늦어 열 번 넘게 빌드시키는데 안 되다가 드디어 됐다.. 젠킨스 니가 너무 싫다... 그치만 SUCCESS가 뜨는 건 좋다 :) 마참내 nginx에 연결까지 성공! * 애로사항 근데 왜 나만 npm install시 이렇게 오래 걸리는걸까...? 9시간.. 말이 되나? 쨋든 한 번 install 성공 후에는 정상적인 빌드 시간을 보인다.

📢 이 버그 좀 보세요! apt 를 이용해 nginx를 설치하던 도중 위와 같은 에러가 났음. dpkg: error processing package openssh-server (--configure)" on apt install 🐞 버그가 나타난 이유? 우분투 15.04 버전 이후로 의존성 관련 내용이 바뀌어 발생하는 버그(?)라고 한다. 🕸 어떻게 이 버그를 잡을까? 1. dpkg경로로 이동한다 cd /var/lib/dpkg 2. 파일을 삭제한다.(백업) sudo mv info info.baksudo 3. 파일을 다시 작성한다. mkdir info