Fadet's coding box

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 대상 독자 : CI/CD 파이프라인 구축에 입문하는 주니어 개발자 ❗ 이 글은 기존 프로젝트에 github actions를 이용한 CI/CD를 구축하는 내용을 메인으로 합니다. 따라서 독자분이 기존 프로젝트에 사용했던 Git, Spring Boot, Docker, AWS에 대해 잘 모르신다면 검색을 해보시거나 아래 링크를 통해 ai에게 질문해 보시고 포스트를 보시는 것을 추천드립니다. 이 포스트에서 가장 중요하게 다뤄지는 github actions를 아예 모르신다면 refer에 추가해둔 생활코딩님의 영상을 보시는 것도 좋습..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 대상 독자 : CI/CD 파이프라인 구축에 입문하는 주니어 개발자 ❗ 이 글은 기존 프로젝트에 github actions를 이용한 CI/CD를 구축하는 내용을 메인으로 합니다. 따라서 독자분이 기존 프로젝트에 사용했던 Git, Docker, Travis CI, AWS에 대해서 익숙하지 않으시다면 전체적인 프로세스를 개괄적으로 봐주시거나 아래 링크를 통해 모르는 부분을 질문해 보시길 추천드립니다. * 잘 모르시는 기술은 로그인 필요 없이 이 곳에서 AI에게 물어보세요! 이번 포스트에선 Spring Boot, React.js,..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 완료된 프로젝트의 url은 http://bit.ly/3J6dkQ1입니다. ❗ 이 포스트에서 진행되는 프로젝트는 Spring boot와 React로 진행됩니다. 따라서 이 글은 기본적으로 두 stack의 기초를 안다는 전제 하에 진행됩니다, 따라서 이에 대해 아예 모르신다면 이 포스트를 보기 힘들 수 있음을 알려드립니다. * 잘 모르시는 기술은 로그인 필요 없이 이 곳에서 AI에게 물어보세요! https://github.com/kth1017/project_GptApi_1 이 링크에서 프로젝트 코드를 보실 수 있습니다. 프로젝트 ..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 이제 테스트를 모두 끝냈으니 프로젝트에서 사용될 프로토타입 기능 스펙을 확정해야 합니다. 그런데 여기서 문제가 발생합니다. 제가 구현할 주 기능은 크게 아래와 같았습니다. 1 메인 페이지에서 질문할 프로그래밍 관련 내용을 입력 > 2-1 (질문이 영어일 경우) 그대로 서버에 전달 / 2-2 (질문이 한글일 경우) 메인 페이지에서 파파고 API를 이용해 번역한 문장을 서버에 전달 > 3 서버에서 GPT API를 이용해 질문에 대한 답변을 생성한 뒤 클라이언트에 전달 4 메인 페이지에서 답변을 확인 이러면 서버가 아닌 클라이언트에..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 🤚 이 포스트를 보시는 분이 입문자시라면 다음과 같은 선행 지식을 갖추셔야 이해하기 편하실겁니다. 과정마다 필요 지식을 태그해드릴테니 필요하시면 먼저 학습하시길 추천합니다. 괄호는 모르셔도 큰 문제는 없습니다. - 스프링 부트 : Controller 및 Service 활용(RestController 포함), @ResponseBody, (Dto) - 리액트 : state 기초, axios 라이브러리, (useEffect hook) 이어서 통신 과정을 진행할텐데 제가 중간에 리액트 문법을 헷갈려서 프로젝트를 진행하며 리액트도 같이..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 우선 프로젝트를 진행하기 전에 개발 환경을 조금 정해놓고 싶어서 조금 고민을 했습니다. 백엔드는 주력인 스프링 부트를 가져가지만 프론트엔드의 경우에 간편하게 타임리프만 사용할지 아니면 요즘 개발자 사이에서 핫한 스벨트를 써볼지 등등 이거저거 생각은 해봤지만 기왕 이렇게 된거 우리 GPT에게 질문을 해보기로 했습니다. Q : 스프링 부트와 가장 잘 어울리는 프론트엔드 프레임워크 하나만 추천해줘 A : React.js is a popular front-end framework that pairs well with Spring Bo..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 우선 제가 맨 처음에 chatGPT에 대해서 들었을땐 아무래도 영어에 최적화 되어 있어서 한글로 질문하면 시간이 2배 정도 더 걸린다고 하더라구요. 그렇기 때문에 처음 생각만 할 때는 한글로 된 개발자의 질문을 파파고 api를 통해 영어로 번역하고 그것을 GPT에 질문하고 나온 대답을 다시 파파고로 번역해서 보여주는 것을 생각했습니다. 그런데 실제로 GPT를 사용해서 한글로된 질문 몇 개를 해보니 속도 차이가 그리 나지도 않고 답변도 한글로 잘만 해주더라구요. 그래서 문득 궁금해져서 GPT에 직접 질문을 해봤습니다. Q : 선..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 건강이 너무 안 좋아서 운동을 하기로 결심했더니 몇 달 동안은 다른 일은 손에도 잡지 못했습니다... 물론 제가 게으른 것도 있겠지만 원체 살면서 운동이라고는 해본적도 없고 하루에 한 끼 먹는게 일상이었다보니 하루 세 끼 챙겨가면서 운동만 해도 온몸에 진이 빠지네요... 이제 슬슬 운동 습관도 붙어가는 것 같아서 취업 준비 전에 마지막으로 프로젝트 하나만 더해보려 합니다. 요즘 chatGTP가 핫하다고 해서 저도 호기심으로 가서 몇 번 써봤는데 생각보다 이게 물건이더라구요. 그래서 다시 개발 공부도 시작할 겸 openAI에서 ..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 이전 포스트에 이어 테스트코드를 마저 작성하겠습니다. 테스트 코드 예시 - domain, repository 나머지 저번 포스트에는 테스트 메서드인 코드입력()을 자세히 살펴봤습니다. 이제 다음으로는 TDD에서 중요한 내가 얼마만큼의 테스트코드를 작성하는 것이 적절한가?를 판단하는 작업을 해보겠습니다. # 준비 - TestData 역시 테스트 코드를 작성하려고 보니 실제 로직에 사용할 allCode의 길이가 너무 길어 테스트 코드에 다 담기는 부적절할 것 같습니다. 따라서 더미 데이터용 TestData 클래스를 하나 따로 만들..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다.따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 이전 포스트에선 웹으로 원래 로직을 이식하여 작동'만'하는 엉터리 코드를 작성하였습니다. 언급했듯 그렇게 코드를 이상하게 작성한 이유는 이번 포스트부터 잘못된 설계와 코드를 비교하는 과정을 작성하기 위한 빌드업이라고 이해해주시면 될 것 같습니다. 이전 포스트를 문제로 이번 포스트를 해설로 봐주시면 좋을 것 같습니다만 아직 저도 많이 부족한 수련생이기 때문에 자신이 더 좋은 생각이 있으시다면 알려주시면 감사할 것 같네요. 테스트코드와 TDD TDD란 Red-Green-Refactor 사이클로 이루어진 개발 방법론을 의미합니..