221222 TIL

이지섭·2022년 12월 22일

내일배움캠프 TIL

오늘의 공부

TIL 특강

적당한 시점에 좋은 특강이었다
취업은 ‘앎의 증명’
- 아는것이 중요한 만큼, 증명하는 것도 중요하다
TIL은 면접의 답안지다
- 면접 전날에 TIL 정주행하고 가면 면접 오픈북이나 다름없다
  - 이런건 어떻게 하셨나요?
  - 이런거 하는데 문제는 없었나요?
  - 팀원끼리 문제는 없었나요?
  - 사실상 TIL 내용에서 면접 질문이 나올 수 밖에 없다
TIL은 매일 쓰는 것
- 피곤해도 그날 꼭 쓰고 자야한다
  - 쓰는 시간은 15~30분이면 충분
  - 자고 일어나면 다 까먹음
- 이쁘게 꾸밀 필요 없다
- 장황하게 쓸 필요 없다
꼭 들어가야 할 것
- 문 시 해 알
  - 어떤 문제가 있었는지 <간략히>
  - 내가 시도해본 것들 <자세히>
  - 어떻게 해결했는지 <간략히>
  - 뭘 새롭게 알게 되었는지 <자세히>
필요하지 않은 것
- 예쁘게 꾸미기
  - 어차피 다른 개발자들과 나만 읽는 것
  - 이모티콘, 수사여구, 글 실력 필요없다
  - 위 4가지 핵심만 있으면 된다
  - 실무자의 좋은 TIL 예시
    - kroah.com/log
    - studyfoss.egloos.com
  - 내배캠 대원의 모범 TIL 예시
    - cjstmdgusqw.tistory.com/36?category=0
    - velog.io/@ysj220/내배단-캠프-TIL
    - velog.io/@loooggi/1011-TIL
- 통째로 복붙 코드
  - 코드만 딸랑 X
    - 나중에 내가 봐도 뭔 소린지 모름…
- 감성적인 일기 X
- 강의노트 복붙 혹은 요약 X
  - 나의 오리지널리티, 시행착오 과정이 없다
    - 시도도 없고, 해결한것도 없고, 알게 된 것도 없고
  - 내 TIL은 나만 쓸 수 있는 것이어야 한다
TIL vs WIL
- 핵심은 두 가지
  - 알게된 점 총정리
  - 매주 목표
- WIL
  - TIL의 회고 : 이번주 알게 된 점 총정리
  - 다음 주 목표 세우기
  - 이번 주 목표 달성 여부

Rest API 특강

어려웠다...
알아 볼 키워드 : HATEOAS, 리차드슨의 성숙도 모델

문제와 시도

게시글 조회페이지 이동 관련

하나의 index.html 페이지의 내용만 바꿔가며 게시글을 표시하는게 아닌,
해당 페이지로 이동하며 진짜처럼 게시글 조회를 구현해보고 싶었다
(뒤로가기로 나가기도 되도록)
데이터를 repository -> service -> conrtoller까지는 가져왔는데,
그걸 어떻게 'index.html이 아닌 새로운 페이지'에 전달하는지 몰랐다

게시글 수정 관련

분명 Entity 값이 바뀌었는데 왜 h2 database에 적용이 안되지?

해결과 학습

게시글 조회페이지 이동 관련

@GetMapping("/api/details/{id}")
    public ModelAndView details(@PathVariable Long id) {
        Post selectedPost = postService.findPostById(id);
        ModelAndView modelAndView = new ModelAndView("details");
        modelAndView.addObject("post", selectedPost);
        return modelAndView;
    }

<script th:inline="javascript">

let post = [[${post}]]; // ThymeLeaf
function editPost() {
            showEdits();
            let title = post['title'];
            let contents = post['contents'];
            let username = post['username'];
            $(`#title`).val(title);
            $(`#contents`).val(contents);
            $(`#username`).val(username);
        }

객체를 가져오고,
ModelAndView를 생성해서 표시 하고싶은 html 페이지를 연결한 다음,
addObject로 페이지에 객체를 넘겨줄 수 있다.
넘겨준 객체는 일종의 별명으로 호출하여 html 단에서 ThymeLeaf로 사용 가능하다.
https://maenco.tistory.com/entry/Thymeleaf-Object-Binding-%EA%B0%9D%EC%B2%B4-%EB%B0%94%EC%9D%B8%EB%94%A9

게시글 수정 관련

@Transactional

service 단에서 @Transactional을 붙이지 않아 생긴 문제였다
@Transactional을 붙이면 트랜젝션 처리를 하면서 필드가 변경되면 '더티체킹'을 하여 update 쿼리에 반영된다고 한다.
https://suhyeokeee.tistory.com/99
https://jojoldu.tistory.com/415
피곤해서... 내일 아침에 더 자세히 알아봐야겠다