목록전체 글 97
여씨의 개발이야기
{ "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d..
🤔개요타입스크립트를 쓰는 이유? 일반적인 자바스크립트는 다이나믹 타입을 지원하는 언어이다. 이래서 장점도 많을 수 있지만 1줄 2줄 3줄,,,, 늘어가는 코드의 줄에 따라 개발자의 영혼가출량은 비례한다. 그렇게 타입에 따른 오류가 많이 발생하곤 하는데, 이를 잡아줄 수 있는 언어로 등장한 것이 바로 타입 스크립트!심지어 오탈자 지적도 해줌 🌐개발환경vscodenode js 최신버전(언제나) 👣 타입스크립트를 사용하려면?1. 일반 프로젝트일 경우 프로젝트 폴더에 npm install -g typescript타입스크립트를 짠 후에는 컴파일 필수! 컴파일이 된 js 파일을 참조해야 한다. 2. 리액트 프로젝트일 경우 2-1. 이미 진행중인 프로젝트 npm install --save typescript @..
🤔개요보통 vscode를 처음 설치하고 터미널을 이용하려고 할 때 이 오류를 많이 접할 것이다. cmd에서는 실행이 되는데 왜 vscode에서만 안돼요? vscode를 처음 사용했을 때 많이들 봉착하는 난관이다. 나 또한 그랬다. 🌐개발환경vscode👣 PS ~~~ 이 시스템에서 스크립트를 실행할 수 없으므로 ~~~ 파일을 로드할 수 없습니다. 왜 이런 오류가 뜨는 걸까?파워쉘에서 명령어를 실행하기 위해서는 권한을 부여받아야 가능하다고 한다. 설정하는 방법은 vscode를 관리자권한으로 실행한 뒤 아래와 같은 명령어를 powershell에서 실행하면 된다.$ Get-ExecutionPolicy$ Set-ExecutionPolicy RemoteSignedExecutionPolicy를 Restricte..
🤔개요곧 투입 예정인 프로젝트에서 asis 소스가 spring boot + java + jsp 로 구성되어 있다는 이야기를 듣고 급 끄적여봅니다. 🌐개발환경jdk 17eclipse v2024-09 (4.33.0)spring Tools 4.26 👣Spring boot 프로젝트 생성하는 법Spring boot 프로젝트 생성하는 법은 여러가지 있지만 우리는 eclipse를 이용하여 생성하는걸로!(참고로 Eclipse IDE for Enterprise Java and Web Developers 버전을 설치하면 기본적으로 Spring 프로젝트 생성을 위한 도구가 포함되어 있음)1. STS(Spring Tool Suite) 설치Eclipse에서 Spring 개발을 지원하는 도구로, Eclipse Marketp..
오즈리포트에 대해 이런 저런 정의를 늘여놔봤자 많이들 안 읽는 거 압니다 (나도 그럼ㅋ)기본적인 구성만 짚고 넘어갑니다 오즈리포트를 설치하면 기본적으로 제공되는 도구가 4가지가 있다. 1. OZ Enterprise Manager : 오즈 서버, 스케줄러 서버에 대한 관리 2. OZ Repository Manager : 오즈 서버에 저장되어 있는 보고서 폼 파일(ozr)과 데이터 파일(odi)를 관리 3. OZ Query Designer : 리포트에서 사용할 데이터 셋 정의 및 관리 4. OZ Report Designer : 보고서 양식을 작성하고 쿼리 디자이너의 데이터 셋과 결합 ※ 1, 2는 오즈 리포트의 관리도구이며 3,4는 개발 도구로 사용됨 대체적으로 시작할때 1번을 이용하여 서버와 데이터..
드디어 정리합니다,,, 웹스퀘어에 대해서!곧 들어갈 프로젝트에서 기본적으로 사용중인 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 ..
지난주에 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..