Fadet's coding box

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다. 따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 이 글은 AWS 프리티어를 사용하고 계시거나 사용한 후 1년이 지나 만료되신 주니어 개발자를 위해 작성되었습니다. AWS 요금 설정에 대해 자세히 알고 계시다면 읽을 필요가 없습니다. 처음 AWS를 사용하여 배포했던 토이 프로젝트를 한지도 어느덧 1년이 지났습니다. 1년 동안 코로나 걸렸으니, 운동 습관 들이느니 그런 핑계로 개발 공부를 날려먹은 게 참... 어쨌든 프리티어가 끝나간다는 것은 얼추 알고 있었는데 끝나자마자 칼같이 이런 청구서가 메일로 왔습니다. 프리티어 만료 후 하루에 1달러라니... 보니까 정신이 번쩍 들..

※ 이 포스트는 스프링 실습 과정에서 작성하기 때문에 정보가 부정확할 수 있는 부분이 있습니다. 블로그 학습 개발은 위험이 항상 동반됩니다. 따라서 참고만 해주시고 틀린 부분이 있을 경우 알려주시면 감사하겠습니다.# 2025.08.30 내용 수정 및 주석 추가 * 비유는 언제나 원관념이 일정 부분 희생됩니다. 이를 감안하셔서 너무 비유에 매몰되지 마시고 처음 학습하신다면 스스로 정확한 개념을 따로 더 학습하시길 바랍니다. 이번 포스트는 인프런 강의 중 김영한님의 '스프링 핵심원리 기본편'과 토비님의 '토비의 스프링 부트' 를 수강하고 배운 내용을 정리하여 작성하였습니다. 그렇기에 조금 더 내용을 깊게 알기 원하시면 직접 강의를 수강하시길 추천합니다. 자 이제 지금껏 자바의 역사, 서블릿, MVC, 프론트..

* 이번 포스트는 학습 과정에서 그 과정을 기록한 글이기에 부정확한 정보가 매우 많이 포함될 수 있습니다. Blog Driven 학습은 매우 위험하니 정말로 이 포스트는 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 글 시작에 앞서 이 글은 정말로 제가 맨 땅에 헤딩하며 시간을 갖다 버린 과정이 너무 아까워서 나중에 보도록 기록만 하는데 목적을 둔 글입니다. 따라서 이 포스트는 정보습득보단 반면교사로 삼으시길 바랍니다. ❗ 포스트를 보실때 미리 알면 도움이 될 지식 : 클라우드 IaaS(AWS EC2를 사용해보셨으면 충분) * 잘 모르시는 기술은 로그인 필요없이 이 곳에서 AI에게 물어보세요! 이 포스트의 결론을 먼저 말씀드리겠습니다. 💢 그냥 EC2 쓰세요 aws elastic..

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

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다.따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. ❗ 이 글의 목적은 react의 Context API나 redux의 전역 상태 관리를 사용하게 되는 과정을 알아보는 것으로 렌더링 과정, state, props 등의 react 기본 지식을 쭉 훑어보고 지나가겠지만 세부 설명은 진행하지 않습니다, 따라서 react에 완전 입문이신 분이라면 먼저 기본 지식을 학습하고 이 포스트를 보시길 권해드립니다. 이 글은 개인 프로젝트 진행 중 생긴 학습 사항을 기록한 글입니다. 해당 프로젝트에 대한 포스팅은 https://fadet-coding.tistory.com/70를 참고해 주세요...

* 이 포스트는 학습 과정에서 그 내용을 기록한 글이기에 부정확한 정보가 포함될 수 있습니다.따라서 해당 글은 참고용으로만 봐주시고 틀린 부분이 있다면 알려주시면 감사하겠습니다. # 2025.08.30 내용 수정 및 주석 추가 ❗ 이 글은 java와 js를 동시에 학습하시는 입문 개발자분들에게 초점이 맞춰져 있습니다. 때문에 너무 기초적인 용어의 경우 간단히 설명만하고 자세한 사항은 refer에 관련 설명 링크를 적어둘 예정입니다. 시작하기에 앞서 진짜 아무것도 모르는 일반인이시라면 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) 이어서 통신 과정을 진행할텐데 제가 중간에 리액트 문법을 헷갈려서 프로젝트를 진행하며 리액트도 같이..