반응형 svelte15 Sass(SCSS)란, 사용법 HTML 의 화면의 디자인 적인 요소로 사용되는 CSS는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로써, 웹 화면의 표현을 간편하면서, 레이아웃과 스타일을 정의할 때의 자유도가 높다고 할 수 있다. 그리고 편리하 사용성은 누구나 쉽게 접근하여 사용할 수 있지만, 들어갈 수록 그 복잡함도 함께 커지게 된다. 이러한 CSS는 W3C의 표준 스타일시트로 활용되고 웹 표현에 필수 요소 이기에 반드시 사용해야 하지만, CSS의 불편한 부분을 보완하고 편의성을 높인 CSS 전(Pre)처리기가 나오게 되었고, 이것이 Sass/SCSS이다. * CSS 전처리란 CSS가 동작하기 전, 즉 개발 단계에서 이 전처리 언어인 SCSS를 사용하고 실제 웹에서는 CSS로 변환해서 동작되는 것을 의미한다. Sass/.. 2022. 3. 29. Svelte - 쓸만한 OpenSource Editor 찾기 2022년 기준으로 Svelte에서 사용해볼 만한 Editor가 어떤것이 있는지 확인한 내용들을 정리해 본다. 필자 기준으로 Editor를 사용할 때 글쓰는것은 대부분 WYSIWYG( 위지위그: What You See Is What You Get, "보는 대로 얻는다")이라고 하는 기능을 마크다운 기준으로 대부분 지원을 해주기 때문에 이부분 보다는 조금은 고급 기능이라고 할 수 있고, 필자가 평상시 기본값에서 편집기를 이용할 때 주요하게 본 기능중 몇가지를 살펴보았고, 해당 기능은 다음과 같다. 1. 클립보드 그림 붙여넣기 그림 파일은 Base64로인코딩을 해서 실체 본문에 포함하는 것이 가능하다. 이러한 기능을 이용해서 많은 에디터들이 그림을 클립보드에서 바로 붙여넣기가 가능했고, 편리하게 웹에서 문서.. 2022. 3. 28. Svelte - Windows 환경 구성 NodeJS, Git, Visual Studio Code Svelte 라는 언어를 사용하기 위해서 윈도우에 환경을 구성한 내용을 정리해 본다. 정리에 앞서 필요한 내용은 다음과 같다. NodeJS Visual Studio Code Git 1. NodeJS 설치 아래 링크에서 설치가 가능하다 설치시 특별히 지정할 추가 옵션은 없으나, Add to PATH를 지정해야 명령 프롬프트에서 명령어 사용이 가능하므로, 이 부분을 꼭 포함해서 설치하기 바란다. Next를 통해 설치를 누르면 된다. 다운로드 | Node.js (nodejs.org) 명령 프롬프트에서 npm 명령을 사용해, 설치가 정상적으로 되었는지 확인하자. 정상적으로 설치가 되었다면, 아래 그림과 같이 현저 설치된 버전을 확인할 수 있다. npm -v 2.Visual Studio Code 설치 대부분의 개.. 2022. 3. 27. 이전 1 2 3 다음 반응형
