javascript13 [TroubleShooting] 공백때문에 예약이 실패한다고? - 정규표현식 검증 불일치 이슈 해결기 📍 공백때문에 예약이 실패한다고? - 정규표현식 검증 불일치 이슈 해결기문제 상황특정 상품을 예약하기위해 해당 아이템을 선택하여 예약결제페이지에서 예약폼을 모두 채우고 예약하기 버튼을 누르면 예약생성요청에 실패하는 현상이 있었다. CS 로그를 확인해보니 공통적으로 LASTNAME 필드에 공백을 포함하면 예약에 실패한다는 의견이 많았다. DataDog 에러 로그를 살펴본 결과, 백엔드에서 LASTNAME 필드 검증 시 /[\\S]{1,128}/ 정규표현식에 통과하지 못하면서 요청이 거절되고 있었다.대안 분석공급사에 정규표현식 수정 요청장점: 사내 개발 리소스를 사용하지 않아도 된다. (버티컬 작업을 필요로하지 않음. )단점: 공급사에서 즉각 대응해줄 보장이 없고 “다른 판매처에도 영향이 간다”는 이유로 .. 2025. 10. 20. [ 독후감 ] 리팩터링 2판을 읽고.. 📍 [ 독후감 ] 리팩터링 2판을 읽고.. 이 책은 개발공부를 시작하면서 무조건 한 번은 꼭 읽겠다고 생각한 책이다. 그러다가 운이 좋게 사내 스터디에서 리팩터링 관련 스터디를 신청했고, 스터디를 이 책으로 진행하게 되면서 읽은 책이다. 독서 기간은 23.05.01부터 23.06.17이며, 책은 약 550쪽으로 구성되어 있다. 사실 처음 이 책을 읽을 때는 굉장한 기대감하고 있었다. (오오.. 이 책을 읽으면 내가 작업하고 있는 프로젝트에 기깔나게 리팩터링을 적용할 수 있겠지..? 😎😎) 그런데, 실제로 읽고 나니 그런 기대감은 사라졌다. 왜냐면 책에서 알려주는 내용을 현업에 곧바로 적용하기에는 무리가 있었기 때문이다. 책에서 강조하는 context와 실제로 내가 현업에서 마주하고 있는 context와 .. 2023. 6. 17. [ 자바스크립트(JavaScript) ] e.preventDefault()와 e.stopPropagation()을 알아보자. 📍 e.preventDefault()와 e.stopPropagation()을 알아보자. e.preventDefault()와 e.stopPropagation()은 자바스크립트의 이벤트 핸들러라는 공통점이 있지만, 차이점도 있다. e.preventDefault()는 이벤트의 기본 동작이 발생하지 않도록 하기 위해 이벤트 객체에서 호출하는 method이다. DOM요소는 저마다 기본 동작이 있다. 예를 들어 anchor 태그를 클릭하면 href에 지정된 링크로 이동하고, 를 클릭하면 체크모양이 생기거나 없어진다. 그리고 form 태그에서 submit을 하게되면 refresh가 일어난다. 이럴 때 e.preventDefault()를 사용하면 지정된 링크로 이동하거나 체크모양을 생기거나 없애는 동작 그리고 refr.. 2023. 3. 28. [ 자바스크립트(JavaScript) ] default parameter에 falsy value를 넘겨주면 어떻게 될까? 📍 default parameter에 falsy value를 넘겨주면 어떻게 될까? ES6 feature 중 하나인 default parameter는 function parameter에 값이 전달되지 않거나 undefined인 경우 default parameter를 기본값으로 사용하는 방법이다. 어느날 .env와 함께 default parameter를 사용하다 undefined를 제외한 falsy한 값(false, 0, '', null, etc..)을 넘겨주면 default parameter가 적용이 안 된다는 점을 찾았고, 블로그에 남기자는 생각을 했었다. 그럼, 예시를 살펴보자. function greet(name = "ted") { console.log(`Hello, ${name}!`); } gre.. 2023. 2. 23. [ 자바스크립트(JavaScript) ] Pre & Post scripts를 알아보자 📍 Pre & Post scripts를 알아보자 SEO 최적화를 위해 Sitemap 작업 중 package.json 파일 내부에 postbuild script를 생성하는 작업이 있었다. 이전까지는 pre와 post prefix를 사용하는 일이 거의 없어 이것들이 하는 역할을 자세히 알지 못했는데, 이번에 알아보고자 npmjs 공식문서를 살펴봤다. 공식문서에서는 pre와 post scripts를 다음처럼 정의하고 있었다. To create "pre" or "post" scripts for any scripts defined in the "scripts" section of the package.json, simply create another script with a matching name and ad.. 2023. 1. 3. 이전 1 2 3 다음
