Fadet's coding box

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 이 글은 java와 js를 동시에 학습하시는 입문 개발자분들에게 초점이 맞춰져 있습니다. 때문에 너무 기초적인 용어의 경우 간단히 설명만하고 자세한 사항은 refer에 관련 설명 링크를 적어둘 예정입니다. * 잘 모르시는 기술은 로그인 필요 없이 이 곳에서 AI에게 물어보세요! 시작하기에 앞서 진짜 아무것도 모르는 일반인이시라면 Java와 JavaScript가 연관이 있는줄 아는 경우가 대부분입니다. 'JS는 Java에서 script 기능을 넣은건가?'라는 말도 실제로 들어본 질문 중 하나입니다. 하지만 두 언어는 그냥 이..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다.따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ..

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

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 혼자 프로젝트때문에 이거저거 해보다가 문득 '내 블로그를 보는 분들은 입문자와 채용 면접관 두 부류이려나?'라는 생각이 들었습니다. 그러고나서 곰곰이 생각해보니 채용 면접관이 볼 때 내 프로젝트가 다른 데서 복붙한건지 아닌지 알 방법이 없지않나란 생각으로 이어졌습니다. 그래서 앞으로 공부하다가 막히는 부분이 생기면 제 경험을 좀 자세히 기록해두려 합니다. 이 부분은 프로젝트를 진행하다가 막힌 부분을 기록합니다. 해당 프로젝트 링크는 https://fadet-coding.tistory.com/70 입니다. # API 통신시 프록..

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. 🤚 이 포스트를 보시는 분이 입문자시라면 다음과 같은 선행 지식을 갖추셔야 이해하기 편하실겁니다. 과정마다 필요 지식을 태그해드릴테니 필요하시면 먼저 학습하시길 추천합니다. 괄호는 모르셔도 큰 문제는 없습니다. - 스프링 부트 : 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에서 ..

※ 이 포스트는 개발 학습 과정에서 읽게 된 포스트 중 좋은 글들을 정리해둘겸 작성하는 글이므로 자신이 개발 입문 레벨에서 접근하는 것이 아닌 정확한 지식이 필요하시다면 원문을 읽고 스스로 검색해보시는 걸 추천드립니다. '사실 저번 3달 동안 코로나에 걸려 그 후유증으로 학습을 게을리했습니다...'라는 정말 현실도피적인 핑계를 대며 포스팅의 서두를 여는 제가 참 한심합니다. 그런 허접한 핑계 대신 포스팅을 잠시 쉬었던 또다른 이유를 대보자면 최근 블로그 포스팅을 하며 든 생각이 '아니 학습할 시간도 부족하고 아는 것도 없는 주제에 무슨 정보글을 쓰냐?'라는 것이었습니다. 포스팅을 하면서 아무리 시간을 적게 쓰더라도 만만치 않은 학습 시간을 빼앗게되고 물론 포스트를 작성하는 과정이나 이후 수정하는 과정에서..

※ 이 포스트는 스프링 실습 과정에서 작성하기 때문에 정보가 부정확할 수 있는 부분이 있습니다. 따라서 참고만 해주시고 틀린 부분이 있을 경우 알려주시면 감사하겠습니다. 이번 포스트는 제 깃허브의 https://github.com/kth1017/project_newPostLink 레포를 바탕으로 작성했습니다. 해당 레포의 ControllerTest를 작성하다 Test는 통과했지만 실제 톰캣 구동 후 해당 메소드를 실행했을때 415 오류가 발생하여 이번 포스트를 작성합니다. 기본적인 HTTP 지식이 있다는 것을 가정하므로 자세한 설명은 생략하겠습니다. 원인 탐색 실습을 하다가 테스트를 작성하여 통과하고 실제 톰캣 구동에서 415 오류를 만나게 되었습니다. 415 오류는 처음 만나는거라 당황했었는데 해결이 ..