웹 개발/블로그 만들기 프로젝트20 AWS RDS 마이그레이션 블로그에 글을 추가하고 나서 금액이 한달에 오천원씩 나온다. 프리티어임에도 불구하고 오천원씩 결제되니깐 걱정돼서 지금 EC2에서 프론트, 백엔드, DB 서버 동시에 돌리던 환경에서 DB 서버를 AWS RDS로 이전해서 분할하면 조금 금액이 낮아지지 않을까 기대하면서 DB를 이전했다. 갑자기 프리티어 제한을 넘은게 게시글에 이미지 삽입 기능과 미리보기 기능을 넣으면서 부터 갑자기 데이터 양이 증가해서 금액이 오른 것 같은데 DB를 RDS로 옮기고 또 페이징 처리를 지금 프론트에서 하고 있는데 한번데 모든 게시글 데이터를 받아와서 여기서도 자원이 많이 사용되는 것 같다. 페이징 처리할 때 데이터를 한번에 받아와서 하는게 아니라 페이지 별로 API를 통해서 데이터를 가져오도록 바꾸고 전체 게시글 수 같은 데이.. 2023. 5. 12. 프로젝트 거의 최종 점검 풀스택을 위한 첫걸음 프로젝트 거의 다 끝나감.. 스프링과 리액트로 개인 블로그를 만들고 어느 정도 정리가 돼서 aws ec2 서비스로 배포를 하였다. 주소는 http://3.35.179.185으로 도메인을 구매할 돈은 없어서 ip 주소로 그냥 사용하는 중이다. 이후 타입스크립트를 적용하고 가끔씩 프로젝트를 추가할 예정이다. React App 3.35.179.185 프론트 엔드를 배우려고 리액트를 시작하면서 언제 완성하나 막막했는데 딱히 복잡한 기능이 필요하지 않아서 생각보다 빨리 끝났고 남은 과제는 타입스크립트를 적용할 예정이긴 한데 타입스트립트도 생각보다 금방 배워서 시간이 오래 걸릴 것 같진 않다. 이번에 새로운 프로젝트 팀에 프론트 엔드 멤버로 들어갔는데 체계적인 협업은 처음이어서 조금 공부할게 .. 2023. 3. 21. HandlerMethodArgumentResolver 이번 프로젝트에 인터셉터 대신 HandlerMethodArgumentResolver를 통해서 jwt 인증을 구현하려고 했는데 지금까지 인터셉터 방식에 익숙해서 그런지 뭔가 끌리지 않는다. 조금 더 깊이 공부를 해볼까 하다가 일단 할게 너무 많아서 나중에 기회가 된다면 다시 공부해야겠다. 이해가 안되는 부분은 만약 컨트롤러에서 /test라는 페이지에 접근하면 resolver에서 내가 작성한 로직을 수행하고 객체를 반환하게 되는데 그러면 원래 /test 컨트롤러 로직에 있는 반환 값은 어떻게 되는지 궁금한데 그냥 귀찮아서 인터셉터를 쓴느게 마음이 편할 것 같다. jwt 토큰을 생성하고 인증을 구현하는 것만해도 아직 익숙치 않아서 천천히 하다보면 언젠가 이유를 알게 되지 않을까 한다. 2023. 2. 12. 블로그보다는 공식문서를 보자 계속 티스토리 블로그에 있는 정보들로 배우려다 보니깐 해결못하는 오류들이 생기는데 대부분 기간이 어느 정도 지나서 지금은 동작하지 않거나 사용하지 않는 함수들이 많은 것 같다. 앞으로는 귀찮아도 공식문서를 보려고 노력해야겠다. 항상 잘하는 사람들은 기본기가 중요하다고 하는데 언어를 옮길때도 기본기가 탄탄하면 크게 영향을 받지 않는다고 한다. 급변하는 취업시장에서 기본기가 더욱 더 중요해지는 이유인 것 같다. 2023. 2. 10. 제로부터 다시 시작하는 개인 블로그 만들기 프로젝트 저번에 리액트, 스프링, aws를 조합하려다가 실력부족으로 실패해서 프로젝트를 끝냈었는데 이번에는 리액트를 공부하고 나서 다시 시작하는 프로젝트다. 백엔드만 공부하려 했으나 내가 만든 것들이 보이지 않으면 답답해서 결국 프론트엔드도 공부하고 있다. 개인 블로그를 만들면서 리액트를 공부하려고 하는데 대강 머릿속으로는 구상했지만 세세하게는 조금씩 아래 깃허브에 README.md 파일에 기록하면서 프로젝트를 진행할 예정이다. https://github.com/Lemon-soju/personal_blog_back GitHub - Lemon-soju/personal_blog_back Contribute to Lemon-soju/personal_blog_back development by creating an ac.. 2023. 2. 10. Elastic Beanstalk 포기 AWS의 엘라스틱 빈스톡 서비스를 이용해서 로드 밸런싱, 오토 스케일링, 도메인 구입 등 여러가지를 실습하려 했는데 벡엔드 서버는 잘 동작하는데 프론트엔드인 React.js는 동작하지 않는다. 코드를 빌드해서 올리면 502 Gateway Error가 떠서 3일 동안 문제를 해결하려고 했는데 결국 해결하지 못했다. 로컬에서 실행하면 AWS에 올린 벡엔드 서버와 통신이 원활하게 되는데 인스턴스로 올리기만 하면 동작하지 않아서 짜증난다. 아마 설정파일의 어딘가가 잘못된거 같은데 리액트 부분은 지식이 얕아서 해결하기에는 아직 이른 것 같다. 400 페이지 중 20 페이지를 남기고 멈춰야하는게 찝찝하지만 나중에 다시 도전하면 되니깐 일단 못한 부분은 책으로라도 공부한 다음 조금 더 수련하고 나서 다시 도전해야겠다. 2022. 7. 28. 프로덕션 개발 완료 https://github.com/Lemon-soju/react-spring-aws/commit/c94f13905c681124ade71b9346fee8e9451c49a3 Merge pull request #24 from Lemon-soju/slave-01 · Lemon-soju/react-spring-aws@c94f139 Add SignUp Page github.com 회원가입, 로그인, 로그아웃 기능을 구현하였고 Todo List 모든 기능을 구현했다. 앞으로는 로컬이 아닌 다른 사람들이 내가 만든 페이지에 접근할 수 있도록 AWS 서비스를 이용할 예정이다. 데이터베이스, 오토 스케일링 그룹, 로드 밸런서를 구축할 예정인데 어쩔수 없이 도매인을 구매하고 SSL 인증서를 생성하기위해서 약간의 돈이 들지만.. 2022. 7. 24. 백엔드, 프론트엔드 통합 https://github.com/Lemon-soju/react-spring-aws/commit/e73912517dbe9423d6b0c2ffd36d97db52fde64d Merge pull request #14 from Lemon-soju/slave-01 · Lemon-soju/react-spring-aws@e739125 Add Entity, Repository, Controller github.com 백엔드와 프론트엔드를 통합하였다. CROS 문제가 발생했지만 리액트에서 설정 파일을 만들어 해결했다. 로그인 기능을 구현하기 위해 백엔드에 사용자 레포지토리, 서비스, 컨트롤러를 추가했다. 기본적인 틀만 만들었고 세부적인 기능은 작동하지 않는다. 2022. 7. 16. 프론트엔드 개발[리액트] https://github.com/Lemon-soju/react-spring-aws/commit/a50897e3fa1fd9be0509f10b2546396d940824c1 Merge pull request #11 from Lemon-soju/slave-01 · Lemon-soju/react-spring-aws@a50897e Update Function github.com 리액트를 이용해서 Todo list의 추가, 삭제, 수정 기능을 만들었고 UI는 material-ui을 사용하여 만들었다. 이후 백엔드 서버와 프론트엔드를 통합할 계획이다. 2022. 7. 7. 이전 1 2 3 다음
