안녕하세요! 블로그 썸네일형 리스트형 [ CSS ] transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 설정 overflow: hidden .thumbnail_post { width: 100%; position: relative; overflow: hidden; } HTML에 지정해둔 클래스명인 thumbnail_post 혹은 본인이 지정한 클래스명을 CSS에 호출한다. 너비는 100%로 설정하였으나, 만약 부모 요소가 있는 클래스인 경우엔 부모 요소의 너비의100%로 동적으로 작용된다. position을 relative로 설정하여 클래스 요소의 위치를 상대적으로 배치한다. overflow를 hidden으로 설정하면, thumbnail_post 부모 요소의 영역을 침범하면 해당 부분을 숨길 수 있다... 더보기 [ Javascript ] window.onscroll로 페이지 상단 스크롤 바 만들기 window.onscroll로 페이지 상단 스크롤 바 만들기 Javascript window window window 객체는 브라우저 내에 있는모든 요소들이 담겨있는 객체이며, 전역적으로 사용이 가능하기에 '전역 객체'로 불리운다. window browser, 즉 브라우저 창을 제어하는 여러 가지의 메서드를 제공한다. 전역객체로서 존재하기 때문에 사실상 생략하여도 무관하다. onscroll onscroll onscroll 함수를 사용하면 사용자가 페이지를 스크롤할 때 발생하는 이벤트를 감지할 수 있다. window.onscroll window.onscroll = function() { createProgressBar() }; createProgressBar() 함수가 이 이벤트가 발생할 때마다 호출된다... 더보기 [ Diary ] 블로그의 활용도를 어떻게 높혀볼까? 개인 스터디와 자격증 준비를 주요 콘텐츠로 하고 있지만 원래 나는 네이버 블로그에선 일상에 대해 일기를 적었단 말이지... 네이버 블로그도 재밌지만 이제 맛집 리뷰나 일상에 대한 이야기들을 티스토리에 정리해볼까 싶기도 하다. 아무쪼록 모두 파이팅!! 더보기 [ Diary ] 일을 시작한 지가 벌써 한 달. 학원이 끝나고 정말 쉼없이 달려가다보니 회사를 다니며 벌써 다섯 번째 주말을 보내고 있다니! 사실 전에 2년 정도 다른 일을 하다 왔다보니 감회가 새롭다는 말보다는 1년도 채 되지 않은 기간 동안 참 많은 일들이 지나갔다. IT에 한 발치 더 가까워 지고 싶다. 그게 말처럼 쉽지 않았다가 티스토리 피드를 보니 나와 같이 다양한 정보를 공유하고 있는 사람들이 많았다! 앞으로 실력 있는 개발자가 되기 위해 다방면에서 유익한 사람이 되고자 노력할 것이다. 파이팅!!! 더보기 [ Diary ] 블로그를 점차 체계화하는 중. 처음 티스토리를 시작할 때는 별 생각없이 내가 공부한 걸 아카이빙하는 거에 그쳤다. 그런데 무작정 코드를 복붙하는 수준이었어서 그런지 다음에 다시 봐도 무슨 말인지 모르겠더라! 그래서 조금씩 코드를 하나씩 분해해서 분석해보기도 하고 구체적으로 어떤 의미를 지니는지 기록하기 시작하였다. 원래 네이버 블로그를 하면서 블로그 게시물 작성에는 어려움이 없었지만 내 공부와 연관된 것들을 게시하게 되면서 글 작성에 체계화가 필요하다고 느끼고 있다. 조금씩 더 정돈된 블로그로 성장하고 싶다 ㅎㅎ 카테고리도 조금씩 늘려 다채로운 블로그를 만들 것이다. 파이팅!! 더보기 이전 1 다음
