[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)
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 지난시간에 이어 리액트 리덕스에 대한 정리 2편을 포스팅 하고자합니다. 필자는 지난 2년간 시스템 엔지니어로서 활동을 했었습니다. 애초에 시작을 스크립트 언어를 주로 다루다보니 자연스레 Front-end에 관심을 많이 갖게 되었었는데, 최근들어 리액트를…
[Reactjs] github actions로 S3 웹호스팅 배포하기
안녕하세요? 정리하는 개발자 워니즈입니다. 개인 플젝으로 Reactjs를 개발하고 있던 중에 AWS에 Serverless로 배포를 하려면 어떻게 해야하는지 열심히 찾아보았습니다. 그러던중 리액트 소스를 빌드하여 나온결과물을 S3에 올려서 호스팅 하면된다는 것을 알게 되었습니다. 지난 글들은 아래를 참고 해주시면…
[Reactjs] 리액트 정리 1편 : redux project 소개(1)
안녕하세요? 정리하는 개발자 워니즈 입니다. 필자가 초년 개발자 시절에는 프론트엔드를 주로했었습니다. 프론트엔드라곤 하지만 운영프로젝트에 소속이 되어서 자바스크립트 를 활용하여 소소하게 기능 수정을 하는 수준이였습니다. 그러던 중, reactjs 라는 것을 알게되었고 17년 4월즈음에는 5일짜리 교육도 다녀왔었습니다.…
[Node.JS] 프로세스 관리도구 PM2 사용법
필자가 운영하던 Node 프로세스는 forever라는 npm 모듈을 활용하여 운영했었다. 하지만, forever이긴하나 가끔 프로세스가 kill 되는 현상이 있어 좀더 알아보던 차에 PM2라는 것을 알게 되었다. PM2 는 Process Manager 의 약자로 이미 단어에서 모든게 설명 되는데…