내가 맡았던 프로젝트가 그렇게 규모가 컸던 적이 많이 없었어서 여태까지 전역 저장소를 써본 적이 없다. 처음으로 SWR을 써봤는데 이거 상당히 히트다. https://swr.vercel.app/ko/docs/getting-started 시작하기 – SWR 시작하기 React 프로젝트 폴더 안에서 다음을 실행하세요. npm을 사용한다면 JSON 데이터를 사용하는 일반적인 RESTful API라면 먼저 네이티브 fetch의 단순한 래퍼인 fetcher 함수를 생성해야 합니다. cons swr.vercel.app 0. 기본적인 사용법 import useSWR form "swr" ... const { data, error, mutate } = useSWR("YOURKEY", fetcher); key에는 보통 a..

않이... 비밀번호 맞는데... mySQL 커맨드도 워크벤치도 정말 잘 들어가지는데 왜 안되는 걸까 했는데 이유가 있었다. 바로 예에에에에전에 깔았던 비트나미 MySQL과 비트나미가 동시에 실행되면 충돌이 일어날 수 있다고 한다. 작업 관리자에서 아파치 프로세스를 다 죽여도 봤는데 그냥 저 Stop Bitnami WAMP Stack service를 실행시켜주는게 인생에 도움이 된다. 진짜 애꿎은 비밀번호만 한 8번 바꾼거 같다. 역시 사람은 배워야돼.. 구글링 하다 발견한 정말 배우신 분의 블로그를 출처로 남겨놓겠다. https://dongdonghello.tistory.com/7 [MySQL, JSP] java.sql.SQLException: Access denied for user 'root'@'lo..

진짜 이게 프론트의 생태계..? 분명 올해 초.. 아니 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..