함께 알아가는 IT 정보

페이지를 글 목록 수에 따라서 나누려고 한다.DB에서 글을 임의로 늘렸고 페이지당 항목 수도 10 15 20 30으로 정할 수 있게 만들었다.package com.KoreaIT.java.jsp_AM.servlet;import java.io.IOException;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import java.util.List;import java.util.Map;import com.KoreaIT.java.jsp_AM.util.DBUtil;import com.KoreaIT.java.jsp_AM.util.SecSql;import jakarta.servlet.ServletExcepti..

JSP를 활용해서 웹 페이지로 무언가를 보는 것 까지 넘어갔다.@WebServlet("/Article/list")public class ArticleListServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); // DB 연결 try { Class.forName("com.mysql.jdbc.Driver"); } c..

See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.이어서 하던 거 이 까지는 했다. 하이픈이랑 hover의 우선순위를 두는 것 때문에 한참 애를 먹었다.이제는 모바일 탑바에 마우스 호버를 JS를 사용해서 클릭으로 바꿔주기만 하면 된다. See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.오케이! 이번엔 그냥 태그의 클래스를 복붙해와서 써서 하이픈 이슈 같은건 없이 금방했다. 호버를 active 클래스로 바꿔주고 간단한 로직만 짜면 되니까 쉬웠다.

See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.어제 하던 카카오증권 사이트 모작인데 난 일단 이까지 했다. 근데 이게 고객센터가 내려 앉는데 대체 이유가 뭔지 몰라서 막혔다. 왜 내려앉는지 이해가 안되서 어디서부터 뭘 고쳐야될지 모르겠다. li가 많아서 그런 것 같긴한데 강사님이 이까지 구현하는 것을 보여주실 땐 아무문제 없이 잘 됐다. 나랑 코드도 거의 유사한 것 같은데 일단 원인을 찾아야될 것 같다.아 플렉스가 없었다. See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.해결 완료 이제는 2차 메뉴가 열릴 때 뒷 배경이 매뉴의 개수에 맞춘 높이가 설정되..

See the Pen 3차메뉴 따로 빼서 작업(중간단계) by qBlackBirdp (@qBlackBirdp) on CodePen.중간단계 메뉴 만들기 부터 시작한다. 클릭하면 변화하는 것 까지 만들었고 2차 메뉴가 존재한다면 눈에 보이는 것 까지는 됐는데 3차 메뉴를 제대로 볼 수가 없다. 그러니까 1차메뉴에서는 잘 작동 되는데 거기에서 자식인 ul li에서 동시 작동되면서 문제가 생긴다. $(".menu-box-1 ul").click(function(){ return false; })따라서 만들어둔 기존 메서드에 해당 코드를 넣어서 부모에게는 영향이 가지 않도록 만들었다.다음으로는 열어두고 또 열면 기존에 열었던 메뉴가 닫히지 않는 문제를 해결한다.$this.siblings(".activ..