혼자 끄적이는 블로그

IE Not Supported

Category Tag log Guestbook

wordpress로 이사 고민 중

서버 쪽도 공부하고, 이것저것 파면 팔수록 저만의 사이트를 갖고 싶단 생각이 커지고, 티스토리 같은 서비스형 블로그가 갖는 본질적 한계 때문에 티스토리를 떠나고 싶단 생각이 미약하게 피어오르기 시작하네요. 물론 무료로 이만한 서비스를 제공해주는 업체가 또 있을까 싶을 정도로 훌륭한 편이라 선뜻 떠나진 못하는 중입니다. 단점 중 가장 거슬리는 부분입니다. 수정할 수 있는 범위가 좁아 억지로 자바스크립트로 페..

더보기

[자바스크립트] 페이지 클릭 애니메이션

꽁기웹디님의 포스트를 보고 꽤 재미있는 기능 같아 만들어봤습니다. 페이지 아무 곳이나 클릭했을 때 원이 잠깐 생깁니다. 지금 보고 계신 페이지에도 효과를 적용해뒀으니, 페이지 아무 곳이나 클릭해보세요! HTML <div id="clickEffect"></div> CSS @keyframes clicked { from { transform: scale(0); opacity: 0 } to { transform: scale(1); opacity: 1 } } #clickEffect { display: none; position: fixed; top: 0; left:..

더보기

[자바스크립트] css 애니메이션 재시작

초미세먼지 같은 팁입니다. #YOURELEMENT.effect { animation: animation 1s linear } 이렇게 어떤 요소에 애니메이션을 넣고, 자바스크립트로 특정 상황에 애니메이션이 실행되게 했을 때, 그 특정 상황이 연속되면 애니메이션을 처음부터 다시 시작하고 싶으실 때가 있을 겁니다. 단순히 class를 제거하고 추가하는 건 애니메이션을 재시작해주지 않고, setTimeout을 이용해 딜레이를 살짝 주면 애니메이션이 재시작되긴 하지..

더보기

[마인크래프트 BE] 서버원들과 생존기 2 - 7

분명히 엔더 드래곤 숨결 물병에 여러 번 담았는데 이 도전과제가 완료가 안 돼서 또 드래곤 숨결 담으러 와봤습니다. 드래곤 잡다가 알았는데 그냥 드래곤 입에 우클릭 해도 드래곤 숨결이 병에 담기더라고요. 이때까지 바닥에 떨어진 것만 주워서 완료가 안 됐나 봅니다. 드디어 스켈레톤 스포너도 찾았습니다. 슬라임 청크를 찾아서 슬라임 팜을 만들기 시작했습니다. 슬라임 청크를 찾는 꽤 많은 방법이 있지만, 제일 간..

더보기

자바스크립트 for while 퍼포먼스 비교

앞서 포스팅했던 자바스크립트 퀵소트에서 for이 while보다 퍼포먼스가 좋다고 기술했는데, 잘못된 정보를 알려 드린 것 같아 정정하고자 글을 작성합니다. 앞선 포스팅에선, 한번에 for while 둘 다 실행되도록 하고 시간을 측정했습니다. 나중에 다시 확인해보니, for이건 while이건 먼저 하나가 실행되면 그다음 건 빨리 실행되더라고요. 전 그 테스트에서 while을 계속 먼저 실행하고 for을 그다음에 실행해서 for이 더 빨..

더보기

TWICE Discography

최신 글

wordpress로 이사 고민 중

2019.06.17 04:10

[자바스크립트] 페이지 클릭 애니메이션

2019.06.16 01:02

[자바스크립트] css 애니메이션 재시작

2019.06.16 00:35

[마인크래프트 BE] 서버원들과 생존기 2 - 7

2019.06.12 00:59

자바스크립트 for while 퍼포먼스 비교

2019.06.08 22:41

[자바스크립트] 토스트 메시지 띄우기

2019.06.08 19:47

Flex Box 가이드

2019.06.08 00:31

마차 바퀴 현상 체험해보기

2019.06.07 12:13

인기 글

[마인크래프트 BE] 서버원들과 생존기 2 - 4

2019.04.25 14:40

마인크래프트 약탈 업데이트 레이드 후기

2019.04.25 13:23

[자바스크립트] 랜덤으로 강력한 비밀번호 만들기

2019.04.23 18:00

190501 기장 대변

2019.05.01 23:17

Parallax Scroll 플러그인

2019.04.29 23:47

[자바스크립트] 생일까지 남은 날짜 계산하기

2019.04.03 19:08

[마인크래프트 BE] 서버원들과 생존기 2 - 5

2019.04.30 22:27

[자바스크립트, CSS] 스크롤 밖으로 나가면 비디오 고정하기

2019.04.07 22:05

스킨 목록

티스토리 반응형 스킨 #11 Summer Nights 2

겉모습은 비슷하지만 사실상 처음부터 만든 거라 그냥 넘버링을 따로 붙이기로 했습니다. 첫 번째 버전의 소개는 이곳에 있습니다. 다운로드는 이곳에서 하실 수 있습니다. 대부분의 기능은 유지하되, 필요 없는 기능은 좀 빼고 필요한 기능들을 추가하고, 작동 방식을 변경한 기능도 꽤 됩니다. 간편한 옵션 제어 기존 버전과는 다르게, html의 편집 없이 한층 더 간편하게 옵션들을 켜고 끌 수 있습니다. 테마는 Snowy Snow..

