2024/12 3

[스프링부트] 타임리프 CSS 적용이 갑자기 안 될 때

[문제]스프링부트 프로젝트의 resources - static - css 폴더 안에 style.css 파일이 들어있고, 분명 잘 적용이 되고 있었던 CSS가 '어느 순간'부터 로그인을 하지 않았을 때, 아주 베이직해졌다. 찾아보니 보통 시큐리티가 추가되면서 CSS의 적용이 되지 않는다는 글들이 보였다. 내 경우에는 시큐리티를 적용한 것은 아니었으나, 세션의 값을 확인하는 코드의 중복을 줄이기 위해 Interceptor 파일을 만들고, Config 파일에 제외할 경로를 추가하면서부터였다. 분명 resources 아래의 전체를 제외한다고 명시해둔 것 같아 괜찮겠거니 생각했는데, 적용이 되지 않는 것이었다. 제대로 적용이 됐다면 아래 사진처럼 보여야 하는데, 로그인을 하지 않으면 아래 사진처럼 css 파일이 ..

error 2024.12.31

[깃허브] .DS_Store 파일이 도대체 뭘까? 삭제 방법까지

깃허브에 업로드를 할 때 .DS_Store 파일 때문에 푸시하는 순간 약간의 문제가 생겼던 적이 가끔 있었다. 사실 푸시하는 순간이 작업의 마무리 단계이다 보니 얼른 푸시하고 쉬어야지 하는 생각을 하는 경우가 많았고, 그렇게 그냥 넘어온게 벌써 지금이 되었다. 이번에 또 오랜만에 이 파일 때문에 덜컥하게 되었고, 이제는 알아볼 때가 되었다 싶었다.  .DS_Store 의 역할macOS에서 Finder(파일 탐색기)가 생성하는 숨겨진 파일로, 디렉토리의 메타데이터를 저장하는 역할. 파일에 포함되는 정보디렉토리 내 아이콘의 위치아이콘 정렬 순서뷰 설정(예: 목록 보기, 격자 보기 등)기타 Finder 관련 설정 macOS에서 디렉토리를 열 때 자동으로 생성되기 때문에 의도하지 않게 생성되는 경우가 있는 것...

지식 2024.12.26

[스프링부트] 타임리프에서 자바스크립트 onclick 사용할 때

스프링부트 타임리프에서 자바스크립트를 사용해본 사람이라면 이 자바스크립트에 값을 전달했을 때 오류가 나본 적인 한 번 쯤은 있을 것이다. 우선 문제는 타임리프가 자바스크립트 코드를 처리하는데 문제가 있는 거라고 한다. 표현식을 잘못 해석했다는 것. 어제 다른 학생의 컴퓨터에서도 문제를 해결해 줬었는데, 그때와 다른 처음보는 방법을 찾게 되어 포스팅을 하게 되었다. [문제] 우선 나는 아래와 같은 형태로 값을 전달하려고 했는데,버튼을 누르면 아래와 같이 에러가 났다.페이지 소스를 확인해보니 문자가 그대로 찍히고 있었다. [해결]이때 사용한 방법이 바로 파이프 ( |) 문자이다. 파이프 문자는 타임리프에서 문자를 조합할 때도 사용하는 문자로, 문자열 내의 표현식을 안전하게 처리하도록 돕는 역할을 하는 것이다..

error 2024.12.19