javascript_30

01. Javascript Drum Kit 안녕하세요! 하루에 1개씩, 미니 프로젝트를 30일동안 30개를 만드는 사이트입니다!

안녕하세요! Derek입니다. 🙂 오늘은 첫 게시물의 sequel을 다루려고 합니다! ✨ .gif) 01. Javascript Drum Kit 이전 게시물 및 Javascript Drum Kit 가 뭔지 모르신다면..! >https://velog.io/@ghdtj

안녕하세요! Derek 입니다! 오늘은 두 번째 미니 플젝 게시물을 업로드 하려고 해요! .gif) 이전 게시물을 못본 분들을 위해.. 다시 한번 만 설명드릴게요! Javascript 30 은 하루에 1개씩, 미니 프로젝트를 30일동안 30개를 만드는 challeng

안녕하세요! Derek입니다. 😨 오늘.. 진짜 너무 춥네요.. 다들 이 엄동설한을 어찌 보내고 계신지.. 코로나도 감기도 다 조심하자구요 🥶 이번시간은 세번째 프로젝트입니당! 벌써 세 번째! .gif)그럼 Day03 project... 시작합니다❗ 03. CS

오늘은 영하 8도였네요.. 진짜 어마무시한 추위인것 같아요 요즘! 다들 감기 조심하세요..ㅜ 🥶오늘은 Javascript 30 의 4번째 주제를 가지고 포스팅 해보려고 해요!Day04 project는 이전의 게시물 보다는 약간 정적이고 눈에 보이는 것이 아니라 지루할

어제 코로나 확진 환자가 1079명.. 최대수치를 기록했다고 합니다 😢 다들 집콕! 하셔서 무사하셨으면 좋겠어요.🙏오늘은 Javascript 30 의 5번째 주제를 가지고 포스팅 해보려고 해요!Day 05 project 는 웹 홈페이지에서 보이는 메뉴판들을 조정하는

벌써 30개 프로젝트 중에 6번째 시간입니다. 벌써 20%나 했네요!꼭 30개 모두 정리해서 포스팅 하는 날 까지.. 열심히 해보겠습니다. ✍힘내자구요!🤘Day 06 project는 정말 모르는 것 투성이였고, 그 모든 걸! 보기 좋게 정리해보려고 합니다. 시작해볼게

6일차 프로젝트.. 상당했죠. 😥 글 길이도 길지만 제가 두서없이 정리한 것 아닐까 걱정됩니다..! 처음 접해보는 내용이 dog많았어요.그래도 오늘의 포스팅은 그렇게 길진 않을 것 같아요! Day 07 project 시작해보겠습니다.some, every, find,

오늘부터 5인 이상 집합 금지 명령이 적용되는데.. 참 난리도 아닙니다 😔어서 코로나가 잠잠해졌으면 좋겠어요.오늘은 7번째 시간이에요! Day 08 project 는 그림판! 을 만드는 과제였습니다. 쓱싹! 그림판을 만들어보자구요 😄캔버스에 그림판을 만든다. 그리는

크리스마스네요! 이 글을 읽는 모든 분들 크리스마스 이브 잘 보내시고 이번 2020년도 잘 마무리 하셨으면 좋겠습니다 :)오늘은 Javascript 30 의 9번째 주제를 가지고 포스팅 해보려고 해요!아주 간단합니다..! console 관련한 기능들인데요, 정리만 해두

크리스마스는 잘 보내셨나요! 🎄코로나 덕분에 집콕리스마스하느라.. 살이 더 찐 것 같아요 망했네요.오늘은 Javascript 30 의 5번째 주제를 가지고 포스팅 해보려고 해요!Day 10 project 는 그 유명한 To do List 를 제어하는 부분이였습니다.

안녕하세요! Derek 입니다. :) 영국 변종 코로나 바이러스가 한국에도.. 시작된것 같아요! 무서워 죽겠네요 😥 .gif)다들 집콕하셔서 안전하게 연말 보내자구요! 오늘은 Javascript 30 의 11번째 주제를 가지고 포스팅 해보려고 해요! Day11 p

게시물이 약간 밀려서.. 오늘 3개째 업로드 하는 나레기.. 크리스마스때 너무 놀아버렸나 봐요. 😛오늘은 12번째 시간이에요! Day 12 project 는 Konami Code 을 만드는 과제였습니다.?konami code가 뭔지 저도 잘 몰랐는데, 약간 이스터에그

새해입니다! 2021년이 밝았어요. 다들 새해 복 많이 받으시길 바랍니다! 이글을 읽는 모두 다들 건강하시고 행보쿠하셨으면 좋겠어요 :)오늘은 7번째 시간이에요! Day 13 project 는 애니메이션이 있는 게시물을 만드는 과제였습니다. 시작해보겠습니다!scroll

안녕하세요! Derek 입니다! 😛 인트로 뭐라고 적어야할지 생각이 안나요. 음 새해 복 많이 받으세요 정도? .gif)이 새 친구 정말 귀엽네요. 두둠칫띠. 이번 게시물은 Day 14 project를 다루며 간단한 javascript 의 기본적인 원리(?)를 알아

안녕하세요! Derek입니다. 😃 벌써.. 반이나 했습니다! 소리질러~.gif)하루에 하나씩 한달이면 금방할 줄 알았는데.. 나약한 나레기는 그게 안되네요.. 그래도! 30개 다 채울때까지 노력하겠습니다 :) 오늘은 Javascript 30 의 15번째 주제를