티스토리 반응형 스킨 #10 PC 통신

둥근모꼴 폰트를 보고 갑자기 만들고 싶어져서 시작한 스킨. 천리안, 하이텔, 나누우리 등 당시 운영되던 웹사이트를 참고하여 제작했습니다. 안타깝게도 홈 화면까지만 구상해두고 더는 진행하지 않았습니다. 이유는 개인적으로 이미지 중심의 페이지를 좋아하는데, 이미지를 넣으니 예전 PC 통신 시절 웹사이트의 느낌이 나질 않아 중간에 그만두게 되었습니다 ㅠㅠ 홈 화면입니다. 푸른 바탕에 당시 사용하던 헤더의 디자인..

티스토리 반응형 스킨 #9 Lovely Pink

습작이라 넘버링을 붙이는 게 맞는 건진 모르겠지만, 뭐 중간에 폐기한 스킨 아니면 어지간하면 넘버링을 붙여볼까 합니다. 이런저런 기능 다 쑤셔 넣으려는 욕심은 포기하고, 단순히 만들어봤습니다. body 안에 고정된 컨테이너를 만들고, 그 안에 요소들을 집어넣었습니다. body를 스크롤 하는 게 아니기에 투박한 스크롤 바보다 여기서 말했던 커스텀 스크롤 바를 사용했습니다. 컨테이너가 너무 커지면 보기 이상한 감이 있..

각종 팁

Tips / 2019.06.16 01:02

[자바스크립트] 페이지 클릭 애니메이션

꽁기웹디님의 포스트를 보고 꽤 재미있는 기능 같아 만들어봤습니다. 페이지 아무 곳이나 클릭했을 때 원이 잠깐 생깁니다. 지금 보고 계신 페이지에도 효과를 적용해뒀으니, 페이지 아무 곳이나 클릭해보세요! HTML <div id="clickEffect"></div> CSS @keyframes clicked { from { transform: scale(0); opacity: 0 } to { transform: scale(1); opacity: 1 } } #clickEffect { display: none; position: fixed; top: 0; left:..

Tips / 2019.06.16 00:35

[자바스크립트] css 애니메이션 재시작

초미세먼지 같은 팁입니다. #YOURELEMENT.effect { animation: animation 1s linear } 이렇게 어떤 요소에 애니메이션을 넣고, 자바스크립트로 특정 상황에 애니메이션이 실행되게 했을 때, 그 특정 상황이 연속되면 애니메이션을 처음부터 다시 시작하고 싶으실 때가 있을 겁니다. 단순히 class를 제거하고 추가하는 건 애니메이션을 재시작해주지 않고, setTimeout을 이용해 딜레이를 살짝 주면 애니메이션이 재시작되긴 하지..

Tips / 2019.06.08 22:41

자바스크립트 for while 퍼포먼스 비교

앞서 포스팅했던 자바스크립트 퀵소트에서 for이 while보다 퍼포먼스가 좋다고 기술했는데, 잘못된 정보를 알려 드린 것 같아 정정하고자 글을 작성합니다. 앞선 포스팅에선, 한번에 for while 둘 다 실행되도록 하고 시간을 측정했습니다. 나중에 다시 확인해보니, for이건 while이건 먼저 하나가 실행되면 그다음 건 빨리 실행되더라고요. 전 그 테스트에서 while을 계속 먼저 실행하고 for을 그다음에 실행해서 for이 더 빨..

갤러리

190501 기장 대변

아빠 학교도 시험 기간이고, 어버이날도 코 앞이라 조부모님과 함께 간 기장. 노동절이라 그런지 사람이 엄청나게 많았다. 용암할매횟집이란 곳에서 밥을 먹었는데, 번호표를 뽑고 한참을 기다려야 들어갈 수 있었다. 멸치 무침. 이런 멸치는 처음 먹어보는데, 끝 맛이 생각보다 비렸다. 멸치구이. 별생각 없이 머리도 한 번 먹어봤는데, 생각보다 괜찮았지만, 어두육미는 공감을 못 하겠다. 당연하지만 생명체의 눈알도 처음..

190406 장안사

오륙도 스카이워크

멀리서 오륙도를 본 적은 많은데 이렇게 가까이 가본 건 처음이네요. 졸업식을 끝마치고 얼마 안 된 시간이라, 바다가 굉장히 눈부십니다. 오륙도 반대편을 찍은 사진인데, 아마 위치상 해운대가 아닐까 싶습니다. 스카이워크에서 팔 뻗고 찍은 사진입니다. 떨어뜨릴까 조마조마했네요... 망원경에 대고 섬을 확대해 찍은 사진입니다. 제 렌즈가 마침 망원경에 딱 맞아, 굉장히 깔끔하게 나왔네요 ㅋㅋㅋ 뭐..

길 가다 예뻐서 찍은 달

달이 예뻐서 차를 타고 가다가 급하게 휴대폰 카메라로 찍었습니다. 역시 휴대폰 카메라로 밤하늘을 담아내는 건 큰 욕심이었습니다 ㅠㅠ

스킨/스킨 목록

잡담

갤러리

티스토리툴바