[DevOps] python boto3 s3 upload 작성
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 간단한 python script에 대해서 소개를 하려고 합니다. 파이썬은 필자가 관심도 많고 즐겨서 사용하는 언어입니다. 그러다보니 손쉽게 활용해서 무엇인가를 만들때 자주 사용하고 있습니다. next.js를 빌드하고나서 나오는 결과물(build asset)에 대해서 s3에 upload를…
[Javascript] Promise 사용법
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 javascript의 promise사용법에 대해서 정리릏 해보려고 합니다. 필자는 front-end에 굉장히 흥미를 많이 느끼고 있습니다. 화면에 바로바로 적용한 내용들이 노출되는데다가, 스크립트를 통해서 액션에 대한 동작을 하다보니까 확실히 재밌는 것 같습니다. 웹트렌드에서 굉장히…
[Reactjs] AWS Codepipeline을 통한 배포
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 CI/CD에 대해서 정리를 해보고자 합니다. 프로젝트를 진행하면서, 매번 수동으로 빌드를 수행했었고, 해당 파일을 S3로 올려주는 작업을 진행했었습니다. 그러다보니 굉장히 불편한 점이 많이 있었습니다. 그래서 생각한 아이디어는 branch를 우선 2개(development &…
[Reactjs] AWS Route53을 통한 도메인 연결
안녕하세요? 정리하는 개발자 워니즈입니다. 개인으로 진행하는 프로젝트가 드디어! 👏👏 도메인 연결만을 남겨두고 있습니다. 지금까지 했던 것을 다시 정리하면, 어플리케이션 제작(Reactjs) 이미지 오리진 서버 (S3) 이미지 캐시 서버 (CloudFront) : 람다 엣지 사용 인증서 작성(아마존 인증서)…
[Reactjs] AWS CloudFront를 통한 CDN 적용
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 AWS의 CDN 서비스인 CloudFront 에 대해서 정리하도록 하겠습니다. 지난 글들은 아래를 참고 해주시면 됩니다. 리액트 정리 1편 : redux project 소개(1) 리액트 정리 2편 : redux project 소개(2) 리액트 정리…
[Reactjs] 리액트 정리 3편 : state & props
안녕하세요? 정리하는 개발자 워니즈 입니다. 이번시간에는 리액트를 주로 사용하면서 봐왔던 state와 props에 대해서 정리를 해보려고 합니다. 아시다시피 처음 React를 공부하게 되면 제일 처음 배우게 되는 개념이지만, 필자 같은 경우 바로 소스 개발을 들어가다 보니 정확하게…
[Reactjs] 리액트 정리 2편 : redux project 소개(2)
리덕스의 액션, 리듀서, 스토어 흐름은 2026년 9월에도 그대로지만, 스토어는 createStore 대신 Redux Toolkit 의 configureStore 로 만드는 것이 공식 권장입니다. connect 와 mapStateToProps 도 여전히 동작하되 공식 문서는 useSelector, useDispatch 훅을 기본으로 권합니다. 바꾼 코드는…
[Reactjs] github actions로 S3 웹호스팅 배포하기
안녕하세요? 정리하는 개발자 워니즈입니다. 개인 플젝으로 Reactjs를 개발하고 있던 중에 AWS에 Serverless로 배포를 하려면 어떻게 해야하는지 열심히 찾아보았습니다. 그러던중 리액트 소스를 빌드하여 나온결과물을 S3에 올려서 호스팅 하면된다는 것을 알게 되었습니다. 지난 글들은 아래를 참고 해주시면…
[Reactjs] 리액트 정리 1편 : redux project 소개(1)
2020년에 쓴 이 리액트 리덕스 코드는 2026년 9월 기준 React 19.3 에서 그대로 돌지 않습니다. ReactDOM.render 가 React 19 에서 제거됐고 hashHistory, IndexRoute 는 React Router v3 시절 API 라서, 바꾼 코드를 4절에 정리했습니다. 리덕스를…
[Node.JS] 프로세스 관리도구 PM2 사용법
필자가 운영하던 Node 프로세스는 forever라는 npm 모듈을 활용하여 운영했었다. 하지만, forever이긴하나 가끔 프로세스가 kill 되는 현상이 있어 좀더 알아보던 차에 PM2라는 것을 알게 되었다. PM2 는 Process Manager 의 약자로 이미 단어에서 모든게 설명 되는데…