분류 전체보기(77)
-
JS코드에서 지정한 innerHTML
JS코드에서 Fetch함수를 이용하여 게시글 리스트를 조회하는 api를 불러오는 과정에서, 아무리 검토를 해봐도 화면에 리스트가 보여지지 않았다. DB에 정보가 있는것도 확인하였고 콘솔에도 아무런 오류가 찍히지 않아 소스를 여러번 보았으나, 한시간동안 답을 찾지 못했다... 아래는 문제의 코드이다... 어떤 부분이 잘못되었는지 알아보겠나..? 문제는 생각보다 간단했다.. 마지막에 html 변수를 list라는 id를 가진요소에 할당할 때 오타가 있었던것이다... 위와 같이 innerHtml -> innerHTML로 수정해주면 데이터가 올바르게 출력된다.. 앞으로는 이런걸로 삽질하지 않도록 해야겠다...^^
2023.04.27 -
Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream already read 오류
JS에서 fetch함수를 이용하여 게시글 리스트 조회 api를 불러오는 로직을 작성하던 중 마주한 오류이다.아래는 오류가 발생한 해당 코드이다.원래 잘 실행되던 코드가 왜 갑자기 안되는건가 했더니, 65번줄의 로그때문에 문제가 발생하는듯하였다.(해당 줄을 지웠을 때 오류가 나지 않는걸 보니)해당 로그는 아래와 같다.직역해보면 스트림이 이미 읽혔다는 메시지인데.. 무슨 의미인지 잘 이해가 가지 않았다.알아보니 fetch가 반환하는것은 데이터 스트림이라고 한다. 그래서 64번줄에 로그를 찍어보니 아래와 같이 response.body안의 객체가 ReadableStream 데이터 스트림이라는것을 알 수 있었다.스트림을 읽어야 데이터를 볼 수 있는데, 문제의 코드에서는 스트림을 읽어서 리턴하기 전에,..
2023.04.27 -
DevTools failed to load source map 경고 메세지
자바스크립트에서 moment.js를 쓰려고 라이브러리를 추가 했는데 콘솔에 이런 경고메세지가 떴다.해당 js파일을 보았더니 마지막 줄에 이렇게 되어있었다.//# sourceMappingURL=moment.min.js.map해당 줄을 이렇게 바꿔주면 경고가 없어진다.// //# sourceMappingURL=moment.min.js.map
2023.04.27 -
다양한 연관관계 매핑 (2)
일대일 [1:1] 일대일 관계는 양쪽이 서로 하나의 관계만 가진다. 예를 들어 회원은 하나의 사물함만 사용하고 사물함도 하나의 회원에 의해서만 사용된다. 일대일 관계는 다음과 같은 특징이 있다. 일대일 관계는 그 반대도 일대일 관계이다. 테이블 관계에서 일대다, 대대일은 항상 다(N)쪽이 외래 키를 가진다. 반면에 일대일 관계는 주 테이블이나 대상 테이블 둘 중 어느 곳이나 외래 키를 가질 수 있다. 테이블은 주 테이블이든 대상 테이블이든 외래 키 하나만 있으면 양쪽으로 조회할 수 있다. 따라서 일대일 관계는 주 테이블이나 대상 테이블 중에 누가 외래 키를 가질지 선택해야 한다. ▼ 주 테이블에 외래 키 주 테이블에 외래 키를 두고 대상 테이블을 참조한다. 외래 키를 객체 참조와 비슷하게 사용할 ..
2023.04.27 -
다양한 연관관계 매핑 (1)
다대일 다대일 관계의 반대 방향은 항상 일대다 관계고 일대다 관계의 반대방향은 항상 다대일 관계다. 데이터베이스 관계에서 외래키는 항상 다 쪽에 있고, 다쪽이 연관관계의 주인이다. 1. 다대일 단방향 [N:1] @Entity public class Member { @Id @GeneratedValue @Column(name = "MEMBER_ID") private Long id; private String username; @ManyToOne @JoinColumn(name = "TEAM_ID") private Team team; ///Getter, Setter... } @Entity public class Team { @Id @GenerateValue @Column(name = "TEAM_ID") pr..
2023.04.27 -
연관관계 매핑 기초
단방향 연관관계 연관관계 중에선 다대일(N:1) 단방향 관계를 가장 먼저 이해해야 한다. 회원과 팀의 관계를 통해 다대일 단방향 관계를 알아보자. · 회원과 팀이 있다. · 회원은 하나의 팀에만 소속될 수 있다. · 회원과 팀은 다대일 관계다. ▼ 객체 연관관계 회원 객체는 Member.team 필드(멤버변수)로 팀 객체와 연관관계를 맺는다. 회원 객체와 팀 객체는 단방향 관계다. 회원은 Member.team 필드를 통해서 팀을 알 수 있지만 반대로 팀은 회원을 알 수 없다. ▼ 테이블 연관관계 회원 테이블은 TEAM_ID 외래 키로 팀 테이블과 연관관계를 맺는다. 회원 테이블과 팀 테이블은 양방향 관계다. 회원 테이블의 TEAM_ID 외래 키를 통해서 회원과 팀을 조인할 수 있고 반대로 팀과 회..
2023.04.27