공간 (Space)

웹으로 회사전산 시스템을 만들때 필연적으로 문서를 프린팅을 해야하는 기능이 필요하다. 스벨트킷에서 프린팅 기능을 만들때 필요한 CSS태그를 알아보자 내가 원했던 방법은 특정 요소만 프린팅을 하고 싶었다. div가 두개가 있는데 하나는 인풋용 하나는 출력용 프리뷰인 셈이다. 또한 출력할 화면에는 내가 원하지 않는 Navigation bar가 들어있었다. 인터넷을 찾아보니 아래와 같은 방법이 있었다. function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printCo..

스벨트로 슬라이더 컴포넌트를 만들어보면 재미있을 것 같았다. 직접 만들면 디자인이 좋지 않을 것 같아서 자바스크립트로 만들어진 슬라이더를 인터넷에서 찾아 스벨트 컴포넌트로 바꾸어 보았다. www.w3schools.com/howto/howto_js_slideshow.asp html Original 1 / 3 Caption Text 2 / 3 Caption Two 3 / 3 Caption Three ❮ ❯ Svelte {#each slideData as slide} {slide.id+1} / {slides.length} {slide.caption} {/each} plusSlides(-1)}>❮ plusSlides(+1)}>❯ {#each slideData as slide} currentSlide(slide)..

전문적인 개발자가 아닌 사람의 개인적인 생각이다. 자바스크립트가 한창 보급될 때 JQuery가 자바스크립트를 직접 입력하는 것 보다 쉽기 때문에 많이 사용되었다. 그러다 리액트가 유행하였고 기존 웹개발에 익숙한 개발자들은 좀 더 쉽게 쓸수 있는 vuejs를 선택 하였다. 간단하게 사용할 수 있었던게 점점 커지면서 점점 복잡해지게 되는 것 같다. vuejs도 방법들이 나누어지면서 복잡해졌다. Svelte는 정말 여러가지의 장점들을 잘 종합해서 나온 웹컴파일러라고 생각된다. 컴파일러라고 불리는 이유는 뷰나 리액트가 가상돔에서 랜더링 하는 것과 다르게 Svelte는 자바스크립트로 컴파일한다. 그래서 프로그램의 크기와 속도가 체감 가능하게 빠르다. 일단. Svelte공식 다큐먼트를 보면 느끼겠지만 쉽다. 군더더..