<윤호>
- PR에 필요없는 타입스크립트 파일 삭제 및 자잘한 이슈 수정하였습니다. 따라서 머지를 우선 진행하고 다른분들이 업데이트된 develop 브랜치에서 작업을 시작하시는게 좋을것 같습니다.
stylelint 이슈
- styled안에서 카멜케이스 사용불가
style파일은 lint 규칙상 카멜케이스는 허용하지 않습니다.
하지만 styled안에서는 자바스크립트 문법을 사용하는 경우가 있는데요!
자바스크립트 문법으로 카멜케이스를 사용할 때 충돌이 발생합니다.
아래 블로그를 확인하면
https://flamingotiger.github.io/style/styled-components-lint/
https://nanpokongyee.tistory.com/7
stylelint-processor-styled-components( 스타일 추출 )
stylelint-config-styled-components( 구성 요소와 충돌하는 stylelint 규칙을 사용하지 않도록 하는 stylelint-config-styled-구성 요소 )
styled-components 관련 패키지를 추가로 설치하고 세팅해야할 것 같습니다 😂
- 저장시 에러현상
어느 순간부터 저장시 위와 같은 에러가 발생하면서 stylelint 포맷팅이 되지 않는 현상이 발생합니다ㅜ
혹시 다른 분들도 이런 현상이 있을까요!? 🤔
이 현상은 위 현상이 해결되면 연쇄적으로 해결될 것이라고 생각듭니다!
TypeError: this.input.fromOffset is not a function at TemplateSafeParser.getPosition (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/postcss-safe-parser/node_modules/postcss/lib/parser.js:379:26) at TemplateSafeParser.init (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/postcss-safe-parser/node_modules/postcss/lib/parser.js:390:19) at TemplateSafeParser.decl (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/postcss-safe-parser/node_modules/postcss/lib/parser.js:166:10) at TemplateSafeParser.decl (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/postcss-safe-parser/lib/safe-parser.js:39:13) at TemplateSafeParser.other (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/postcss-safe-parser/node_modules/postcss/lib/parser.js:115:18) at TemplateSafeParser.other (/Users/uno/Desktop/web-dev-course/git/waffle-card/node_modules/@stylelint/postcss-css-in-js/template-safe-parser.js:15:58) at Templ...
- 은찬
- zsh이나 powersheel이 아닌 gitbash에서 commitlint 적용되는지 확인(저는 gitbash로 commitlint가 작동됩니다!)
- 윤호님 패키지 설치해보셨는지?? 하셨다면 적용 되었는지 확인하고 싶습니다 🙂
- 윤호 : 논의하고 오늘 진행해보겠습니다! 😃 기존에 설치하신 패키지가 각각 어떤 역할인지 간단하게 코멘트 남겨주실수 있을까요!? 아니면 참고하셨던 자료 첨부해주시면 참고하면서 추가로 세팅해보겠습니다!
- 윤
- 공통 스타일 변수 지정 방법