Keep going

페이징 처리를 위해서 필요한 파라미터는 1)페이지 번호, 2) 한 페이지에당 몇개의 데이터를 보여줄 것인지 결정되어야 한다. 페이지 번호와 몇 개의 데이터가 필요한지 별도의 파라미터로 전달하는 방식이 아닌 하나의 객체로 묶어서 전달하는 방식을 사용하겠다. org.zerkck.domain 패키지의 Criteria 클래스 (검색 기준) package org.zerock.domain; import lombok.Getter; import lombok.Setter; import lombok.ToString; @Getter @Setter @ToString public class Criteria { private int pageNum; private int amount; public Criteria() { this(..

오늘 한 일 그래프 1문제 알고리즘 스터디 공통 문제인 숨바꼭질 문제를 풀었다. 종이에 일일히 써보니 걱정한 것보다 방법이 금방 떠올랐고 구현 하는 것도 다른 그래프 문제와 거의 비슷했던 것 같다. ECONOVATION 자소서 Spring Framework 13장 Spring Framework 14장 내일 할 일 ECONOVATION 자소서 WAP 회의 Spring Framework 15장 그래프 1문제

오늘 한 일 알고리즘 스터디 공통 문제 선정 회의 안드로이드 학원 오늘은 친구들이 기사 시험이 끝나서 같이 힐링하는 시간을 가졌다. 오랜만에 친구들과 축구를 하고 나니 확실히 에너지를 얻은 것 같다. 내일 할 일 Spring Framework 13장 그래프(숨바꼭질) 풀기 BEM 방식 연습 운영체제 수업 듣기

오늘 한 일 이코테 그래프 개념 공부 , 1문제 풀기 예전에는 그래프 문제를 풀 때 인접 행렬 방식으로 풀었었는데 인접 리스트로 해결하는 방식도 습득했음 안드로이드 학원 알고리즘 스터디 그래프 공통 문제 고르기 ECONOVATION 자소서 내일 할 일 알고리즘 스터디 회의 안드로이드 학원

오늘 한 일 Spring Framework 12 (데이터베이스 페이징 처리) 하나하나 sql 쿼리 문을 실행해보는데 시간이 생각보다 꽤 걸렸음 BEM 방식 공부 BEM 방식으로 코드를 짜는 실습을 해봐야겠다. 그래프 1문제 ECONOVATION 자소서 내일 할 일 안드로이드 학원 가기 이코테 그래프 개념 공부 , 문제 풀이 1문제 알고리즘 스터디 공통 문제 준비하기

목록 페이지는 기본적으로 페이징 처리가 필요하다. 상식적으로 수많은 데이터를 한 페이지에서 보여주면, 처리 성능에 영향을 미친다. 일반적 페이징 처리는 크게 번호를 이용하거나 계속 보기의 형태로 구현된다. 번호를 이용한 페이징 처리는 과거 웹 초기부터 이어오던 방식이고, 계속 보기는 Ajax와 앱이 등장한 이후에 무한 스크롤이나 더 보기와 같은 형태로 구현된다. 12.1 order by의 문제 데이터베이스를 이용할 때 웹이나 애플리케이션에 가장 신경 쓰는 부분은 1) 빠르게 처리 되는 것, 2) 필요한 양만큼만 데이터를 가져오는 것이다. 예를 들어, 거의 모든 웹페이지에서 페이징을 하는 이유는 최소한의 필요한 데이터만을 가져와서 빠르게 화면에 보여 주기 위함이다. 만일 수백 만개의 데이터를 매번 정렬을 ..

오늘 한 일 JC WAP 프로젝트 회의 드디어 개발 시작!! 메인창, 로그인창, 회원가입 창으로 역할을 나눔. 내 역할은 로그인창! 내가 주로 잘 사용하지 않은 BEM 방식으로 개발하기로 결정했기 때문에 공부 해야겠다 애니메이션이나 트랜지션 적용이 쉽지 않을 것 같으니 시간을 많이 가져야겠다. Spring - controller , modify.jsp 적용 요즘 프론트엔드에 공부에 집중하다 보니 백엔드 공부에 신경을 쓰지 못했다. 블로그에만 정리했는데, 오늘부터 깃헙에도 업로드 시작! 하루에 무조건 무슨일이 있어도 한 챕터씩! 내일 할 일 Spring - 12장 그래프 알고리즘 1문제 , 이코테 1문제 BEM 방식 연습

11-1 변형 알아보기 transform과 변형 함수 웹 요소를 이동시키는 변형 함수는 translate()인데, 예를 들어 웹 요소를 x 축으로 50 px, y축으로 100 px 이동하는 클래스 선택자 .photo를 정의하려면 아래와 같이 사용하면 된다. .photo {transform: translate(50px, 100px); } cs 2차원 변형과 3차원 변형 2차원 변형은 웹 요소를 평면에서 변형한다. 평면에서 변형할 때는 2차원 좌표를 사용하는데, x축은 오른쪽으로 갈수록 값이 커지고 y축은 아래로 내려갈수록 값이 커진다. 3차원 변형은 x축과 y축에 원근감을 주는 z축을 추가해서 변형한다. 3차원 변형에서 z축은 앞뒤로 이동하며, 보는 사람 쪽으로 다가올수록 값이 커지고 뒤로 갈수록 값이 작..