본문 바로가기

분류 전체보기

반응형 웹(Feat. boot strap) 반응형 웹 : 크기가 다양한 디바이스(스마트폰,데스크탑,노트북 등) 사이즈에 최적화된 UI를 제공하는 기술. Boot Strap: 어떤 디바이스에 어떤 OS가 사용되던 개발자는 신경 쓰지 않아도 UI가 자동으로 최적화되게 해주는 기술 (UI Component들이 매우 많다) boot strap은 12개의 그리드 시스템으로 실행된다. // 12 그리드 시스템 : 1개의 행을 12개의 열(column)으로 나눈다. A B C md: Middle Size 위 코드는 1개의 행(웹 브라우저에서의 한 줄)을 4 size만큼 3개의 layout으로 나눈 것이다. : 웹 브라우저에서 한 줄(row) 전체를 layout으로 한다. 그럼, 더보기
JS 기본(Feat.JS 코드는 <body>젤 밑에 적자) 이름: 지역: 서울 제주도 ## JS의 라이브러리들! HTML, JS 모두 웹 브라우저에서 실행되는 언어이다. 웹 브라우저는 위에서 아래로 마치 인터프리터처럼 한 줄 한 줄 파싱하여 실시간으로 렌더링을 한다. 근데 만약 이름: 지역: 서울 제주도 동네: 강남 서초 제주시 서귀포시 등록 테스트: 더보기
BFS()는 공짜로 최단 경로를 보장하지 않는다(Feat. Predecessor) https://www.acmicpc.net/problem/2178 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net [그래프] 26. 최단 경로용 BFS 아래와 같은 빈 큐와 그래프가 있다고 가정하자. 여기에 BFS 알고리즘을 사용할 것이다. 각 Node 의 predecessor 는 보기 편하게 표로 나타내겠다. 먼저 시작점 Node를 방문했다고 표시한다. 시작점은 아무데서도 오지 않았다. 그러니 이전 Node가 없는 것이다. predecessor 는 없다고 표시한다. 시작점 Node A 를 큐에 넣는다. 큐에서 가장 앞에 있는 Node를 꺼.. 더보기
[사용자 정의 인터페이스] with Spring Data JPA 만드는 순서를 자꾸 까먹어서 정리를 해 놓겠다. 1. 만들고자 하는 메서드를 정의한 [인터페이스]를 새로 생성! //사용자 정의 인터페이스 with Spring Data JPA public interface MemberRepositoryCustom { // select condition에 따른 [동적] 쿼리 구현 List search(MemberSearchCondition condition); } 2. 인터페이스에서 정의한 메서드를 오버라이딩 -> 구현 클래스의 이름에 주의해야 한다. [원조 인터페이스 명] + [Impl]과 같이 앞에 MemberRepository 인터페이스 명을 붙여줘야 한다. @Repository public class MemberRepositoryImpl implements Mem.. 더보기
동적(dynamic) 쿼리 vs 정적(static) 쿼리 동적이냐 정적이냐의 기준은 SQL [문자열]이 변경되냐 안 되냐이다. EX) JPQL : SELECT m FROM Member m WHERE m.username = :username -> 파라미터 [:username]이 있어서, 동적 쿼리로 보이지만 이건 [정적] 쿼리이다. 왜냐하면, SQL문이 저기서 변하지 않기 때문! EX @Data // 검색 조건(selection condition) : 이 조건들을 가지고 동적 쿼리를 만든다. public class MemberSearchCondition { //회원명, 팀명, 나이(ageGoe,ageLoe) private String username; private String teamName; private Integer ageGoe; private Integ.. 더보기
연관 관계 세팅 TIP!!! @Entity @NoArgsConstructor(access = AccessLevel.PROTECTED) @Getter@Setter @ToString(of={"id","username","age"}) // 여기에다가 "team"을 넣으면, 무한루프 일어남!!!(모르겠으면, 게시물 참조) public class Member { // 연관 관계 필드들은 안 넣어야 한다. @Id@GeneratedValue @Column(name = "member_id") private Long id; private String username; private int age; @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "team_id") private Team team; p.. 더보기
샘플 데이터 입력의 2가지 방법 1] @PostConstruct 이용 or 프로필 사용 @Profile("local") // 아래 빈은 test에서는 동작하지 않고, 애플리케이션이 로딩될 때에만 동작한다. @Component @RequiredArgsConstructor public class InitMember { private final InitMemberService initMemberService; @PostConstruct public void init(){ initMemberService.init(); } //Q. 아래에서 클래스를 선언하지 말고, @PostConstruct 메서드 안에 샘플 데이터를 입력하면 되는 것이 아닌가? //A. 정확한 설명은 해주지 않았지만, @PostConstruct와 @Transactional의 .. 더보기
Querydsl 사용 시, 주의해야 할 버그(newInstance, ExpressException..) @Test // [Property 접근법] : getter를 사용하여 property에 접근하고, setter를 이용하여 값을 삽입 void findDtoBySetter(){ List results = queryFactory .select(Projections.bean(MemberDto.class, member.username, member.age)) .from(member) .fetch(); for (MemberDto result : results) { System.out.println("result = " + result); } @Data public class MemberDto { private String username; private int age; public MemberDto(String .. 더보기

티스토리툴바