- 자바스크립트로 달력을 만들어보자. (feat. 음력 달력)Lv. 34 라이츄여러분 생각해봅시다. 설날 언제예요? 양력으로 하면 매번 날짜 바뀌는데 음력 1월 1일입니다. 그럼 추석은요? 양력으로 하면 이것도 날짜가 다른데 음력으로는 항상 8월 15일이 국룰입니다. 그런데 이놈의 달력은!! 항상 양력밖에 안 나와요!! 서양에서는 음력을 안 챙긴다 이거지!! (일본도 안 챙김) 그래서 만들었다.Referencehttps://koreanraichu.tistory.com/164 나홀로 메모장 파생형 만들기-구성 및 사이드바 달력Reference https://bigtop.tistory.com/63 [JavaScript] 일반적인 달력 만들기 - HTML 뼈대 잡기 만학도 첫 번째 프로젝트였던 간단한 달력 만들기에 이어서 두 번째는, 하루만 나타내는 달력이 아니라 우리가 일koreanr..
- 2024-09-05 01:01:31
- 색 조합으로 그라데이션을 만들어보자Lv. 34 라이츄https://koreanraichu.tistory.com/426 색 조합 확인 페이지를 만들어보자그 왜 내가 어제 자주 들어가는 사이트 중 하나로 알려줬던 Two color combination 있죠? 그거를 쪼매 간단하게 만들어볼건데, 색깔을 두 개 입력하면 두 가지 색을 배경색, 글자색koreanraichu.tistory.com여기서 대충 Two color combinnaton 비슷한 걸 만들어봤는데… 사실 색깔이 여러개 있으면 그라데이션 한번쯤 넣어보고 싶지 않음? 에이~ 해보면 좋지만 그게 돼요? 예, CSS에서는 됩니다. 그럼 진짜로 되나 해보자.Referencehttps://developer.mozilla.org/ko/docs/Web/CSS/gradient/linear-gradient 데이터..
- 2024-08-09 21:40:44
- Matplotlib으로 정규분포를 그려보자Lv. 34 라이츄R에서 그래프 그릴 때 가끔 예제로 나오는게 정규분포다. 그 종같이 생긴 그거 말하는 거 맞습니다. 그래서 이걸 Matplotlib으로 그려봅시다. Referencehttps://bigdata-doctrine.tistory.com/14 [Python] 정규분포 그래프 시각화오늘은 정규분포 그래프를 matplotlib을 사용하여 시각화해보겠습니다. 정규분포의 사전적 정의는 다음과 같습니다. 도수(度數) 분포 곡선이 평균값을 중앙으로 하여 좌우 대칭으로 종 모양을 이bigdata-doctrine.tistory.com그 전에 Matplotlib으로 그래프 그리는 걸 하셨으면 Matplotlib랑 Numpy, Pandas는 설치하셨을텐데 오늘은 Scipy도 같이 설치해야 한다. 네, 깔고 오십시오. pip in..
- 2024-07-16 22:00:07
- 자바스크립트로 16진수 수동변환 해보기Lv. 34 라이츄https://koreanraichu.tistory.com/442 자바스크립트로 진수변환 해보기그 왜 예전에 백준 진수변환 풀이하면서 했던 '그' 진수변환… 그것도 해볼거긴 한데… 아무튼 할겁니다. 그것도 해볼거니까 진정하시고…일단 자바스크립트에서 진수변환을 하koreanraichu.tistory.com여기서 수동변환은 10->2랑 2->10만 해봤는데... 사실 세상은 넓고 진수는 많습니다. 그 중에는 10보다 큰 수가 기본인 진수가 있는데 일단 12진수(시간) 16진수(...) 60진수 이런 게 있다. 그러면 얘네들은 10부터 어떻게 처리하냐고? 16진수와 12진수의 경우 해당하는 알파벳이 있다. 그럼 어떻게 하나요? 아 그걸 지금부터 해볼거다.10진수->16진수a = int(input())hex_l..
- 2024-07-05 22:00:45
- 자바스크립트로 진수변환 해보기Lv. 34 라이츄그 왜 예전에 백준 진수변환 풀이하면서 했던 '그' 진수변환… 그것도 해볼거긴 한데… 아무튼 할겁니다. 그것도 해볼거니까 진정하시고…있는거 써보기일단 자바스크립트에서 진수변환을 하는 방법이 있긴 있다.numBtn.addEventListener('click',()=>{ let binary = document.createElement('p'); binary.innerText = parseInt(numberInput.value,10).toString(2) numResult.appendChild(binary)});일단 쟤가 왜 저렇게 된 건지를 보자... 단순히 숫자로 입력받아서 변환하는 경우에는let number = 1024;console.log(number.toString(2));이렇게 toString..
- 2024-07-04 00:29:03
- 자바스크립트로 D-DAY 계산기 만들기Lv. 34 라이츄사실 해야겠다고는 옛저녁부터 생각했는데 일에 치여서 퇴사하고 나서야 하고있는 게 함정.일단… 보통 날짜 계산을 하게 되면 두 가지가 있다. 1. 오늘로부터 n일째(예: 50일, 100일, 200일, 300일)2. 오늘로부터 특정 날짜까지 며칠 남았나? 당연한 소리지만 둘 다 할거다. 솔직히 100일 200일 이런건 커플이나 계산하지 우리는 딱히 게산할 일 없잖아요? Referencehttps://www.cckn.dev/js-ts/20210520-clac-date/ (JS) 시간 계산하기 (년/월/일/시/분/초 더하기, 빼기)JS에서 날짜 및 시간을 계산하는 방법과 시간 차이 구하는 방법을 기술합니다. 여기서 말하는 날짜 및 시간 계산은 기준 시간에서 일정 시간(년, 월, 일, 시, 분, 초) 전/후의 시..
- 2024-06-17 23:47:34
- Matplotlib으로 그래프를 그려보자 (2)Lv. 34 라이츄https://koreanraichu.tistory.com/431 Matplotlib으로 그래프를 그려보자일단 이번에는 VScode가 아닌 다른 걸 켜볼건데… 바로 Jupyter이다. 얘가 칸단위로 처리할 수 있어서 개편합니다. 그래서 Jupyter, Numpy, Pandas, Matplotlib까지 설치하고 오시면 됩니다.impkoreanraichu.tistory.com자 우리 저번시간에는 matplotlib으로 꺾은선 그래프를 그렸는데… 아니 사인함수 그렸잖아요… 아무튼, 이번에는 csv파일을 불러온 다음 그걸로 막대그래프를 그려보자. 왜 csv냐면 이거 리눅스로 쓰고 있음. 일단 이 CSV파일을 받아주시면 된다. 참고로 저거 동물의숲 무트코인임... raddish=pd.read_csv("./rad..
- 2024-06-05 00:11:25
- Matplotlib으로 그래프를 그려보자Lv. 34 라이츄일단 이번에는 VScode가 아닌 다른 걸 켜볼건데… 바로 Jupyter이다. 얘가 칸단위로 처리할 수 있어서 개편합니다. 그래서 Jupyter, Numpy, Pandas, Matplotlib까지 설치하고 오시면 됩니다.import numpy as npimport pandas as pdimport matplotlib.pyplot as plot다 불러오면 된다. Jupyter는 이렇게 하고 Ctrl+Enter만 누르면 만사 오케이다. x = np.linspace(0,10,1000)fig, ax = plot.subplots()ax.plot(x, np.sin(x))plot.show()linspace는 넘파이에 있는건데, 저게 무슨 뜻이냐면 1) 0부터 2) 10까지 3) 간격 1000으로 나눠달라 는 얘기다...
- 2024-06-03 23:45:36
- 색 조합 확인 페이지를 만들어보자Lv. 34 라이츄그 왜 내가 어제 자주 들어가는 사이트 중 하나로 알려줬던 Two color combination 있죠? 그거를 쪼매 간단하게 만들어볼건데, 색깔을 두 개 입력하면 두 가지 색을 배경색, 글자색으로 썼을 때 어떤 느낌인지를 보여줄거다. 진짜 간단하니까 정신줄 잘 잡고 따라하면 된다. 여기에 두 색상의 HEX코드를 입력해주세요! color 1: # color 2: # 조합 확인하기 Headline 1 Lorem ipsum dolor sit amet, consect..
- 2024-05-19 23:38:16
- 코딩할때 많이 활용하는 사이트 모음Lv. 34 라이츄원래는 VScode 단축키 다룰까 하다가 너무 많아서 걍 이걸로 틀었음... VScode 단축키 중 외우고 있는 건 Ctrl+K+T(테마 변경)말고 없습니다. Two color combinationhttps://2colors.colorion.co/ Two Color CombinationsTwo color combination palettes2colors.colorion.co두 가지 색을 전경색/배경색으로 조합했을 때 어떤 느낌인지를 보여주는 사이트인데, 단점이 하나 있다. 저기서 맘에 드는 조합이 있으면 복사는 할 수 있는데 내가 원하는 색 조합을 '만들 수는' 없다. 일단 저거 비슷하게 두 가지 색을 입력하면 전경색/배경색 조합일때 어떻게 보이는지는 나중에 JS로 만들어볼거임. AI color pale..
- 2024-05-19 02:18:02
- 모달 윈도우를 만들어보자Lv. 34 라이츄또 뭔지 모르는거 나왔다 그죠? 근데 이거 많이 보셨습니다. 위키피디아를 보면 '모달 윈도(Modal Window) 또는 모달 창은 사용자 인터페이스 디자인 개념에서 종속된 윈도에서 메인 윈도로 돌아가기 전에 사용자의 상호동작을 요구하는 시각적 제어 요소를 말한다. '라고 하는데, 예를 들자면 계정 생성이나 채널 생성, 파일 저장같은 걸 페이지 넘어가는 게 아니고 버튼 누르면 작은 창같은 거 띄워서 하는 경우가 있다. 그게 모달창, 모달 윈도우다. 이건 예전에 토이프로젝트로 하나 만들어둔 게 있는데… 하나 더 해?Referencehttp://yoonbumtae.com/?p=3632 자바스크립트: 모달(modal window) 만들기 - BGSMM모달 창이란 사용자 인터페이스 디자인 개념에서 자식 윈도에서..
- 2024-05-12 01:05:11
- 슬라이드 버튼 만들기Lv. 34 라이츄사실 JS까지는 필요 없는데 본격적으로 굴려먹으려면 JS가 필요하니까 그냥 넘어가자. Referencehttps://www.w3schools.com/howto/howto_css_switch.asp\ How To Create a Toggle SwitchW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com슬라이드버튼이 뭘 말하는거냐면저 오른쪽 저 버튼을 말한다. 체크박스가 원류이긴 ..
- 2024-05-06 00:49:46
- 숫자 야구에 새 게임 버튼을 넣어보자Lv. 34 라이츄이게 티스토리 문제인건지 테마 문제인건지 브라우저 문제인건지 글 삭제도 수정도 안되고 아주 지랄났음. 모바일에서는 잘 되는데 PC에서 글 수정도 삭제도 안되니 뭘 할 수가 있어야죠... 암튼 고맙다 티스토리. https://koreanraichu.tistory.com/413 자바스크립트로 숫자 야구를 만들어보자아니 이게 되더라고?https://codepen.io/koreanraichu/pen/VwNNZGW 숫자야구 ver. JS...codepen.io거기서도 제대로 작동할지는 모르겠는데 일단 코드펜에도 올렸다. 테스트는 월욜에 점심 먹으면서 해봐koreanraichu.tistory.com여기서 숫자 야구를 만들었는데, 생각해보니까 새 게임 버튼이 있었으면 좋겠는거다. 아니 새 게임 할라면 F5키 누르면..
- 2024-04-29 23:32:29
- 자바스크립트로 숫자 야구를 만들어보자Lv. 34 라이츄아니 이게 되더라고?https://codepen.io/koreanraichu/pen/VwNNZGW 숫자야구 ver. JS...codepen.io거기서도 제대로 작동할지는 모르겠는데 일단 코드펜에도 올렸다. 테스트는 월욜에 점심 먹으면서 해봐야징. 숫자야구가 약간 코더들에게는 국룰같은건지 언어별로 이게 하나씩 있다. 물론 파이썬에도 있지… 그러다보니 궁금해진게 그럼 JS도 프로그래밍 할 때 쓰는건데 숫자야구가 있겠지? 예, 있습니다. 놀랍게도. 그래서 해봤습니다.Referencehttps://yjg-lab.tistory.com/322 [JavaScript] 숫자야구 풀이숫자야구 4자리 정답 숫자를 찾는 문제. 입력값 4자리 수 중 숫자가 포함되어 있는 경우 볼, 자리까지 동일하면 스트라이크. 모두 맞추면 ..
- 2024-04-28 03:02:49
- 자바스크립트향 첨가 드롭다운 메뉴Lv. 34 라이츄아 배수판별 해달라고요? 내 보낼라카나? 일단 드롭다운 메뉴가 뭐냐면 이런거다. 저기 오른쪽에 점 세개 눌린거. 이건 잘 안 보이지만 이거. 위키피디아에 있는 언어 선택란인데 이것도 그거다. 오늘의 참고문헌은 https://www.doyeon0430.com/engineer/django/25/ [JavaScript] 자바스크립트로 예쁜 드롭다운 메뉴바 만들기 이번시간에는 자바스크립트를 사용해서 드롭다운 메뉴바에 클릭 이벤트를 구현볼거에요. 모바일 버전에서 사용 될 예정이라 HTML과 CSS를 쓰기엔 칸이 너무 좁아서 JavaScript에 도움을 받았습니다. www.doyeon0430.com 요기입니다. 아주 간단하게 설명 잘 됐음. 사실 HTML에서는 그렇게 특별하게 설명할 거 없다. CSS의 경우 드롭다..
- 2024-04-21 02:10:46
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)