[토이프로젝트] 3편 : API 구현
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 지난 토이프로젝트에서 대한 실기능에 대해서 정리를 하고자 합니다. 주로 DynamoDB에 접근을 해서 데이터를 조작하는 API들에 대해서 소개를 하고자 합니다. AWS에서는 정말 손쉽게 기능구현을 하도록 서비스를 만들어둔거 같습니다 .
[토이프로젝트] 2 편 : 로그인 모듈 설계 (Feat.JWT)
안녕하세요? 정리하는 개발자 워니증입니다. 이번시간에는 지난 토이프로젝트에 대한 설계에 대하여 정리를 해볼까 합니다. 처음에는 로그인을 도입하고자 했을때, AWS의 서비스 중에서 Congnito를 활용하고 싶었습니다. 그런데 아직은 필자에게 와닿을 만큼 편리하게 사용할 방법을 찾지 못해서 다른방법을 찾아보게…
[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] S3 웹호스팅 이용하기
안녕하세요? 정리하는 개발자 워니즈입니다. 이번시간에는 지난 시간까지 제작한 Reactjs 소스를 어떻게 외부에 서비스를 할지에 대한 고민들을 정리 하려고 합니다. 지금까지 개발을 하면서 AWS EC2 인스턴스에 npm 명령어를 이용해서 development 용으로 올려 두었었습니다. 필자도 이번에 리액트를…
[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절에 정리했습니다. 리덕스를…