BLOG

웹 페이지를 작성할 때 Thymeleaf를 활용하면 layout을 만들 수 있다. 이러면 코드의 중복을 방지할 수 있고, 수정 사항이 생겼을 때 수정이 간편하다. layout.html home.html

네트워크 그래프 (Network graph)를 그려 웹으로 보여줘야할 필요가 있을 때 Flourish라는 툴을 사용할 수 있다. Flourish | Data Visualization & Storytelling Beautiful, easy data visualization and storytelling flourish.studio 위 툴을 사용하면 다음과 같은 네트워크 그래프를 웹에서 표시할 수 있다. 사용 방법 사용 방법은 굉장히 간단하다. 먼저 회원가입을 한 후 templates에서 Network graph를 선택한다. 이후 단계는 크게 3단계로 나뉜다. 1. Data 먼저 네트워크 그래프를 만들고자 하는 데이터를 업로드한다. Links 데이터는 점 두개가 얼마의 값으로 연결되어 있는지에 대한 데이터이..

블로그 글을 작성할 때 원하는 스타일의 형식을 가져다가 사용할 수 있다. 이때 제목 스타일을 우리가 원하는 디자인으로 고칠 수 있다. 먼저 임의로 제목을 포함한 글을 작성한 후 F12 키를 누르고 Ctrl+Shift+c를 누른 상태로 제목에 커서를 가져간다. 그럼 다음과 같이 제목 1은 .article-view h2 부분에 의해 스타일이 조정되고 있음을 확인할 수 있다. 먼저 웹상에서 값을 조정해보면서 스타일을 맞춘 후, [블로그 관리 홈]-[꾸미기]-[스킨 편집]-[HTML 편집]에서 해당 CSS 부분을 바꿔주면 적용이 완료된다. 적용이 완료된 모습

기본 스킨 중 하나인 오디세이를 적용한 이후에 카카오 애드핏 광고를 본문에 넣게 되면 광고가 본문 너비보다 길어서 글을 뚫고 나가는 문제가 발생한다. 이는 아래의 CSS를 수정하여 간단히 해결 가능하다. /* area-main */ .area-main { width: 100%; /* max-width: 640px; */ max-width: 728px; }

아래와 같은 코드블럭을, CSS를 이용하여 다음과 같이 수정할 수 있다. CSS .article-view pre { /* padding: 20px; */ padding: 0px !important; /* background: rgba(0, 0, 0, 0.05); */ background: rgba(0, 0, 0, 0.00) !important; border: none !important; font-size: 14px; color: rgba(34, 85, 51, 0.87); white-space: pre-wrap; line-height: 1.5em; } .hljs { padding: 1em !important; border-radius: 5px; border: 1px solid lightgray; }

Problem public int delete(String tableName, String sql) { EntityManager entityManager = entityManagerFactory.createEntityManager(); String qBase = "DELETE FROM " + tableName + " "; int value = -1; value = entityManager.createNativeQuery(qBase+sql).executeUpdate(); entityManager.close(); return value; } Solution 위 코드에 새로운 코드를 추가하여 문제를 해결할 수 있다. public int delete(String tableName, String sql) { En..

Odyssey 스킨을 적용하면 제목이 아래와 같이 표시되는데, CSS를 수정해서 아래와 같이 표시되게 할 수 있다. CSS .article-header { position: absolute; top: 0; left: 50%; width: 100vw; height: 200px; margin-left: -50vw; padding: 0 20px; background-size: cover; background-position: 50% 50%; border-bottom: 1px solid black; display: flex; justify-content: center; flex-direction: column; background-image: none !important; } .article-header:bef..

Problem public void delete(Object entity) { EntityManager entityManager = entityManagerFactory.createEntityManager(); Session session = entityManager.unwrap(Session.class); session.delete(entity); session.flush(); entityManager.close(); } 위 코드를 이용하여 entity를 제거하려고 했더니 detached instance를 제거하려 했다고 Exception을 throw했다. Solution public void delete(Object entity) { EntityManager entityManager = entityM..