ΛneOK v4 blog
일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.
# Side Menu
-
recentPost
-
popularPost
-
Archive
-
recentComment
전체 글
전체 글
-
흔히 찾는 초등학교 노래 가사 모음초등학교 교과서 노래 가사 어린이날 노래 1. 날아라 새들아 푸른 하늘을 달려라 냇물아 푸른 벌판을 오월은 푸르구나 우리들은 자란다 오늘은 어린이날 우리들 세상 2. 우리가 자라면 나라의 일꾼 손잡고 나가자 서로 정답게 오월은 푸르구나 우리들은 자란다 오늘은 어린이날 우리들 세상 강강술래 1. 강강술래 강강술래 전라도 우수영은 강강술래 우리 장군 대첩지라 강강술래 2. 강강술래 강강술래 장군의 높은 공은 강강술래 천추만대 빛날세라 강강술래 겨울 바람 손이 시려워 꽁! 발이 시려워 꽁! 겨울 바람 때문에 꽁! 꽁! 꽁! 손이 꽁꽁꽁 꽁! 발이 꽁꽁꽁 꽁! 겨울 바람 때문에 꽁! 꽁! 꽁! 어디서 이 바람은 시작됐는지 산 넘어인지 바다 건넌지 너무 너무 얄미워 손이 시려워 꽁! 발이 시려워 꽁! 겨울 바람 ..Document 2021. 5. 6.
-
ReLIFE(리라이프)애니리뷰&추천 리라이프 - 기억 그대로 학창시절로 돌아갈 수 있다면? 이번 주말을 기점으로 한번 정주행해보겠다는 생각에 보게된 애니입니다. 시간여행 애니를 너무 많이 봐서 식상하다 생각에 무심하게 보게된 애니입니다. 물론 애니 보기전에는 검색도 해보지만, 사람마다 관점이 틀려 그냥 훑어보듯이 일고는 애니 감상을 하곤합니다. 이번에도 킬링타임용이 아닌가 싶어 봐는데 괜찮더군요. 장르 학원,로맨스.공상과학 줄거리 어찌어찌 하여 대학에 입학 그 후 대학원에 진학하여 취직했지만 자신과 맞지 않는다는 이유로 회사에 사표를 내고 그 후로 취직을 하지 못하여 아르바이트로 근근히 먹고 살던 카이자키는 결국 어머니에게 방세를 뺀다는 이야기를 듣고 절망한다. 그러던 중 길에서 수상해 보이는 어떤 사람과 만나게 되는데 그는..Multimedia 2021. 5. 3.
-
돼지 저금통의 유래저금통 모양은 왜 하필 돼지일까? '저금통'하면 무슨 모양이 떠오르시나요? 요즘 시대의 저금통은 참 다양한 모습을 하고 있어요. 비상금을 숨겨둘 수 있게 책 모양으로 만들어진 저금통, 귀여운 피겨 모양을 한 피규어 저금통, 실제 금고처럼 만들어진 저금통, ATM 기계 모양을 하고 있어 실제로 안에 얼마가 들어있는지 확인할 수 있는 저금통, 동전을 올려놓으면 상자 안에 숨어있던 고양이가 손을 내밀고 동전을 가져가는 저금통까지. 저금하는 습관을 재미있게 들이기 위한 갖가지 다양한 저금통들이 있습니다. 돼지라고 해서 저금통이 동양에서 시작한 것으로 알고 있는데 의외로 서양에서부터 시작 했더군요. 다양한 썰이 있는데 몇가지 간추려 봅니다. 1. 월버 이야기 미국 캔자스 주의 작은 마을에 채프먼이라는 부부가 살고..Document 2021. 4. 30.
-
web-Color 개인 적인 저장웹 페이지를 만들면서 color을 정하기가 쉽지 않더군요. 그래서 생각나는 데로 색을 정하여 다음에 사용하려고 합니다. 이번에 정할 색은 외국 nordpass의 색으로 색감이 맘에 들어 참조하여 만들어 보았답니다. :root { --body-bg: #efeff4; --label-Primary: #151922; --label-Seconday: #8a8c91; --label-Tertiary: #b9babd; --link: #43a5a1; /* 45% */ --link-hover:#80cbc9; /* 65% */ --default-fixation:#000000; --highlight-fixation:#ffffff; } 'Fixation'문구는 고정을 이야기하는 것 입니다. 내게 필요한 옵션 기능, 사후 고려 ..Study/Html_Css 5 2021. 4. 26.
-
티스토리 코드블럭에 라인번호 붙히기 (Line Number)티스토리에 글을 작성하다 보면 코드블럭에 코드를 입력하고 가독성을 높이기 위해 Highlight.js를 적용하고 있습니다. 하지만 라인번호(Line Number)가 없어 아쉬움이 있었는데 'highlightjs-line-numbers.js'를 적용하시면 라인번호도 출력이 됩니다. 긴코드에서는 장점이죠~ 그래서 이번에 적용된 부분을 정리 했습니다. 다운로드 선 적용 다운로드 : highlightjs.org/ highlight.js Version 10.3.2 Tiny tiny release, just to fix the website incorrectly not listing Javascript in the list of languages you could choose for a custom build. T..Document/Tistory 2021. 4. 10.
-
스타일 시트 CSS 접두어 -webkit-, -moz-, -ms-, -o- 의미웹에서 CSS를 적용할 때 webkit, moz, ms, o접두어가 속성앞에 붙은 것을 종종 보실 수 있을 겁니다. 크로싱 브라우저를 위해서 필요하기 때문이고, 주로 쓰이는 브라우저는 IE, 크롬, 파이어폭스, 오페라, 사파리가 있습니다. 우리나라에서는 크롬과 파이어폭스만 적용하면 무난하게 처리가 가능합니다. 브라우저 별 접두어 -webkit- : 구글, 사파리 브라우저에 적용. -moz- : 파이어폭스 브라우저에 적용. -ms- : 익스플로러에 적용. (생략 가능) -o- : 오페라 브라우저에 적용. 사용방법 selecter { background:-webkit-linear-gradient(to bottom, skyblue, white 50%); background:-moz-linear-gradient..Study/Html_Css 2021. 4. 6.
-
Skin v3로 변경몇 번을 수정하면서 무언가 틀어지기 시작해서 결국에는 모두 갈아서 버리고 다시 시작했습니다. 물론 디자인적이나 외형적으로는 그대로 계승을 하면서 시대의 흐름에 따라 JQuery에서 점점 JavaScript로 넘어가려고 합니다. 물론 아직 JavaScript를 잘 몰라 인터넷 광클로 찾아가면서 변경을 하니 쉽지가 않네요. 최종에는 JQuery를 쓰지 않는 것이지만 티스토리에서 사용하니 되지가 않을 것 같네요. ㅎㅎ 변화된 것들 1. 공통 전체 부분에 라운드 처리와 다크 모드 기준에 크게 색을 강조하지 않았습니다. 또한 링크색이나 기타 부분에 강약으로 조정하여 가독성이 좋도록 하였습니다. 가독성 이것 역시 답이 없을 것 같네요. 링크: 2가지 색과 다크모드와 라이트 모드의 색을 틀리게 하여 좀 더 좋게 디자..Document/Tistory 5 2021. 4. 2.
-
티스토리 스킨 v3 제작 일지(3)Size 오늘의 작업은 사이즈를 정의했습니다. 지금까지는 주먹구구식의 사이즈였다면 이번에는 4,8,12,16... 등의 기준을 잡고 작업했습니다. 그러니 예전보다 더 라인을 잡기가 쉬워지고 뭔가 모르게 작업이 잘되고 있다는 생각이 들더군요. color 이번에는 다크 모드를 먼저 신경 쓰면서 만들기로 했습니다. 예전에는 먼저 만들고 다크 모드를 짜깁기 식으로 하였는데 뭔가 부자연스러움이 있어서 이번에는 다크 모드를 먼저 생각하고 만들다 보니 조금 나아지는 것 같습니다. 그리고 색의 투명도로 색을 내니 예전보다는 색상수가 적어지는 것 같습니다. 그리고 1개의 색으로 통일하다시피 해서 그런지 예전보다는 더 통일성이 있지 않나 싶네요. v3.0 Color 100 % #ffffffDocument/Tistory 5 2021. 3. 22.
-
티스토리 스킨 v3 제작 일지(2) - dark Mode다크 모드 몇 번이나 테마를 겹치는 부분이라 '다크 모드'에 적합한 부분을 찾기가 쉽지 않네요. 이번에 한 작업은 웹 브라우저에 다크 모드 사용 시 블로그에 접속을 하면 바로 다크 모드로 접속되게 하는 부분입니다. @media (prefers-color-scheme: dark) { /* Your CSS */ } 저의 블로그는 html태그에 class로 테마가 변경됩니다. 그래서 이 부분을 어떻게 매치할까 고민하다가 위의 부분이 다크 모드라는 것을 몇 번이나 고민하고 찾고 해서 알게 되었네요. 바보같이... html{ ... light Theme } html.dark{ ... dark Theme } 아무튼 자바스크립트로 읽어 들이기만 해서 막상 해보면 몇 줄로만 가능한 부분인데 고민했습니다. let $do..Document/Tistory 2021. 3. 19.
-
원도우10 windows.old 폴더 삭제 방법 (추가)이번에 업데이트와 복원하면서 예전에 방식으로 삭제할려니 창 모양이 틀려 이렇게 추가 작성해 봅니다. 2020.01.26 - [Study/IT] - 윈도우 10 Windows.old폴더 삭제 방법 원도우10 Windows.old폴더 삭제 방법 윈도를 설치 중 업그레이드나 설치할 때 문제가 생기면 다시 롤백하기 위해 이전(업그레이드 전) 윈도를 저장하는 폴더가 생성됩니다. 또한 그냥 업데이트시에도 가끔 생기더군요. 이 폴더는 별 aneok.tistory.com 위의 예전방법을 보시려면 클릭해서 보시면 됩니다. windows.old 삭제 방법 0. 삭제할 부분을 먼저 보여 드립니다. 1. 바탕화면에서 '내 컴퓨터'에 오른쪽 마우스 버튼 클릭 → 속성으로 갑니다. 2. 새롭게 나온 창에 저장소로 이동합니다. 3..Study/IT_PC 2021. 3. 19.
-
티스토리 스킨 v3 제작 일지(1)이번에 버전 3(Ver 3)으로 업데이트하면서 많은 부분을 정리하고 다시 만든다고 생각에 시작한 것이 번써 1달이 훌쩍 넘어가네요. 몇 번이나 바꾸고 뒤집고 갈아서 만들다 보니 이제는 스킨의 소스가 산으로 넘어가는 것 같습니다. 그것을 방지하고자 이렇게 작업 일지를 적어 봅니다. round 이번 v3로 변경하면서 가장 눈에 띄는 부분이 라운드 처리입니다. 물론 v2도 라운드는 들어갔지만 미미해서 있나 싶을 정도였습니다. 이 라운드는 요즘 자주 사용하는 현대카드 앱이나 롯데카드 앱이나 기타 부분에서도 많이 사용해서 유행인가 싶을 정도였습니다. 그래서 이번에 과감히 사용하기로 했습니다. 다크 모드 요즘 유행이죠 야간에 눈이 편안하게 한다고는 하지만 그렇게 편안하다고 느껴지지 않아요. 하지만, 유행이라 저도 ..Document/Tistory 2021. 3. 18.
-
CSS 기초: box-sizingCSS 기초: box-sizing 매번 CSS 입력할 때 사용하는 문구로 그냥 사용하는 것이 아닌 것은 알지만 이런 기초도 모르고 관행처럼 사용했습니다. 이번에 Box-sizing:border-box를 알고 사용하고자 이렇게 포스트 합니다. 우선 Box-sizing을 알기 위해서는 CSS Box Model을 먼저 이해가 필요한데 이 부분은 링크로 대신하겠습니다. 대신 margin과 padding는 따로 포스팅 할것입니다. 이것 역시 알고 이해해야 할 것 같아서... 매우 널리 사용해서 Nomarlize.css에서 이 부분이 포함될줄 알았는데 없더군요. 대신 hr태그에는 'hr { box-sizing: content-box; /* 1 */'이 있더군요. 널리 사용하는데도 왜 빠졌는지 극도의 최적화로 범용적..Study/Html_Css 2021. 2. 23.