자바스크립트 퀵소트 / 퀵정렬
자바스크립트 퀵소트 / 퀵정렬

이미지 출처 Github Worst(최악) - n^2 Best(최선) - n log n Average(평균) - n log n 위와 같은 시간 복잡도를 가진 정렬 알고리즘입니다. 아래에서 테스트해보실 수 있습니다. Sort 버튼을 클릭하면 Textarea에 있는 내용을 정렬하고, Random을 누르면 Textarea의 내용을 0~1000까지 숫자 중 무작위로 100개 집어넣습니다. (중복 가능) 테스트 SortRandom 정렬된 결과가 출력됩니다. quicksort = (arr, l, r) => { let i; (l < r) && ( i = position(arr, l, r), quicksort(arr, l, i - 1), quicksort(arr, i + 1, r) ) return arr}, posit..

190516 크롬 확장프로그램 [트와이스 새 탭] 제작일지
190516 크롬 확장프로그램 [트와이스 새 탭] 제작일지

익스텐션 링크 사족이지만, 저는 이 익스텐션이 굉장히 마음에 드네요 ㅎㅎ 유용하게 잘 쓰고 있습니다. 이제 영어도 지원합니다.사용자의 언어가 한국어라면 한국어로 표시되고, 그 외의 언어라면 영어로 표시됩니다. 할 일 목록에 "할 일 완료"를 사용할 수 있게 됐습니다. 그와 관련해서 각종 옵션도 추가됐습니다. 완료한 일정은 화면 우측 하단에 있는 아이콘을 클릭하면 모아볼 수 있습니다.다시 목록 앞의 동그라미를 누르면 완료가 취소되며, 우측 상단의 쓰레기통을 누르면 완료한 일정을 모두 제거합니다. 배경에 슬라이드쇼를 사용할 수 있습니다. 배경에 재생하는 비디오도 추가 중입니다.현재 음악 방송을 추가 중입니다. 생각보다 발생한 버그가 아주 많더라고요. ㅠㅠ 그중에 제일 중요한 버그 수정을 하나 적자면,예전엔 ..

크롬 확장 프로그램 [TWICE New Tab]
크롬 확장 프로그램 [TWICE New Tab]

드디어 그나마 사용 가능한 버전을 만들었고, 크롬 웹 스토어에 게시했습니다.스토어 링크 새 탭을 트와이스와 날씨, 할 일 목록 등으로 채울 수 있습니다.매번 자주 가는 사이트 몇 개 보여주는 새 탭에서 벗어나, 한층 더 생산적인 새 탭을 활용해보세요! 최초 실행 시 보이는 화면입니다.이름을 입력하고 엔터를 누르면 다음 화면으로 넘어갑니다. 이름이 저장됐단 알림과 함께 사용을 시작하실 수 있습니다. 화면 최상단에는 북마크, 검색, D-day, 날씨가 표시됩니다.화면 중앙에는 시계, 간단한 인사, 할 일 목록이 표시됩니다.화면 하단에는 설정, 인용구가 표시됩니다. 할 일을 입력하고 엔터를 누르면 목록에 추가됩니다. 삭제, 수정, 중요 표시 세 옵션을 사용하실 수 있습니다. 제일 아래 있는 휴지통 아이콘을 누..

V 앱 svg 아이콘
V 앱 svg 아이콘

V 앱(vlive.tv)의 svg 아이콘입니다. 하늘색 배경의 색상 코드는 #54f7ff, 남색 글자의 색상 코드는 #46465a 입니다. svg엔 기본적으로 색상을 넣지 않았으니, 사용하실 때 참고해주세요.

190511 크롬 확장 프로그램 제작 일지
190511 크롬 확장 프로그램 제작 일지

전엔 그냥 "이런 거 만들고 있다!"라고만 쓰느라 제대로 정리 못 했던 걸 이번엔 좀 정리해보려고 합니다. 먼저, 이 사이트를 보며 크롬 익스텐션에 사용 가능한 APi등을 훑어봤습니다. 그리고 정적인 웹사이트를 보여주는 거니 굳이 라이브러리를 쓰지 않고 바닐라 자바스크립트로 작업하는 중입니다.아무래도 새 탭을 조작하는 거다 보니 최대한 빠르게 진행됐으면 좋겠다는 생각이 강하게 들더군요. "background": { "scripts": ["background.js"], "persistent": false} chrome.browserAction.onClicked.addListener(function(){chrome.tabs.create({url:"chrome://newtab"})}); 먼저, 확장 프로그램 ..

