快乐不快乐

컴퓨터를 사용하면 기본적으로 로그가 남게된다. 사용한 흔적을 확인하기 위해서는 바탕화면의 "내 PC"에 마우스 오른쪽 버튼을 눌러 "관리" 메뉴를 선택한다. 아래와 같은 컴퓨터 관리 창이 뜨면 컴퓨터 관리 > 시스템 도구 > 이벤트 뷰어 > Windows 로그 > 시스템 으로 마우스를 클릭하며 이동한다. 필터를 이용해서 검색하고자 한다면 우측의 "현재 로그 필터링"를 클릭한다. 현재 로그 필터링 창이 뜨면 아래와 같은 숫자를 입력한다. 6005,6006,6008 6005 : 부팅 6006 : 종료 6008 : 강제종료 필터를 이용해 검색한 결과다. 로그를 보다 보면 원하는 날짜가 보이지 않을 때가 있다. 그럴때는 필터를 해제하고 원하는 날짜를 찾아서 보면 된다. 내가 사용한 흔적을 지우고 싶다면 "로그 ..

인터넷 익스플로러가 엣지와 통합되면서 약간은 옵션에서 따로 활성화를 시켜줘야 하는 불편함이 있고, 아직도 액티브x 컨트롤만 지원하는 사이트가 있어 스윙 브라우저로 시도해 보기 위해 설치 파일을 구했다. 2019년 1월에 단종된 프로그램으로 더 이상의 보안이나 기능성 패치는 없지만 테스트용 및 백업용으로 올려놓는다.

Tab 1 Tab 2 This is tab content 1 This is tab content 2

원 위치에 있다, 지정한 지점을 지나면 메뉴가 화면 위로 떠 오르는 효과. 스크롤을 원 위치로 가면 메뉴도 원 위치로 .sub_an_menu { list-style: none; /* 리스트 기호 제거 */ display: flex; /* 요소들을 수평으로 배열 */ float:left; margin:20px 0 0px 30px ; border:0px solid RED; text-align:center; position: absolute; } .sub_an_menu li { margin-right: 20px; /* 메뉴 간격 조정 */ } .sub_an_menu li:last-child { margin-right: 0; } .sub_an_menu li a { display: block; padding: 1..

앵커 클릭 시 애니메이션 효과를 주어 부드럽게 쉬익~ 하면서 이동한다. 팍~!! 1초만에 이동 하는 것도 나쁘지 않지만 애니메이션 효과를 주는 것도 나쁘지 않다. 링크

흐르는 텍스트 wow는 스크립트를 불러온 후 호출하는 방식이지만, css 만으로 위로 올라가는 애니메이션 효과를 줄 수 있다. 이미지 슬라이드를 보는 느낌이 난다. 아래와 같이 변경하면 우측에서 왼쪽으로 흐른다. overflow-X: hidden; from { transform: translateX(3em) }/* 애니메이션 높이 */ to { transform: translateX(0) }

하이퍼링크 샵(#) 클릭 시 상단으로 이동하는 이벤트를 무시하기. 코딩하는 사람에게는 편하지만, 홈페이지를 이용하는 사람에게는 불편하다는 사실. 상단으로 이동하는 이벤트를 무시하도록 클래스를 추가한다. a[href="#"] {pointer-events: none;}

arrow_upward 브라우저 스크롤을 아래로 내렸다가 다시 올라갈 때 마우스 클릭만으로 맨 위로 올라간다. 클릭 시 애니메이션 효과를 주면서 스르륵 올라간다. 스크롤이 상단 부분에 있을 때는 화살표가 안보이게 숨는다.

.pro_text{ float:left; margin-left:30px; text-align:left; border:0px solid RED; width:600px; font-size:14px; line-height:30px; position: relative; /* 부모 */ } .mark{ background-color: #eee; width:80px; height:80px; top: 20px; right: 10px; position: absolute;/* 자식 */ } 작은 박스를 원하는 위치에 배치하는 방법이다. position을 원하는 부모 박스와 자식 박스에 지정해 놓고 top 과 rigjht 수치를 수정하여 원하는 위치를 조정한다. 왼쪽에 배열하고 싶다면 right는 삭제하고 left를 추가..

.menu { list-style: none; /* 리스트 기호 제거 */ display: flex; /* 요소들을 수평으로 배열 */ float:left; margin:20px 0 0px 30px ; border:0px solid RED; text-align:center; } .menu li { margin-right: 20px; /* 메뉴 간격 조정 */ } .menu li:last-child { margin-right: 0; } .menu li a { display: block; padding: 13px; background-color: #eee; /* 배경색 지정 */ color: #333; /* 글자색 지정 */ text-decoration: none; } .menu li a:hover { ba..