분류 전체보기 39

JS : Date()와 new Date(), getDate()에 대해서

코린이는 오늘도 화이팅! New Year Countdown 코드를 짜다가 날짜를 가져올일이 있어서 찾아보게 된 정보이다! Date() 인수를 무시하고 현재, 날짜 및 시간을 나타내는 문자열 반환한다. //1. 인수값에 아무것도 안넣었을때 let date = Date(); document.write(date); //결과값 : Wed Dec 07 2022 09:44:33 GMT+0900 (한국 표준시) //2. 인수값에 아무값이나 넣었을때 let date = Date('dfsaa'); document.write(date); //결과값 Wed Dec 07 2022 09:44:33 GMT+0900 (한국 표준시) //1,2번이 동일하게 현재시간을 출력한다. new Date() 인수에 지정한 날짜로 새로운 Dat..

JAVA SCRIPT 2022.12.07

CSS : z-index에 대해서

코린이는 오늘도 도전한다!! 홈페이지를 만들다가 스크롤을 하니 네비게이션바 위에 텍스트들이 올라와서 흉한 것을 고치고 싶어서 찾아보게 되었다. z-index란 ? 대상과 그 자손이나 하위 아이템들의 z축 순서를 지정한다. z-index 속성 * z-index : auto * z-index : 숫자 - 숫자가 높을수록 상위에 쌓인다 - 음수값도 사용이 가능한데 부모요소 뒤로 사라지게 된다. * 가장 중요한 특징 중 하나는 아무 요소다 다 z-index를 넣는다고 적용되는 것은 아니다. 무슨 얘기인가하면 position : static값에서는 적용되지 않는다. 예시 나는 배우는 입장이기 때문에 모질라 페이지에서 https://developer.mozilla.org/ko/docs..

CSS 2022.12.06

CSS : Position에 대해서

내가 해결하고 싶은 문제는 이미지 위에 텍스트를 띄우고 싶어서 찾았던 속성이다. Position이란? html문서에서 대상이 배치되는 위치를 지정할 수 있다. 이렇게 사용해요! 대상의 position이 어떤 녀석(속성)인지 정해준다. 그다음에 어디에 배치할지 top, left, bottom, right로 위치를 정해줘야 한다. 속성은 다음과 같아요! position: relative 위에서 얘기한 것처럼 top, left, bottom, right를 같이 값을 입력해주면 얼마나 떨어뜨릴지 정할 수 있게 된다. 대상을 그 자리에서 벗어나게 배치할 수 있게 해준다. 즉, 대상을 원래 위치를 기준으로 상대적(relative)으로 배치해준다고 생각하면 된다. position : absolute 마치 relati..

CSS 2022.11.30