JNarin Development Story

어쩌다 보니 vue를 쓰게 되다 보니 최근에 미니 플젝을 잠시 중단하고 vue에 대해 공부 중에 있습니다. Vue에서 scss를 변수를 설정하기 위해서는 두 가지를 프로젝트에 설치를 해야 합니다. npm i node-sass sass-loader node-sass 스타일시트 전처리 언어입니다. sass나 scss를 사용할 수 있습니다. sass-loader SCSS 파일을 가져와 CSS로 컴파일합니다. 여기서 컴파일은 특정 프로그래밍 언어로 쓰여 있는 문서를 다른 프로그래밍 언어로 옮기는 언어 번역 프로그램을 말한다. 즉 필자가 이해한 바로는 한국어를 영어로 바꿔주는 거로 이해가 되었습니다. 즉, node-sass로 sass 혹은 scss를 사용할 수 있으며, sass-loader가 sass/scss 확..

node-sass버전은 계속 올라가는데 오류가 발생하는 듯하다. 알아보니 버전을 다운 그레이를 해야 한다고 한다. 먼저 기존의 node-sass를 삭제한다. $ npm uninstall node-sass $ yarn remove node-sass 그런 다음 낮은 버전으로 node-sass를 설치를 한다. $ npm install node-sass@4.14.1 $ yarn add node-sass@4.14.1 npm과 yarn을 쓰시는 것에 따라 두 가지 명령어를 작성하였다. 생각보다 버전을 낮추라고 나오는 경우가 꽤 있는 듯하다. TMI node-sass는 노드에 의존성이 강하기 때문에 노드 버전에 따라 node-sass의 버전이 달라진다. 그래서 npm에서 node-sass공식문서에 보면 다음과 같은 ..

회사 코드를 하다가 npm과 yarn을 중복으로 사용한 것 같아서 이것을 통합하고자 node_modules를 삭제후 재설치를 진행하였다. 하지만 다음과 같은 에러가 발생하였고 이에 대한 해결책을 기록으로 남기고자 이 글을 쓰게 되었다. 패키지 통합을 위해 yarn을 지우고 npm으로 다시 설치하는 과정에서 다음과 같은 에러가 발생하였다. node_modules 디렉토리를 확인해보니 node-sass 패키지는 제대로 설치가 되어있지만, .../node-sass/vendor 디렉토리가 존재하지 않았다. 원인은 패키지 설치 이후 node-sass의 scripts/install.js를 실행하지 않아서 라고 한다. 해결방법은 수동으로 스크립트를 설치하거나, node-sass패키지를 리빌드하는 것이다. node n..

회원가입 로직을 하다 보면 정규식에 대해 쓰이는 경우가 종종 있다. 근데 막상 찾다 보면 내가 원하는 데로의 정규식 찾는데 다소 시간이 걸려 그 부분을 해소하고자 정규식 관련 자료를 모아보았다. 이메일 유효성 검사 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) 번호 유효성 검사 번호 유효성 검사는 크게 핸드폰과 일반..