본문 바로가기

분류 전체보기675

빗소리 스크립트를 공개합니다. https://itadventure.tistory.com/524 게시글에 사용된 빗소리 스크립트를 공개합니다. 배경이미지, 배경음악은 크레이의 홈페이지에 올려둔 것을 링크하였는데요. 여러분의 입맛에 맞는 걸 어딘가에 업로드하시고 적용하셔도 좋습니다. 아래는 홈페이지용, https://itadventure.tistory.com / 크레이의 IT탐구 아래는 티스토리 게시글용인데요. 티스토리에서는 HTML 모드 글쓰기로 전환하신 다음에 글을 써주셔야 해요. 배경이미지를 바꾸고 싶어요! 배경이미지를 바꾸고 싶으신가요? 어딘가에 마음에 드는 그림파일을 업로드하신 다음에, 아래 소스를 수정해 주시면 됩니다. 해상도는 화면에 걸맞는 사이즈로 편집해 주세요 // 배경 gm.bgImage = await loadImage.. 2022. 3. 29.
ASMR - 캔바스로 느껴보는 빗소리 ( 자바스크립트 ) 티스토리 게시글 내 비가 내려요. 웹브라우저 본문 아무데나 클릭하시면 빗소리가 들리실 겁니다. 휴식이 필요할 때 빗소리를 들어보며 여유를 누려보는건 어떨까요? :) # 3. 28일 스피커 버튼 추가 - 클릭시 소리 토글! 안되시는 분은 여기로 오세요~ http://dreamplan7.cafe24.com/canvas7/canvas1.htm 2022. 3. 27.
Node.js - Part13-3. 템플릿 파헤치기 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 무료책 뒷 부분 일부 내용은 본 블로그를 참조해 주세요. ht itadventure.tistory.com 이번 예제는 약간 난이도가 꽤 올라갔습니다. 이해하려면 몇 번 반복해서 읽어봐야 하실 수 있습니다. 먼저 템플릿부터 살펴볼 텐데요. views 폴더에 있는 randomdog.ejs 파일은 확장자 그대로 ejs 라는 템플릿 규칙을 따릅니다. 스크립트 내용은 아래와 같습니.. 2022. 3. 26.
Node.js - Part13-2. 템플릿 예제 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 지난 이야기의 설명드린 내용대로 "내친 김에 만들어!" 보도록 하겠습니다. 참고로 랜덤 강아지 이미지를 제공하는 것은 해외 제공 오픈 API입니다. 템플릿을 활용하기 위해 ejs 모듈과 request 모듈을 설치해야 합니다. 새로운 폴더에서 또 시작해보도록 .. 2022. 3. 25.
Node.js - Part13-1. 템플릿이란? 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 동적 웹 페이지, 좀 더 편하게 쓸 수 없나요? 지난 스토리에서는 Node.js 에서 동적 웹 페이지를 만드는 기초에 대해 알아보았는데요. 사실 이 방법은 Node.js의 편의성을 충분히 발휘한 방법은 아닙니다. Node.js 에는 템플릿이라는 멋진 기능이 .. 2022. 3. 24.
Node.js - Part 12-3. 동적웹페이지 만들기 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 오늘은 좀 내용이 길어요~ 동적 웹페이지는 어떻게 만들면 되는 것일까요? app.get() 함수를 사용하시면 되는데요. 정적 웹 선언과 오류처리 사이에 배치해 주시면 됩니다. main.js 코드를 아래와 같이 수정해볼까요? const express=requi.. 2022. 3. 23.
Node.js - Part 12-1. 동적웹페이지? 그게 뭔데? 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 정적의 반대말은 동적이지요. 동적 웹페이지란 어떤 것일까요? 웹페이지가 막 걷기도 하거나 뛰기도 하거나 하는 등 움직이는 것일까요?... ^^; 이전 Part에서는 express 프레임워크에서 정적 웹사이트를 구성, 서비스하는 부분을 살펴 보았습니다. 정적인.. 2022. 3. 22.
Node.js 와 three.js 의 퓨전! 설치 가이드 three.js 공식 사이트 한글 문서 제공 언제부터인지는 모르겠지만 3차원 자바스크립트 라이브러리 three.js 공식 문서에 한글이 포함되었습니다. 이로서 좀 더 많은 개발자의 접근이 수월할 것으로 보입니다. https://threejs.org/docs/index.html#manual/ko/introduction/Creating-a-scene 공식 사이트에서는 npm ( Node Package Manager ) 설치를 권장합니다. 오우~ npm 이면 node.js 인데 새로 익힌 기술을 적용할 수 있게 된 점이 반갑네요. 하지만 공식 문서만 가지고는 사실 어디서 어떻게 시작해야 할지 감이 잘 오지 않을텐데요. 처음부터 시작한다는 가정으로 진행해 보겠습니다. 참고로 이렇게 설치할 때 막강한 three... 2022. 3. 21.
은혜찬양/구주예수의지함이(크레이지 아케이드 Ver) 예람워십 예람워십이란 팀에서 발표한 곡 중 글쎄 전주곡이 게임세대에게 너무나도 친숙한 크레이지 아케이드 배경음악이지 아니겠습니까? :) 그런데도 너무 은혜롭니다. 게임을 좋아하는 세대 분이 들으셔도 좋고 기독교를 믿지 않는 분이라도 종교를 떠나 노래가 너무 조화롭고 아름다울 수가 없습니다 :) 가사는 아래와 같습니다. 구주 예수 의지함이 심히 기쁜 일일세 영생 허락 받았으니 의심 아주 없도다 예수 예수 믿는 것은 받은 증거 많도다 예수 예수 귀한 예수 믿음 더욱 주소서 구주 예수 의지함이 심히 기쁜 일일세 주를 믿는 나의 맘을 그의 피에 적시네 예수 예수 믿는 것은 받은 증거 많도다 예수 예수 귀한 예수 믿음 더욱 주소서 예수 예수 믿는 것은 받은 증거 많도다 예수 예수 귀한 예수 믿음 더욱 주소서 예람워십의 채.. 2022. 3. 20.
블랜더(Blender) 3.1 물 시뮬레이션 와우! 드디어 블렌더 3.1 버전이 나왔군요. 첫 화면이 매우 화려해 진것 같습니다. 오늘은 아래와 같은 주제를 다룰 겁니다 :) 문의주신 사용자분에 대한 답변입니다. Q. 블렌더 3.1에서 갑자기 물 시뮬레이션이 작동이 안됩니다. https://itadventure.tistory.com/307#comment13099906 블렌더3D 2.83. 근사한 물 시뮬레이션 이번 시간에는 블렌더의 물 시뮬레이션에 대해 살펴보도록 하겠습니다. 금번에 처음 익혀봤는데 기능이 아주 멋지더라구요. 하지만 아직 크레이 감각이 부족해서 표현이 좀 미흡합니다. 이보다 itadventure.tistory.com 크레이도 블렌더 3.1 설치 후 시도해보니 물 시뮬레이션이 작동이 안되는 문제를 확인했었는데요. 해외 유튜브를 찾아본.. 2022. 3. 18.
오늘 코로나 확진율을 보니... 음?! 알고보니 통계 오류였다네요 ㅎ... 크레이의 프로그래밍 감각의 의존해볼때 계산식이 100% 가 넘어가니 오버플로우가 되어 결과 퍼센트가 나오지 않은 것 같습니다. 출력범위 제한이 있다거나요 ㅎㅎ 참고로 3월 20일쯤 이 항목은 완전히 사라졌습니다. 크레이도 코로나에 확진되어 필요하신 분이 또 보면 참고되지 않을까 공유드립니다. 전혀 멀쩡했었는데 ... 엉뚱하게 백신접종을 맞고 나서 그러네요.. 지난 금요일 화이자 3차 접종 맞고 면역력이 순간 약해져서일까요? 아이러니한 상황입니다 ㅎ.. 금주 월요일 근육통이 남아 있고 으슬한 기운도 있어 백신 영향이려니 하고 하루 연차 내어 쉬었는데 ( 이 때 백신 영향이 아니었을수도.. ) 화요일 기침이 심하길래 신속항원 검사 받으러 가니 흐리다고 PCR 검사 받으라고.. 2022. 3. 17.
Node.js - Part 11-6. 그림파일도 문제 없어요 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 파일 모듈에서 잠깐 설명 드렸는데요. 그림, 영상, 이미지 등의 파일은 특별한 처리가 필요해 복잡하다고 했었지요? express 는 그 부분도 문제 없습니다. 정적 웹페이지에서는 자동 처리가 되거든요. 이 참에 그림 파일을 업로드하는 부분도 알아보겠습니다. .. 2022. 3. 16.

티스토리툴바