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이 로드..
회사에서 내 컴퓨터에 붙어서 내가 개발한 부분을 확인하고 싶다고 요청했다.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 {..
블로그 정리 잘하고 싶다 근데 기가 딸린다 걍 말하듯이 써야겠다 오늘은 리액트와 뷰를 비교해보겠다 빠르게 차이점을 읽고 싶으면 5줄 요약으로 가면 되겠다 가장 큰 차이점이라고 하면 React는 UI 라이브러리이며 Vue는 프레임워크라는 것이다. 라이브러리 vs 프레임워크 라이브러리와 프레임워크 모두 공통으로 사용될 수 잇는 특정한 기능들을 모듈화한 것을 의미하지만 차이점이 존재한다. 라이브러리 라이브러리는 단순하게 활용할 수 있는 도구들의 집합으로 프로그래밍을 하다가 필요한 기능이 있으면 호출하여 사용하면 된다. 프레임워크 프레임워크는 말 그대로 일정한 형태와 기능을 갖추고 잇는 뼈대를 의미한다. 프레임워크는 어플리케이션 개발에 필요한 필수적인 코드, 알고리즘, db연동 등과 같은 기능들을 제공해주며 프..