벌써 반을 넘어 16번째 게시물이라, 어서 빨리 끝내버리고 싶은 마음 뿐입니다 ;)이 시리즈와 이미 끝난 racing car 프로젝트도 연재해야하는데 바쁘네요!일단 오늘 Day 16 project 시작해보겠습니다. 🤭마우스의 위치에 따라 텍스트의 그림자가 움직이도록

안녕하세요! Derek입니다. 😃 새해 첫 월요일입니다. 다들 새해 첫 헬요일 잘 보내셨나 궁금하네요! .gif)쓰담띠쓰담띠! 오늘은 Day 17 project에 대해서 다뤄보려고 합니다. 나름 유용하게 쓰일 것 같은 과제였습니다. 시작해보겠습니다~ 17. Sor

넘나 피곤하네요 하루에 2개 포스팅이란.. 이번 게시물인 Day 18 project도 17번째와 약간은 비슷한 느낌이에요.눈에 보이는 작업은 아니였지만, 언제든지 유용할 것 같은 주제랍니다. 바로 시작해볼게요!HTML 에 dataset 에 있는 모든 시간을 더해서 시간

안녕하세요! Derek 입니다 :) 너무 추워요. 방금 집들어오다가 안경에 김이 안사라져서 개짜증나네요. 마스크..! 이놈의 마스크 너무 화나는 밤이에요! .gif) 오늘은 Day 19 project 포스팅을 하려고 해요. 벌써 19번째..! dog 기쁩니다 :)

오랜만에.. 게시물을 올려봅니다. 조금 쉬는 시간을 가져봤어요.아우.. 너무 춥기도하고 눈도 많이와서.. 약간은 한 박자 쿵 쉬었네요 :)오늘은 Day 20 project 입니다! 저번 19번째랑 뭔가 비슷하게 눈에 딱 보이는 재밌는 기능을 구현해볼거에요. 개인적으로는

오늘은.. 3개의 포스팅을 해야합니다..! 너무 밀린탓에 급하게 정리중이네요.(과거의 나)Day 21 project 입니다! 오늘은 약간 설명드리기 어려운 하자가 있는 주제에요. 이유는 차차 말씀드리겠습니다!시작해볼게요.사용자의 위치와 방향, 속도를 인식하여 나침판을

시간이.. 아주 빨리 흘러갔군요..! 조만간 이 javascript 30 시리즈를 마무리해야겠어요.얼른해서 후다닥 마무리지어보려 노력해볼게요 :)오늘은 Day 22 project를 정리해보려합니다.나름 귀엽지만 언젠간 꼭 쓰일 기능인것 같습니다.문단 내의 a 태그에 마

오늘 다시 눈이 오네요 😥 하늘에서 내리는 쓰레기..다행히 저번주에 오던것 보다는 조금 오는 것 같아서 다행입니다.. :)오늘은 Day 23 project를 준비해보았어요.21번째 프로젝트와 비슷한데, 이번엔 입력이 아닌 출력을 해주는 기능입니다.시작해볼게요!inpu

오늘은 제가 예비군을 받는 날입니다 :) 사실 지금 받고 있어요.... 틀어놓고 경청하며 게시물 정리해보려 합니다.오늘은 Day 24 project를 정리해보려고 해요.아마 추후에 홈페이지를 만들거나 멋진 메뉴바를 만들때 반드시 쓰일 것 같은 내용입니다!사용자가 페이지

안녕하세요! Derek 입니다 🙆‍♂️ 드디어.. 카공이 허용되는군요..! 너무 신납니다아~ .gif)(내적 소리 지르는중) 이번주 안으로 javascript30 시리즈를 끝내려고 하기 때문에.. 게시물 버닝중입니다 :) 이번 게시물은 Day 25 project를

시리즈 5개 게시물만 남았네요! 어서 마무리짓고 싶은 마음뿐..!이번 게시물은 Day 26 project를 다뤄볼거에요! 오늘은 눈에 보이는 멋진 게시물 관련 기능을 정리해보려고합니다. 상단 그림처럼 메뉴 네비게이션 바에 목록 표시를 dynamic하게 구현한다.24번

고지가 멀지 않았습니다! 얼른 30개 마치는 날이 기다려지네요..!오늘은 Day 27 project를 정리해보려고 합니다.정리할 주제는 블로그나 게시물 정리할때 흔히 보여서 자주 사용되는 기능입니다! click 후 drag 하여 게시물을 움직인다.가로로 overflow

오늘 내일로 해서 javascript30 시리즈를 포스팅 마무리 지으려고 하니.. 바쁘네요!귀여운 토토로 보고 힐링 한번 하고 가실게여.Day 28 project는 예전에 다뤘었던 동영상 플레이어 기능 구현을 주제를 하고 있어요.음 약간 다뤄보긴 했지만, 다른 인터페이

안녕하세요! Derek 입니다 😃 점점 끝이 보이네요! .gif) Day 29 project와 다음 편인 30번째 주제는 굉장히 재밌을거에요! 오늘은 스탑워치 기능을 구현해볼겁니다 :) 바로 시작해볼게요. 29. Countdown Timer 목표

드디어! 이 시리즈의 마지막 게시물이 업로드 되었습니다! 30개를 정리하고 꾸준히 포스팅해서.. 나름 뿌듯하네요!마지막 게시물은 Day 30 project를 다룰건데, 굉장히 귀여운 게임을 구현했습니다.얼른 마무리짓자구요!랜덤으로 튀어나오는 두더지 잡기 게임을 구현해본