개발자 지망생의 발전 과정 개발자 지망생의 발전 과정

실습 두 번째 메인 프로젝트 제작 - 2   프로젝트 뭐 해보지 생각해보다가, 카카오 지도 API를 이용해보기로 했다.지도 API를 이용해서 지도에 무슨 표시를 해서 나만의 맛집을 등록하는 블로그를 만들기로 했다. 근데 일반적인 지도 사이트처럼 지도가 메인이고 해당 장소를 표시하는 방식은 아니고,마치 블로그의 리뷰글처럼 글이 메인이고,해당 글의 추가 정보로 지도에 위치가 표시되는 것을 보여줄 것이다. 당연히 각 글은 직접 등록하고 수정할 수도 있다.아직 안만들어봐서 모르겠지만 지우는 것은 새로 쓰면 되는데 삭제는 굳이...? 싶어서나중에 필요하면 만들 것이다. 각 글에 지역에 대해 상세정보 보기를 누르면,지도와 함께 해당 지역에 대한 간단한 소개가 나오게 만들 것이다.그래서 글이 메인이고, 지도는 그냥 ..

실습   두 번째 메인 프로젝트 제작 - 1   첫 프로젝트를 너무 못만들어서 완전히 새로운 걸 하기 보다는,기능들을 추가해서 업그레이드하는 개념으로 만들어볼 것이다. 기존 프로젝트를 그대로 사용하진 않고, 새로 만들 것이다.뭐 각 기능들로 엄청 특별한 무언가를 하지는 않고, 그냥 한 번 다뤄볼 것이다. 사용할 것으로 예상되는 기능?방식?들을 한번 나열해보겠다.   1. 느슨한 결합기존의 프로젝트에서는 인터페이스를 사용하지 않고, 클래스끼리 연결되어서 결합도가 너무 높았다.이러면 나중에 연결될 객체가 변경되면 그에 따라 바뀌는 코드가 너무 많아진다. 서비스, 리포지토리, DAO 등등 인터페이스를 만들고,해당 인터페이스를 구현하는 클래스를 만들어서연결 관계 사이에 인터페이스를 사용하여 결합도를 낮춰서 유지..

JPA를 이용한 API 개발 JPA 실습 - 1을 업그레이드한 버전이다. 실습 - 1에서는 구조만 완성한 상태였고, 실습 - 2에서는 API들을 만들 것이다. 1. 기본 API1 - 1. 회원 등록@RestController@RequiredArgsConstructorpublic class MemberApiController { private final MemberService memberService; @PostMapping("/api/v1/members") public CreateMemberResponse saveMemberV1(@RequestBody @Valid Member member) { Long id = memberService.join(member); ..

JPA 실습 JPA 기본적인 내용들을 배운걸로 Spring과 엮어서 만들어보았다. 1. 설정정보plugins { java id("org.springframework.boot") version "3.3.2" id("io.spring.dependency-management") version "1.1.6"}group = "jpabook"version = "0.0.1-SNAPSHOT"java { toolchain { languageVersion = JavaLanguageVersion.of(17) }}configurations { compileOnly { extendsFrom(configurations.annotationProcessor.get()) ..

이런 모습인데, 배포를 안해서 링크를 걸고 싶어도 걸 방법이 지금 당장은 없다. 나중에 배포하면 링크 걸어보겠다. 디자인은 최대한 심플하게 정했다. 원래 미적 감각이 없는 사람이 괜히 꾸며보겠다고 이것저것 하면, 예뻐지진 않고 괜히 지저분해지기만 하는 것 같아서... 기술스택들 그림은 icons8에서 가져왔는데, 색을 내 마음대로 지정할 수도 있어서 색이 좀 다른 것들은 직접 바꿨다. Blog 부분은 지금 이 블로그 링크와, 나중에 깃 허브링크를 걸 예정이다. 근데 MyBatis는 SQL 매퍼라는 기술로 만들었고, JPA는 ORM이라는 기술로 만들었다는데 둘이 합쳐서 한번에 부를 용어가 참 애매한 것 같은데 뭐 없나...? 애매해서 DBMS Controller라는 애매한 이름으로 결론지어버렸다... 맨 ..

학원에서 Spring boot 수업한지 시간이 좀 지나서 배운 것들로 대충 만들어봤다. MBTI 검사하는 거 만들었는데, 혼자 공부하려고 만드는데 내용 하나하나 다 채우는 건 좀 아닌 거 같아서 형태만 갖추게 했다. 화면 구성은 대충 이렇다 1. 메인 홈 화면 2. 홈 화면 위에 테스트하기 눌렀을 때 여기서 한 줄 마다 각 input 태그의 값이 다른데, 이 값에 따라서 구석에 있는 제출하기 버튼을 눌렀을 때 제출되는 값이 다르다. 그 값을 service 부분에서 판별해서, html에 thymeleaf를 사용해서 다음 화면에 뜨는 문구가 달라지게 만들었다. 2-2 위 화면에서 제출하기 버튼 눌렀을 때 3. 홈 화면에서 MBTI 궁합 눌렀을 때 3 - 1. MBTI를 적고 제출하기 눌렀을 때 내 MBTI와..

공부하기 싫어서 수업 때 만든 작은 창 만드는 방법을 응용해서 사천성을 만들어봤다. 사천성이 뭔지 모르는 사람도 있을테니 사천성은 간단하게 말하면 카드 짝 맞추기 게임입니다. 물론 미적 감각이 죽은 자퇴생 공돌이의 작품이라 디자인은 형편 없다... 적당히 기능구현만 하고 최적화라고는 1도 안해서 좀 형편없어보이긴 하지만 뭐라도 만들어낸게 있으니까 배우는 보람?이 느껴지긴 하는 것 같다. 만들면서 스스로 의문인 점들을 적어가며 해결해나갔고, 마지막까지 해결 못한 점들은 수업하는 날 강사님께 찾아가서 여쭤보려고 했는데, 자바스크립트에 sleep() 메서드가 없다는 걸 알게 되었고 적당히 직접 만들어서 쓰려고 했더니, 사용은 되는데 내가 원하는 순서로 사용이 안되어서 강사님께 여쭈어봤다. // 자바스크립트에 ..

공부한 것들을 토대로 대충 구글 홈페이지랑 치지직 홈페이지를 클론 코딩해봤다 하다가 막히는 부분은 물어보고 해결했다. 코드를 보여주고 싶어서 코드를 전부 여기다가 적을려고 했지만 그러면 너무 길어져서 직접 올리지는 않겠습니다.... 보실 분들은 이거 그냥 키셔가지고 마우스 우클릭 > 페이지 소스 보기 누르면 내부 코드를 볼 수 있습니다. 바로 보려고 하면 그냥 흰 바탕에 검은 글씨들로만 나와서 보기 불편한데, 편집기에 옮겨다가 쓰셔야 할 거 같습니다.