twingkle

문제 JS에서 TS로 리팩토링을 진행하던중 imgs 폴더 안의 이미지들을 못 읽어오는 현상이 발생했다. 구글링을 해본결과 모듈을 다른 곳에서도 쓸수 있도록 파일을 하나 만들어줘야했다. 해결방법 src 폴더 아래에 custom.d.ts 를 만들어준뒤, 우리 프로젝트에 쓰이는 이미지 확장자들을 넣어주었다. declare module "*.jpg"; declare module "*.png"; declare module "*.jpeg"; declare module "*.gif"; declare module "*.webp"; 참고링크

기존에는 팀원들의 코드가 고쳐져서 dev로 merge가 되면 다시 pull 받고 build해서 내가 다시 배포하는 방식을 사용했었다. 그냥 파일만 새로 올리면되니까 그냥 진행했던 배포가 이제 TypeScript로 refactoring이 들어가면서 어려워질 것 같아 배포자동화를 시도해봤다. 1. 우선 Netlify에 들어가서 Deploy탭으로 들어간다. 들어가면 지금 민트색은 우리가 배포한 사이트고 현재는 배포자동화가 완료된 화면이라서 Deploys from 옆에 우리 깃 레포지토리가 뜨는데 저것도 Deploy settings 에서 연결시켜주었다. 우리가 쓰는 프로젝트는 dev가 default 브랜치고, 이곳에 merge 하면 배포되게 하고있어서 head가 dev를 가리키고있다. 2. build는 어떻게 ..