크롬 확장 프로그램 제작 중입니다
크롬 확장 프로그램 제작 중입니다

뜬금없이 타오르는 창작욕에 만들기 시작한 크롬 확장 프로그램. 구글 API만 잠깐 공부하면, 어차피 html, css, javascript기 때문에 지금까지 그리 어렵진 않았습니다. 별다른 건 아니고 새 탭을 꾸며주는 익스텐션입니다.지금은 검색, 날씨, 간단한 인사(유저 이름은 사용자가 저장), 할 일 목록(to-do list)이 전부지만, 필요한 기능을 차근차근 추가해나갈 예정입니다. 당연하지만 유저 이름과 할 일 목록은 작성과 동시에 저장되며, 새로 고침을 하건, 크롬을 껐다가 켜건 계속 불러옵니다. 할 일 목록에 있는 옵션은 현재 3가지입니다.삭제, 수정, 중요 표시삭제는 말 그대로 항목을 삭제하는 것이고, 수정도 말 그대로 내용을 수정하는 겁니다. 중요한 일정은 목록의 맨 위로 올라오며, 배경 색..

position:fixed와 transform
position:fixed와 transform

결론부터 간단히 짚고 넘어가자면, transform으로 위치를 옮긴 요소의 자식은 position: fixed를 써도 고정되지 않습니다. https://www.w3.org/TR/css-transforms-1/#transform-rendering 여기서 상세한 설명을 읽으실 수 있습니다. 요소에 배경을 넣으면 글자가 읽기 힘들어져서, 전 보통 이미지의 opacity를 낮추고 배경을 검은색으로 만든 뒤, 글자를 흰색으로 변경합니다. 그때, background-image의 opacity 조절을 위해 새 자식 요소를 만들고, 그 요소의 opacity를 조절합니다. 이번에 드로워의 배경도 똑같이 만들다 문제에 봉착했는데, 드로워를 스크롤 하면 자식 요소에 부여한 position: fixed가 position: a..

190501 기장 대변
190501 기장 대변

아빠 학교도 시험 기간이고, 어버이날도 코 앞이라 조부모님과 함께 간 기장.노동절이라 그런지 사람이 엄청나게 많았다.용암할매횟집이란 곳에서 밥을 먹었는데, 번호표를 뽑고 한참을 기다려야 들어갈 수 있었다. 멸치 무침.이런 멸치는 처음 먹어보는데, 끝 맛이 생각보다 비렸다. 멸치구이.별생각 없이 머리도 한 번 먹어봤는데, 생각보다 괜찮았지만, 어두육미는 공감을 못 하겠다.당연하지만 생명체의 눈알도 처음 먹어본 건데, 식감은 생각보다 말랑말랑했다. 멸치보다 김치가 더 맛있는 탕이다.밥 비벼 먹으면 그만한 게 또 없다. 여담이지만, 멸치가 이렇게 많으니 멸치잡이 배도 있을 거고, 그럼 당연히 갈매기도 있을 줄 알았는데, 5월이라 그런지 갈매기는 얼마 되질 않았다. 아래는 해운대에 있는 비비비당이란 전통 찻집 ..

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

떠돌이 상인은 마을에만 스폰되는 줄 알았더니, 그게 아닌가 봅니다.나무 집 지으니까 그 주변에 계속 스폰되는 걸 보면, NPC 집으로 인식되는 집(문 안에 침대) 근처에 랜덤 스폰인가 보네요. 새로 짓기 시작한 집 지상에 새로 지은 집입니다.이 주변에 이런저런 건물들 추가해서 그냥 이 주변 전체를 하나의 마을로 만들어볼 생각입니다. 새로 추가된 종도 마을에 놓고 싶어서, 로켓 든든하게 챙기고 모험을 시작했습니다. 잘 쓰고 있긴 하지만, 아무리 생각해도 셜커 상자나 겉날개는 과하게 좋은 아이템이 아닌가 싶네요..ㅋㅋㅋ 엔더상자랑 합치면 한 번에 들고 다닐 수 있는 용량이 엄청나게 커지는 셜커 상자.크리에이티브에서 날아다니는 속도보다 빠르게 날 수 있는 겉날개. 물론 둘 다 엔더 드래곤을 잡고 엔더 유적을 ..

스킨/스킨 목록
잡담
갤러리