웹 개발
이클립스 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}..
프로그래머스
[프로그래머스 | python ] 코딩테스트 고득점 Kit 풀이 모음
연이은 코테 탈락으로 제정신을 유지하기 힘든 나는 프로그래머스의 코딩테스트 고득점 KIT 풀이집을 만들어보고자 한다 👽 1️⃣ 해시 [LV 1] 폰켓몬 문제 https://whynotworking.tistory.com/entry/폰켓몬 [LV 1] 완주하지 못한 선수 문제 https://whynotworking.tistory.com/entry/완주하지 못한 선수 [LV 2] 전화번호 목록 문제 https://whynotworking.tistory.com/entry/전화번호 목록 [LV 2] 위장 문제 https://whynotworking.tistory.com/entry/위장 [LV 3] 베스트앨범 문제 https://whynotworking.tistory.com/entry/베스트앨범 2️⃣ 스택/큐 [..
프로그래머스
[프로그래머스 | python] 폰켓몬
👀 문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 👁 풀이 이 문제는 포켓몬 종류와 nums//2를 비교하여 두 수의 최솟값을 알아내면 되는 문제이다. 1️⃣ set을 이용 set을 이용하여 포켓몬의 종류를 뽑아낸다 def solution(nums): answer = 0 type = len(set(nums)) return min(len(set(nums)), len(nums)//2) 2️⃣ Counter를 이용 Counter를 이용하여 포켓몬의 종류를 뽑아낸다 from collections import Counter def solution(nums):..
웹 개발
오즈리포트, 정리를 안 할 수가 없다
오즈리포트로 출력물 만드는 일을 맡았는데, 아무도 이걸 아는 사람도 없고 혼자 가이드보면서 딸깔딸깍 거리고 있다.가이드를 봐도 어지러운 오즈리포트... 나만의 가이드를 만들어두련다, 오즈리포트 검색하다가 장문으로 욕하는 사람보고 한참정독했다 오즈리포트,,Query Designer1. 파라미터 사용할 때 #OZParam.파라미터명#으로 참조한다. 2. 쿼리문에 조건문이 필요하면 query를 스트링으로 선언하고 setQueryString(query)로 실행한다.string query;query = "";query = query + "select * from 테이블명";query = query + "where 1 = 1";if(#OZParam.파라미티명# != ""){ query = query + "and ..
🌐 웹개발
[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) {..
