함께 알아가는 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..

주말부터 화요일까지 공연 일정과 수업 일정이 있어서 수업에 참가하지 못했다. 38 39일차 수업은 주말에 업로드 하겠다!그래서 처음에는 반응형 모바일메뉴, 탑바, 모바일 탑바를 만드는 것 부터 시작했다. 솔직히 말해서 엄청 버벅이면서 만들었다. See the Pen 반응형 모바일메뉴 탑바, 모바일 탑바 by qBlackBirdp (@qBlackBirdp) on CodePen.이런 느낌인데 링크 타고 들어가서 보면 화면 크기에 따라서 탑바를 쓸지 모바일 탑바를 쓸지 결정해준다. 디테일을 놓치는 경우가 많았고 css를 html에 쓰는게 익숙하지가 않다. html의 뼈대를 잡는 것 또한 쉽지 않았다. 그래도 어찌저찌 만들고 나서 보면 조금 보이긴한다. See the Pen Untitled by j..

//정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요.class Solution { public int solution(int[] array, int n) { int count = 0; for (int j : array) { if (j == n) { count++; } } return count; }}금방 풀었당다음 문제도 비슷하다.if문만 약간 바꾸면 된다.//머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정..

flex로 시작한다.Flex 참고 사이트1분 코딩 Flex컨테이너에 영향을 주는 코드flex-direction (정렬하는 방향을 정함)row:(기본값) row-reverse: column: column-reverse:flex-wrap (압축 풀기, 압축하기)nowrap:(기본값) wrap: wrap-reverse:align-items (세로를 기준으로 위치 정하기)flex-start: flex-end: center: baseline: stretch:(기본값)justify-content (가로를 기준으로 위치 정하기)flex-start:(기본값) flex-end: space-between: center: space-around:align-content (컨테이너 안에 있는 아이템들에 영향)flex-star..

어제 구현중이던 1차메뉴-2차메뉴는 이렇게 만들었다. See the Pen 1차 2차 메뉴 만들기 by qBlackBirdp (@qBlackBirdp) on CodePen.이건 어제 야매로 만든거고강사님이 하시는 걸 보면서 같이 만든 것이 아래거다. See the Pen 2차 메뉴 만들기. by qBlackBirdp (@qBlackBirdp) on CodePen.css를 짤 때 필요에 의해서 자손을 선택해주는거지, 처음부터 자손선택자를 사용하면서 절대, "절대로" 그렇게 하면 안된다고 하셨다. 어제 만들 때 어려웠던 이유가 아마 나도 저렇게 접근해서 그랬던 것 같다.아무튼 다음은 3차 메뉴까지 구현하는 것이다. See the Pen 3차메뉴 by qBlackBirdp (@qBlackB..

사실 어제 티스토리에는 코드펜이 제대로 올라왔는데 벨로그는 그렇지 않았다는 것을 알고 있다. (사실 너무 귀찮아서 하나하나 수정하기 버겁다고 생각해서 딱히 수정은 하지 않았다. 뭐 링크 클릭하면 들어갈 수 있으니까..) 보니까 벨로그에는 html로 복붙하는게 아니고 Iframe으로 복붙해와야된다고 한다. 오케이 참고 하고서 벨로그엔 iframe으로 티스토리에는 html로 해야지. 암튼 어제 bnx 사이트 모작하던거..는 전혀 발전이 없다. 딱 어제 내가 구현한 거기까지에서 멈춰있다. 아무튼 찝찝하게 다음으로 넘어간다.이미지 주변에 애매한 여백 없애는 라이브러리 See the Pen 이미지 주변에 애매한 여백 없애기.(라이브러리) by qBlackBirdp (@qBlackBirdp) on CodeP..