웹 개발
이클립스 Eclipse ES6 문법 오류 | 빨간 밑줄 없애기
✅ Eclipse ES6 문법 오류 | 빨간 밑줄 없애기 ✅ 이클립스에서 js에 ES6 문법을 쓰면 빨간 밑줄이 뜬다. 기능상으로는 아무 문제 없지만 코드에 빨간줄 있으면 신경쓰이는 거 나만 그런거 아니지..? 💡 해결방법 /* jshint esversion : 6 */ 신기한 게 이렇게 주석으로 es6 버전 쓸거다 라고 쓰기만 했는데 빨간 줄이 싹 사라진다.
API
네이버 지도 API 사용법 | 지도 | 마커
네이버 지도 API 이번 프로젝트에서 지도 파트를 맡으면서, 네이버 지도와 친해져야 살아남을 수 있게 되었다. 네이버 지도 API와 친해지기 위해 주요 기능만 뚝딱 정리해보기로 했다. 공식 문서는 이쪽! NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io 🌏 지도 생성하기 var container = document.querySelector(".container"); var map = new naver.maps.Map(container); 🔧 지도 옵션 설정 지도를 생성하고 옵션을 설정할 수 있다. center : new naver.maps.LatLng(${latitude}..
웹 개발
오즈리포트, 정리를 안 할 수가 없다
오즈리포트로 출력물 만드는 일을 맡았는데, 아무도 이걸 아는 사람도 없고 혼자 가이드보면서 딸깔딸깍 거리고 있다.가이드를 봐도 어지러운 오즈리포트... 나만의 가이드를 만들어두련다, 오즈리포트 검색하다가 장문으로 욕하는 사람보고 한참정독했다 오즈리포트,,Query Designer1. 파라미터 사용할 때 #OZParam.파라미터명#으로 참조한다. 2. 쿼리문에 조건문이 필요하면 query를 스트링으로 선언하고 setQueryString(query)로 실행한다.string query;query = "";query = query + "select * from 테이블명";query = query + "where 1 = 1";if(#OZParam.파라미티명# != ""){ query = query + "and ..
API
[Android | 안드로이드] 키 해시 가져오기
안드로이드에서 카카오 API를 사용하기 위해서 먼저 애플리케이션의 키 해시를 등록해야 한다. 키 해시 가져오느라 아주 애먹어서 정리해보고자 한다. 👽 준비 Openssl 설치 OpenSSL for Windows Download OpenSSL for Windows for free. OpenSSL Portable for Windows 32-bit and Android. OpenSSL is a robust, commercial-grade, and full-featured toolkit for the Transport Layer Security (TLS) and Secure Sockets Layer (SSL) protocols. It is also a general-p sourceforge.net 다운로드한 후..
웹 개발
[jQuery | 제이쿼리] 유효성 검사 플러그인 jQuery Validation Plugin
jQuery Validation Plugin GitHub - jquery-validation/jquery-validation: jQuery Validation Plugin library sources jQuery Validation Plugin library sources. Contribute to jquery-validation/jquery-validation development by creating an account on GitHub. github.com 이번 플젝에서는 제이쿼리를 많이 쓰는데, 제이쿼리 플러그인을 이용해서 validation을 손쉽게 할 수 있다해서 적용해보았다. rule과 message를 설정하면 플러그인이 자동으로 유효성을 체크하고 에러 메시지를 표시해줘서 매우 편리했다! 🩷..
🌐 웹개발
[Nuxt3 | Vue] iframe 사용 이슈
1. iframe 내부인지 외부인지 판별하기같은 코드여도 iframe 내부에서의 동작과 외부에서의 동작을 구분해야 하는 경우가 있다.if (window.self !== window.top) { // iframe 내부에서 실행될 함수} else { // iframe 안에 있지 않음!}2. 로드 후 onMounted, onNuxtReady 실행 안됨iframe 내에서 주소 이동을 했을 때 바로 실행되는 함수를 만들기 위해 onNuxtReady, onMounted를 사용해도 적용되지 않았다. ➡️ iframe의 src가 변경되면, iframe 내부에서는 Nuxt의 초기화가 다시 실행되지 않기 때문에 onNuxtReady가 실행되지 않는다.따라서 iframe에 @load를 추가하여 iframe이 로드..
🌐 웹개발
사용되고 있는 특정 포트 죽이기
포트 죽이는 거 맨날 찾아봐서간단 정리. 포트 찾기예시 ➡️ 8080번을 사용중인 프로세스 찾아내기netstat -a -o | findstr 8080 그럼 이렇게 사용중인 프로세스들이 주륵 나오는 데 우리가 봐야할 건 PID 번호 죽이기taskkill /f /pid PID번호 이러면 죽음 끗
🌐 웹개발
🌟 ESLint 빨간 밑줄? 당황하지 말고 이렇게 해결하자! 🎨✨
하,, 지피티가 만들어준 제목 어질어질하노,,개발하다 보면 변수를 선언했는데 아직 안 썼거나, 특정 규칙을 위반해서 ESLint가 빨간 밑줄을 그어줄 때가 있다. 🛠 1. eslint-disable-next-line이걸 사용하지 않는 변수 위에 추가하면 ESLint가 다음줄은 무시하고 넘어가줌! 📌 예제// eslint-disable-next-lineconst unusedVariable = "안쓰는 변수";이러면 더 이상 경고 없음! 🎉🎨 2. 특정 규칙만 비활성화하고 싶다면?만약 특정 ESLint 규칙 때문에 빨간 밑줄이 뜬다면, 아래처럼 규칙 이름을 지정할 수있다.// eslint-disable-next-line no-unused-varsconst unusedVariable = "안쓴다고"; ..
웹 개발
[Spring boot | Nuxt | Vue] 외부 접근 허용 CORS에러
회사에서 내 컴퓨터에 붙어서 내가 개발한 부분을 확인하고 싶다고 요청했다.IP 주소 알려주고 인바운드 규칙만 풀어주면 연결할 수 있을것이라고 생각했지만,계속 접속이 안된다는 대답만이,, 들려왔다,,로그를 보니 CORS에러,, ㅎㅎ,,,또 너구나급하게 코드 수정해서 다시 열어드리고 기록을 남겨둔다. 환경Nuxt3 + vueSpring Boot Nuxtexport default defineNuxtConfig({ devServer:{ host: '0.0.0.0', port: 3000 }})Nuxt 서버 설정을 0.0.0.0 으로 하면 외부에서 접근 가능하도록 열린다. spring boot@Configurationpublic class WebConfig implements WebMvcConfigurer {..
웹 개발
Spring @Transactional 어노테이션 적용 안될 때 | try-catch문, 체크드 예외
까먹기전에 짧게 정리. 분명 어노테이션을 적용했는데도 롤백이 되지 않아서 찾아봤다. 앙딱정1. @Transactionl 어노테이션을 썼다 해도 try-catch문으로 예외 처리를 한다면 롤백이 적용되지않는다. 따라서 catch문에서 예외를 다시 발생시키거나, 강제로 롤백을 실행해야한다.2. 체크드 예외를 적용했을 경우 따로 어노테이션에 rollbackFor 속성을 추가해야한다. 🌈Try-cath 문 사용 시한 줄 정 리 : catch문 안에 throw new Exception(); 을 넣어서 예외를 발생시켜야 한다방법1 | 예외 재발생@Transactionalpublic void yourMethod() { try { // 비즈니스 로직 } catch (Exception e) {..
