[코딩일지] 231006

자바스크립트 Failed to load resource 404

인텔리제이 미리보기엔 문제가 없는데 빌드하고 테스트할 때는 못 읽어서 살펴봤다.

어디가 문제인지 이해가 안 되서 좀 찾아보다가 아래 도움받은 링크의 이미지를 보고 수정을 해봤는데

어떻게 해결이 되었다. 아직도 왜 정확히 안 되는지는 모른다.

---

도움받은 링크

https://popo015.tistory.com/141

[스프링 부트]에서js src경로로 불러올때 404 뜰경우

---

css 절대위치

잠시 나타났다가 사라지는 알림을 만들고 싶어서 절대위치를 찾아 보았다.

---

도움받은 링크

https://rgy0409.tistory.com/2951

CSS position absolute relative 절대위치 상대위치 개념정리

---

css 화면 정중앙

절대위치 이후 화면 정 중앙 만드는 데 아래 링크 도움을 받았다.

이름을 뭐라 해야하맂 고민하다가 centerScreen으로 지었다.

---

도움받은 링크

https://myhappyman.tistory.com/163

CSS - position:absolute 가운데, 중앙 정렬하기

적당히 둥근 간단 알림 css

개인적인 취향의 사이즈다.

.simpleAlert {
	background-color: rgba(0, 0, 0, 0.19);
	padding: 5px 12px 5px 12px;
	border-radius: 7px;
}

적당히 나타났다가 사라지는 알림 자바스크립트 함수

alert.simple("알리고 싶은 텍스트"); 로 사용해주면 된다.

let alert = {
	simple: function (text) {
        let simpleAlert = $('#simpleAlert');
        simpleAlert.text(text);
        simpleAlert.fadeIn();
        setTimeout(function (){
            simpleAlert.fadeOut();
        },500);
	},
}