1. 이슈 상황Vite 번들러 사용HTML, CSS, Vanilla JavaScript로 SPA 개발프로필 사진 컴포넌트를 헤더 메뉴링크에 붙여 테스트 중이었다구현된 라우팅 함수를 통해 해당 링크로 이동 시 화면전환 되고,HistoryAPI를 이용해 직접 주소창 입력을 통한 화면전환이 가능했다. 그런데 새로고침을 하고보니, 프로필이미지를 붙인 페이지의 css가 깨져버림 해당 에러(사파리 브라우저 콘솔)밑에 빨간 에러를 보면 저기 경로로 css파일을 찾지 못했다고 나옴(해당 파일을 지워서 이미 존재하지 않음)Did not parse stylesheet at 'http://localhost:5173/src/pages/clara-shin/css/ProfileImage.css' because non CSS M..
1. 이슈 상황직원목록 나오는 테이블과 페이지네이션이 연결됨한 페이지 당 10개의 직원 데이터가 출력됨페이지네이션 마지막 페이지의 출력 데이터가 10개 미만인 경우, 테이블 높이가 줄어들며 페이지네이션 또한 위로 붙어버림 2. 어떻게 해결?테이블을 div로 감싸고 pagenation 영역을 띄워줄 수 있는 height값을 준다테이블에 width값을 줘서 영역을 잡는다colgroup를 만들어서 각 col의 width 값을 준다%로 설정 시, 모든 cal width의 합이 100%을 기준으로 주지말고나머지 하나는 *을 줘서 미세한 간격의 틈을 없애준다 ..
Safari에서 파비콘이 제대로 표시되도록 하기 위해, 다음 단계를 고려해보자파일 경로 확인: 파비콘 파일 경로가 정확하고 지정된 경로에서 파일에 접근할 수 있는지 확인올바른 format과 sizes 확인: 여러 크기와 타입을 포함시켰지만, 파일 자체가 올바른 포맷인지, 손상되지 않았는지 확인manifest.json 추가: Safari를 포함한 다양한 브라우저와의 호환성을 높이기 위해 manifest.json 파일을 추가하는 것이 좋음Safari를 위한 mask-icon 링크 추가:Safari는 파비콘을 위해 mask-icon이라는 특정 링크 관계를 사용함.mask-icon을 포함하면 호환성이 향상됨 manifest.json 파일 추가/src/assets/ 디렉토리에 다음 내용의 manifest.json..
