javascript 2

React CRA 환경에서 eject하지 않고 Webpack 커스텀하기

Asia-Pacific(APAC) 지역에서 담당하는 프로젝트의 Repository를 fork하여 Korea에 서비스를 할 수 있게 환경을 구축하는 프로젝트를 맡게 되었다. 클라이언트 프로젝트 환경은 Typescript 기반의 리액트로 만들어져 있고, CRA로 생성된것으로 확인하였다.우리팀은 대부분은 MacOS 기반에서 개발을 하지만, 간혹 Windows를 사용하시는 분들 위해 Mac/Linux/Windows 용의 스크립트를 만들고, 각 서버 환경별 Docker Container 배포를 위한 Dockerfile 만들어서 Korea 인프라팀에게 공유하였다. 그러나 프로젝트가 물흐르듯이 진행되다가 문제가 발생하였다.디자인 팀의 퍼블리싱하시는 분이 마크업을 진행하실 때 CSS로 S3 bucket을 Full..

React 2022.04.27

자바스크립트 구조분해할당(Destructuring) 개념과 팁

MDN Web Docshttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment정의: 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 기본적인 Destructuring의 사용법은 위 MDN 링크에서 참고하세요.이 글을 쓴 목적은 실무에서 코드 개선 및 이슈가 발생했을 때, 대처했던 내용을 토대로 개인적인 팁을 공유하기위해 작성했습니다. 서버에서 응답받은 response 예시다.const response = { notifications: { follow: true, alerts: ..