전체 글59 margin 과 gap margin: 개별 요소 간에 원하는 곳에 자유롭게 간격을 줄 수 있습니다.gap: flex나 grid 레이아웃에서 자식 요소 간에 균일한 간격을 적용할 때 사용됩니다.gap은 display: flex 또는 display: grid에서만 작동합니다. 만약 상위 컨테이너가 제대로 flex 레이아웃으로 설정되지 않았다면 gap이 적용되지 않을 수 있습니다. 따라서 부모 컨테이너에 display: flex가 적용되어 있는지 다시 확인해야 합니다. 로그아웃 로그인 회원가입 .. 2024. 9. 29. 터미널 cd:\~~~\Program Files 처럼 경로에 공백이 있을 경우 " " (큰따옴표) 를 붙여준다cd "C:\~~~~\Program Files" PowerShell에서는 현재 디렉토리에 있는 실행 파일을 실행할 때, 경로 앞에 .\를 붙여야 한다. 따라서, redis-server.exe를 실행하려면 다음과 같이 입력해야 한다: .\redis-server.exe --version .\는 현재 디렉토리를 나타내며, PowerShell에서는 실행 파일을 실행할 때 명시적으로 경로를 지정해야 한다. 2024. 9. 26. float flex gird 태그 float왼,오른쪽으로 지정해 div를 띄울 수 있다.float는 flex 보다 고전적인 방식이므로 모든 브라우저에서 float 방식으로 화면 구성 가능 flexfloat과 다르게 부모 - 자식 관계로 동작한다.반응형 디자인 gridflex 처럼 부모-자식 관계로 동작 flex와 grid의 차이flex는 1차원 정렬 (가로, 세로 만 정렬이 가능)grid는 2차원 레이아웃 만들기 가능, 컬럼과 로우 동시에 설정가능(가로한칸, 세로두칸) 우월한 것은 없다 만들고 싶은 페이지를 제일 잘 구현할수만 있으면 그걸로 OK 2024. 9. 25. 정적 리소스 관련 오류 Refused to apply style from ' ' is not a supported stylesheet MIME type, and strict MIME checking is enabled. 템플릿의 css와 js 적용중 역시 우려했던 에러가 났다.. 다른 프로젝트 할때도 템플릿을 적용할 때 한번은 꼭 애를 먹였던 에러라 걱정됐는데 또 나고 말았다... 흑흑 Refused to apply style from '' is not a supported stylesheet MIME type, and strict MIME checking is enabled. 에러 분서결과1. css나 js의 경로를 잘못 입력했을 경우spring: web: resources: static-locations: classpath:/static/ thymeleaf: prefix: classpath:/templates/ suffix: .htmlapplication.yml 파일 코드 중 일부 확인 .. 2024. 9. 24. 이전 1 2 3 4 ··· 15 다음