CSS 코드 작성에 있어서 정렬 및 오류를 찾아주는 Stylelint에 대해 작성해 보겠습니다. VS Code 기준이며 기본 설정 이외의 각각 기능의 자세한 내용은 다루지 않습니다. Stylelint npm install --save-dev stylelint stylelint-config-standard stylelint-config-styled-components stylelint-processor-styled-components or yarn add -D stylelint stylelint-config-standard stylelint-config-styled-components stylelint-processor-styled-components 프로젝트에서 npm 또는 yarn을 이용해 위의 코드를..
코드 작성에 있어서 구문 오류를 발견해주고 자동으로 정돈해 주는 기능 설정에 대해 작성해 보겠습니다. VS Code 기준이며 기본 설정 이외의 각각 기능의 자세한 내용은 다루지 않습니다. Eslint npm install --save-dev eslint eslint-config-prettier eslint-config-react eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks prettier or yarn add -D eslint eslint-config-prettier eslint-config-react eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks p..
제이쿼리를 이용해서 css 속성을 변경 하는법을 알아보겠습니다. 먼저 속성을 변경할 대상을 선택한 후 다음과 같이 작성합니다. Hello 아래 작성한 코드에 바로 인라인으로 적용이 되는걸 볼수 있습니다. 작성된 코드 뒤에 새로운 .css()를 입력하여 추가로 속성을 변경 할 수 있습니다. Hello속성을 하나 더 추가해 주니까 위에 작성한 코드에도 적용이 됩니다. 여러개의 속성을 변경하고자 할 때 다른 방식으로 작성 할 수도 있습니다. Hello이렇게 작성해도 똑같은 결과를 얻을 수 있습니다. 다음과 같이 작성해도 정상적으로 속성을 변경 할 수 있습니다. $(function(){ $('.test').css('background-color':'red'); $('.test').css('backgroundCo..