IT 일기장

CSS나 디자인도 접해볼 겸 간단한 디지털 시계를 만들어봤다 네이버 홈페이지에 보이는 디지털 시계에서 착안한건데, 색 감각부터 익혀봐야 될거같다.. 색에 효과 입혀봤는데 단색보다 좀 더 괜찮아 보이긴하네 아휴 어렵다 See the Pen digital Time by bbongsu (@bbongsu) on CodePen.

See the Pen Untitled by bbongsu (@bbongsu) on CodePen. 프린트 버튼 누르면 인쇄창 불러올 수 있다. 홈페이지 필수요소라 해도 과언이 아니다

텍스트나 그림 등을 천천히 나타나는 효과를 가진 함수다 이미지로 하면 홈페이지가 제법 있어보인다(?) 해당 효과를 주고싶은 요소에 display:none; 속성을 줘서 안보이게 하고.. fadeIn() 함수를 사용해서 글씨를 서서히 나타나게 할 수 있다. fadeIn()에 숫자가 기입돼있는데 이건 몇 초 안에 다 보이게 해줄거냐 라는 의미다. 여기서 준 1000은 1초다 See the Pen Fade In Effect by bbongsu (@bbongsu) on CodePen.

간단하게 메인 페이지 포트폴리오 하나 만들려는 과정에서 뭐가 좋을까.. 찾아보다가 글자가 하나씩 나타나는 타이핑 효과가 있어서 이걸 적용시켜볼까 했다. 코드는 다음과 같다 See the Pen Untitled by bbongsu (@bbongsu) on CodePen. 이런식으로 가능한데 글자 옆에 커서 효과를 첨가 해주면.. 키보드로 타이핑한것 처럼 효과를 줄 수 있다