Emmet 사이트 소개
·
프로그래밍/Front-end
https://docs.emmet.io/abbreviations/syntax/ Abbreviations Syntax Abbreviations Syntax Emmet uses syntax similar to CSS selectors for describing elements’ positions inside generated tree and elements’ attributes. Elements You can use elements’ names like div or p to generate HTML tags. Emmet doesn’t have a predef docs.emmet.io html tag를 Emmet으로 빠르게 생산할 수 있는 syntax를 제공한다. 예를 들자면 // a[href=www.exam..
ESLint, editorconfig, prettier, babel 등 차이
·
프로그래밍/Front-end
간단히 정리하면 이렇다 ESLint vs Prettier vs EditorConfig ESLint : 코드 퀄리티 향상 Prettier : 코드 포매터(일정한 형태로 통일) EditorConfig : 에디터 규칙 통일(Prettier가 포매팅 하기 전에 동작) (참고 : https://jinhyukoo.github.io/web/2021/06/21/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%952.html) ESlint는 규칙준수여부를 확인하고 경고나 에러를 발생시킨다. (특히 쌍따옴표, 홑따옴표 등 권고사항들을 지키도록 한다) Prettier은 line-width 등 코드를 읽기 쉽도록 일정한 형태로 통일시켜준다. Edit..