typescript 2

프로젝트에 yarn berry 적용하기

사내에서 개발중인 프로젝트가 여러개 있는데 어떤 프로젝트는 npm으로 또 어떤 프로젝트는 yarn classic으로 패키지 관리를 하고 있었다. 패키지를 많이 사용하다보니 생각보다 종종 dependency 의존성에 문제가 발생하였고 그럴 때마다 기존 패키지 파일을 날리고 다시 설치를 하는 수고를 부담했어야 했다. (시간도 오래 걸림) 손을 봐야겠다고 생각은 하고 있었는데 때마침 이번에 사용중인 모든 프론트 프로젝트들을 Next js (typescript)로 새로 이전하는 대규모 작업을 진행하게 되었고 이때다 싶어 팀장님께 yarn berry를 적용하자고 말씀드렸다. 팀장님께 yarn berry 관련된 포스팅 링크를 드렸고 읽어 보신 후에 적용하면 좋을 것 같다는 긍정적인 피드백을 받았다. yarn ber..

Javascript/Next js 2023.06.08

[React / Javscript] 하위 컴포넌트로 setState props 전달해서 사용하기 (Typescript)

얼마전 웹에서 Json 데이터를 엑셀 파일로 저장하는 내용을 포스팅 했었다. json 데이터가 있을 경우 엑셀 파일로 다운로드 되고 없을 경우 alert를 띄워줘야 하는데 우리는 시스템 alert가 아닌 custom alert modal을 사용했고 alert modal component을 만들면서 state update가 안됐던 것에 대해 이번에 글을 쓰고자한다. 처음 만들었던 코드 ExcelDownloadBtn.tsx interface ExcelProps { fileName: string; dataSource?: any; } export const ExcelDownloadBtn = ({ fileName, dataSource }: ExcelProps) => { const [showAlert, setSho..

Javascript 2023.03.02