TIL 2022-08-30 Svelte 어제 궁금증 해결 및 디자인 고민

어제의 궁금증

 

<template lang="pug">
  div Posts +each('posts as post') a(href="{post.url}") {post.title}
</template>

<script lang="ts">
  export const hello: string = 'world';
</script>

<style src="./style.scss"></style>

이렇게 lang 을 일일히 작성해주는게 귀찮은데 default로 불러올순 없을까?

 

 

https://github.com/sveltejs/svelte-preprocess/issues/362

Svelte-preprocess에서 있었으나 Deprecated 된 내용

 

왜 Deprecated?

 

이거 설정하면 Editor SCSS code Syntax highlight에서 맛이 가버리는 경우가 잦아서 오히려 손수 작성하는거보다 디버깅하는데 시간이 오래 걸릴거 같음.

 

Deprecated하기 전에도 어지간해선 쓰지 말라고 했었음.

It is generally not recommended to use this setting because not all tooling is able to deal with it, resulting in for example broken syntax highlighting for SCSS.

 

 

이런 디자인을 만들었는데 문제는 SelectBox에서 border line을 뺀 너비를 Details Tag에서 가져가게 되고,

 

 

그에 따라서 이렇게 불일치가 생기는 현상이 발생함.... 물론 calc와 left를 사용해서 미세 조정을 해주면 되긴 하겠지만 좀 더 깔끔한 방법이 없을까..