진짜 이게 프론트의 생태계..? 분명 올해 초.. 아니 4월까지 내가 리액트 만지작할때까지는 (이때는 React 17이었음) 이런 일이 없었는데 간만에 이제 새 프로젝트를 시작했더니 React.FC에 명시적으로 있던 children이 사라졌습니다. 작년에 리액트 입문하고 가장 충격은 react-router 바뀐거였는데 얼마나 됐다고 또 바뀌었나요? 세상 미쳤네요. 이래서 주기적으로 프로젝트 해줘야하나 싶습니다. 아무튼 중요사항은 이제 암시적으로 있던 children이 사라졌으니 외부에 interface로 선언해주거나, 아니면 안에 타입을 넣어줘야겠군요. 이렇게 보시면 됩니다. 1. ReactNode로 명시 const Layout: React.FC = ({children}) => { return ; } 2..

예전에 회사에서 slack API로 간단한 애플리케이션을 만들 일이 있었다. slack에서 깔끔하게 잘 만들어진 openGraph를 적절히 파싱하여 스크래핑하는 애플리케이션이었는데 이때 난 CORS를 처음봤었다. Access to XMLHttpRequest at '' from origin '' has been block by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 일단 이 에러면 CORS에러라고 보면 되겠다. 보통 백엔드 서버의 주소와 프론트의 주소가 다르기 때문에 C..

이러다가 React 다 까먹을 것 같아서 예전에 사놨던 slack 클론 코딩을 처음부터 천천히 따라해보려고 합니다. 하지만 역시 프론트엔드.. 1년 지나니 패키지가 버전이 몇 개 씩 업데이트 됐군요.. 그래도 이왕하는거 최신 패키지로 하는게 좀 더 도움이 되지 않을까? 하는 생각입니다. 제로초님이 주신 package.json을 최신으로 업데이트하기 위해서 ncu를 사용해보죠! https://www.npmjs.com/package/npm-check-updates npm-check-updates Find newer versions of dependencies than what your package.json allows. Latest version: 15.3.4, last published: 6 days a..