Javascript12 [Notion]노션에 HTML 페이지 embed하기 서론 노션에 HTML 링크를 임베디드 해야할 일이 생겼다. 이렇게 해서 URL을 넣으면 이렇게 링크만 뜬다. (localhost는 예시다) 내가 원하는 건 링크의 HTML 페이지가 노션에 바로 표출되는 것이다. 이래저래 구글링도 해봤는데 바로 임베드 하는 방법을 찾지 못했다. 참고로 대충 찾아봐서일 가능성이 높다. 한국은행 경제통계시스템 사이트(https://ecos.bok.or.kr/#/)는 URL 링크만 해도 프레임이 생성되어 HTML 페이지를 바로 확인할 수 있다. 이렇게 바로 할 수 있는 방법을 아시는 분을 댓글을 남겨주시면 감사하겠습니다. 본론 아무튼 나는 방법을 찾지 못했고 더 찾기보다 대충 빨리 해놓고 다른 일을 해야했기 때문에.. 약간 야매로 어떻게든 해서 집어넣은 방법에 대한 내용을 기록.. 2022. 7. 2. [ES6, ES2020] 유용한 자바스크립트 최신 문법 🔷Nullish coalescing operator leftExper ?? rightExpr leftExper가 null or undefined인 경우에 rightExpr를 실행한다 //Bad Code💩 function printMessage(text){ let message = text; if(text == null || text == undefined){ message = 'Nothing to display'; } console.log(message); } //Good code🌈 function printMessage(text){ const message = text ?? 'Nothing to display'; console.log(message); } printMessa.. 2021. 8. 4. mocha 설치 및 기본 사용 방법 mocha와 chai를 개발의존성으로 설치 npm install mocha --save-dev npm install chai --save-dev package.json에 script 추가 mocha 으로 실행하면 해당 파일의 테스트를 진행한다. 만약 파일을 지정하지 않으면 test/ 이하의 모든 .js파일을 실행한다. { "scripts": { "test" : "mocha" } } test코드 작성 describe()는 테스트 범위를 설정하고, it()은 단위 테스트를 설정한다. done은 비동기 테스트를 할 때 사용한다. 테스트가 끝난 후 done을 호출해주면 된다. 비동기 테스트에서 timeout을 설정하려면 this.timeout()을 사용하거나 mocha -t 4000 으로 timeout 시간을 .. 2021. 6. 24. 스벨트 기본 기록 스벨트의 특징 React와 Vue는 가상돔을 이용하여 update된 부분을 확인하고 갱신한다. 하지만 svelt는 가상돔이 없다. 가상돔과 비교하는 작업이 없이 실제돔에 반응성을 주입하여 바뀐부분만 캐치하여 갱신하기 때문에 더 빠르다. dependencies 없이 devDependencies로 구성되어 번들의 크기가 작다. 때문에 배포시간이 더 빠르다. svelt는 더 적은 양의 코드로 react와 vue와 같은 기능을 구현한다. 코드 작성 기본적인 Html 작성과 유사하여 매우 직관적이고 소스가 간결하다. //html 데이터 바인딩 스크립트의 변수와 양방향 바인딩을 하려면 bind: 키워드를 붙여준다. 자식 컴포넌트에서 부모 컴포넌트의 변수와 바인딩을 할 때에도 bind:를 붙이면 된다. 조건문과 반복.. 2021. 6. 22. 이전 1 2 3 다음
