prettier, eslint, jsconfig 설정하기
협업세팅을 팀원과 나 둘다 제대로 해본적이 없다보니 대충 책에서 본 코드를 복사붙여넣기 했는데 이 참에 제대로 정리해보려고 한다. vscode 기준으로 크게 prettier, eslint, jsconfig 등의 설정이 있는데 차례로 소개하겠다. prettier 프리티어는 말 그대로 예쁘게 코드를 보이게 해준다. 이게 무슨 말이냐면 들여쓰기 같은 것을 잘 하는 사람들은 문제가 없겠지만 코드가 길어지면 정리하기가 복잡해진다. 그리고 협업을 하다보면 서로 코딩 스타일이 달라서 머지할 때 문제가 생긴다. 그래서 반 강제적인 툴이 prettier이다. setting.json < .editorconfig < .prettieric 순으로 우선순위가 정해지는데 먼저 setting.json에 들어가거나 옵션에서 form..
핸드폰 번호 유효성 검사에서 복사 붙여넣기가 적용되지 않는 것을 지적받았다. 이건 팀원이 만들고 내가 정규식 부분만 도와줬는데 주말에 시간이 남아서 수정해봤다. 객체 비구조화할당도 적용하지 않았길래 적용했고 paste한 부분을 예외처리했다. 먼저 붙여넣기 했을때는 길이를 13으로 자른다. 010-1234-5678 이 13이기 때문에 이렇게 잘랐다. 11으로 자르면 위의 코드를 복사붙여넣기 했을 때 두개가 잘리게 되서 문제가 생긴다. html 태그에서 maxlength를 지정해도 paste했을 경우에는 적용이 되지 않는 부분이 있어서 이중처리 한것이다. 그리고 나서 정규식을 이용해 숫자와 -를 제외한 모든 값을 없앴다. 그리고 length에 따라서 -를 붙여준다. 그리고 맨 마지막에 slice(0,13)을..