잡썰 티스토리

React App을 배포할때 소스 JS파일이 캐싱이 되면서 갱신이 되지 않는 문제가 발생했습니다. 이는 CRA는 빌드시에 항상 같은 이름으로 파일이름을 생성하게 되서 발생하는 문제입니다. 따라서 WebPack같은 번들러로 배포를 하게되면 해당 JS파일뒤에 타임스탬프를 붙이는 방법으로 강제로 갱신이 되는거죠. 이때 사용할 수 있는게 react-app-rewired입니다. 이걸 설치하고 config-overrides.js 파일 내부에 다음처럼 함수를 정의해줄 수 있습니다. module.exports = { webpack: function (config, env) { config.output.filename = 'static/js/[name].[hash:8].js'; config.output.chunkFile..

프로그래밍/Javascript 2023. 4. 3. 18:49

회사 프로젝트작업중 람다를 호출하는 일이 있어서 간단하게 코드를 작성해봤다. const region = { "accessKeyId": "XXXXXXXXXXXXXX", "secretAccessKey": "YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY", "region": "ap-northeast-2" }; const lambda = new LambdaClient(region); // Set the parameters for the function call const payload = JSON.stringify({ "src_url": result.video_url, "times" : (start_time + ", " + play_time).toString() //"1822, 5, 1874, 5..

프로그래밍/Javascript 2023. 3. 2. 17:18

자바스크립트를 사용하면서 문자열을 조합할때 무의식적으로 보통 + 를 사용하여 아래와 같이 조합한다. const db_path = "./dist/sqlite/" + play_date + ".sqlite"; 일상적으로 이 방식으로 쓰다가 기분상(?) 세련되지 못한것 같아서 다른 방법을 찾아보니 총 3가지 방법이 있다. 1) + 연산자를 사용하여 문자열 합치기 var str = 'Java' + 'Script'; // 결과 : 'JavaScript' var str = 'JavaScript'; str += ' '; str += 'Developer'; // 결과 : 'JavaScript Developer' 2) concat() 함수를 사용하여 문자열 합치기 var str1 = 'Java'; var str2 = 'S..

프로그래밍/Javascript 2023. 3. 2. 15:30