JNarin Development Story

저번에는 CSS에서 변수를 사용하는 방법을 알아보았다. 그렇다면 당연히 SCSS 또한 변수를 사용하는 것 같아 개인 프로젝트에 투입하면서 찾아보게 되었다. 그리고 그 방법이 있고, 몇 가지는 정리하고 싶어서 적게 되었다. 1. Variables 1-1. 변수를 사용하는 방법 SCSS 변수는 다음과 같다. $large-font: 3rem; $small-font: 0.5rem; $main-color: purple; 1-2. 변수를 실제 사용 변수를 실제 SCSS에 적용시 예시는 다음과 같다. body{ font-size: #{$large-font}; color: #{$main-color}; } 2. Mixins 2-1. 믹스인 사용 방법 믹스인은 CSS를 여러개 묶어 재사용을 할 수 있는 모듈을 만들어 주는..

회원가입 로직을 하다 보면 정규식에 대해 쓰이는 경우가 종종 있다. 근데 막상 찾다 보면 내가 원하는 데로의 정규식 찾는데 다소 시간이 걸려 그 부분을 해소하고자 정규식 관련 자료를 모아보았다. 이메일 유효성 검사 const regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 위 코드는 이메일 형식으로 되어 반드시 @와. 이 들어간 완성된 이메일 형식으로 되어야 한다. ex) test@te_st.com (O) ex) test_34@te3st.com (O) ex) test.to@te2st.com (O) ex) test.coj (X) 번호 유효성 검사 번호 유효성 검사는 크게 핸드폰과 일반..