![]()
프론트 작업을 하다보면 scipt 안에 있는 변수를 바로 css쪽에서 사용하고 싶을 때가 생긴다. Vue에서 v-bind를 이용한 너무 쉬운 방법을 보고, 공유하고자 정리해본다.(다들 이미 쓰고 있을 지도...) 이번 포스트에서는 JS쪽 변수를 바로 CSS로 넘겨 배경색을 변경하는 간단한 예제를 만들어 볼 예정이다. 완성본은 아래와 같을 것이다. 물론 너무 간단하지만 아주 편하게 구현 할 수 있다는 것에 그 의의가 있다. Vue Script 변수 CSS 파일에서 접근하기 우선 나는 Vue 3 + TS환경에서 진행 하였고, 아래처럼 ColorChange라는 컴포넌트를 간단하게 만들었다. //ColorChange.vue {{ color }} 너무 간단한 코드지만 짧게 설명하자면, 해당 컴포넌트는 버튼으로 클..
💡 쓰면 편하지만, 자주 안써서 잘 까먹는 정규표현식에 대해 정리해보자! 사실 이렇게 정리하게 된 것은 프로그래머스 알고리즘을 풀다 정규표현식을 이용하면 굉장히 편리해지는 문제를 만나게 되었기 때문이다. 그래서 해당 문제를 풀면서 정리를 해보고자 한다. 정규표현식 내용에 대해서는 아래 링크, mdn에서 정말 많은 도움을 얻었다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec()와 test() 메서드를 사용할 수 있..
