느리지만 꾸준히 하는 나는 거부기

요새 리액트를 열심히 공부하고 있는데 react-router-dom v6를 사용하다가 상당히 아쉬운 이슈를 발견했다. 예시코드는 아래와 같다. // react-router-dom v5 interface RouteState { name: string; } function Coin() { const { state } = useLocation(); // react-router-dom v6 interface RouteState { state: { coin: ICoin; }; } function Coin() { const { state } = useLocation() as RouteState; 사실 리액트나 타입스크립트를 깊게 알지 못해서 이게 왜 불편하고 문제인지 명확하게 인지하고 있진 못하지만, 보통 다른 h..

본론으로 바로 들어간다. 간혹 회사시스템이던 아니면 웹사이트던 가입하거나 로그인할때 틀린 정보를 입력했음에도 브라우저에서 계정 정보를 저장하겠냐고 묻는 화면을 본 적이 있을 것이다. 그 이유는 http status code를 4XX 계열을 넘기지 않고, 2XX 계열을 넘기기 때문이다. 예를 들면 아래와 같다. 딱봐도 비밀번호와 비밀번호 검증 길이가 다르다. 이걸 아래 소스와 같이 200으로 반응해주면? if (password !== passwordConfirmation) { return res.status(200).render('join', { pageTitle, errorMessage: 'Password confirmation does not match.', }); } 분명히 틀렸고 오류가 났음에도 브..

참고링크 : https://262.ecma-international.org/7.0/#sec-unary-plus-operator ECMAScript® 2016 Language Specification 5.1.1Context-Free Grammars# A context-free grammar consists of a number of productions. Each production has an abstract symbol called a nonterminal as its left-hand side, and a sequence of zero or more nonterminal and terminal symbols as its right-hand sid 262.ecma-international.org 신기한..

참고 : https://stackoverflow.com/questions/58860021/why-react-hook-usestate-uses-const-and-not-let Why React Hook useState uses const and not let The standard way to use a React useState Hook is the following: const [count, setCount] = useState(0); However this const count variable is clearly going to be reassigned to a different primitive... stackoverflow.com 간단하게 위와 같은 코드가 있다. React + JSX를 사용해서 ..