맵 에디터로 간편하게 맵을 만들면 매트릭스 배열로 만들어줍니다. 여러가지 색을 매핑해서 더 편하게 맵을 만드세요. 매트릭스 배열을 만들기 위해 더이상 노가다하지 마세요. Preact로 만들고 Vercel로 배포중입니다. [ [0, 0, 1, 1, 0, 0, 1, 1, 0, 0], [0, 1, 0, 0, 1, 1, 0, 0, 1, 0], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [0, 1, 0, 0, 0, 0, 0, 0, 1, 0], [0, 0, 1, 0, 0, 0, 0, 1, 0, 0], [0, 0, 0, 1, 0, 0..
타입스크립트로 만든 간단한 지뢰찾기입니다. 딱 옛날 윈도우에 실려있는 지뢰찾기 기능만 살렸으며 좌우 동시 클릭 기능은 좌클릭으로 대체했습니다. 프리뷰 플레이 http://minesweeper.maengkkongi.site Netlify로 호스팅중입니다. GitHub 저장소 https://github.com/sunwoo1524/minesweeper 이 외에도 다른 수많은 프로젝트들이 제 GitHub에 있으니 한번 구경해보세요! 홍보 라즈베리파이로 배포중인 맹꽁이의 홈페이지가 있다? 여기서 소개한 지뢰찾기 뿐만 아니라 테트리스, 생명게임 까지! 방문해보세요! http://maengkkongi.site (다만 아무래도 라즈베리파이로 배포중이다 보니 약간 불안정 할 수 있습니다. 문제가 있다면 댓 남겨주세요!)
HTML 삽입 미리보기할 수 없는 소스 도배도배를 사용하면 텍스트를 원하는 수 만큼 반복해줍니다. 제가 만들었죠. 간단한 UI입니다. Bootstrap을 이용해서 그렇죠. 반복하고 싶은 텍스트를 큰 입력칸에 쓰고, 반복 횟수를 정하면 됩니다. 줄을 바꾸며 반복하도록 할 수도 있고 반복하기 버튼을 누르면 자동으로 복사됩니다. 그냥 갑자기 생각나서 만들었습니다. 진짜 별거 없는데 줄바꿈 기능에서 애먹었습니다. checkbox input은 value가 아니라 checked로 체크 여부를 받아오더군요. 그걸 모르고 value로 받아온 저는 "이게 왜 안되지" 하며 답답해했습니다. 소스코드도 올려드리겠습니다. index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19..
HTML과 CSS로 구글 검색 페이지를 클론해보았습니다. 98% 똑같게요. 위 사진은 구글 검색 페이지를 캡처한 사진입니다. 이 페이지를 99% 똑같게 클론한 결과물은... 똑같죠? 프로필 사진과 그 옆에 있는 메뉴 몇 개만 빼고는 똑같이 구현했습니다. 그러나 입력창에 검색하거나 버튼 클릭해서 이동하는 기능은 뺐습니다. 게다가 반응형도 아니여서 화면이 작거나 크면 깨질수도 있습니다. UI 클론하는데만 엄청 오래걸려서... 클론 페이지 안에 재미있는 요소도 있으니 한번 찾아보세요 :) 소스 코드: https://github.com/sunwoo1524/Google-Clone GitHub - sunwoo1524/Google-Clone: I cloned Google search page. I cloned Goo..
자바스크립트로 만든 간단한 계산기입니다. 정말 간단해요. 사실 이번에 처음 만드는 것은 아닙니다. 이전에 한번 만들었는데 소숫점 부분에서 꽉 막혔다가 어찌어찌 겨우 풀었습니다. 그리고 오늘, 내가 어떻게 그 부분을 해결했나 다시 생각해보기 위해 0부터 다시 만들어 보기로 했습니다. 그런데 전에는 명절 고속도로 처럼 꽉 막혔던 코드가 갑자기 뻥 뚤려서 그냥 쉽게 만들어버렸습니다. 내가 그때 왜 그 고생을 했는가... 암튼. 위의 사진을 보면, 아무런 꾸밈 없이 틀만 잡아놓은 모습입니다. 사실 저것도 기능을 모두 구현한 다음 뒤늦게 한 겁니다. 그리고 귀찮아서 더 안했어요. 그래도 심플하고 좋네요. 1. 환경 Windows 10, Chrome, Notepad++ 2. HTML 소스 C ÷ 7 8 9 × 4 ..
안녕하세요. 이번 글에서는 자바스크립트로 시계를 만들어 보도록 하겠습니다. 구현할 기능은 현재의 시간(시, 분, 초) 받아오기, 현재 시간을 계속 업데이트하기 입니다. 크롬 브라우저와 비주얼 스튜디오 코드를 사용해 만들었습니다. 1. 기본 UI HTML로 기본적인 UI를 구성해보도록 하겠습니다. 그냥 H1 태그 하나만 있으면 됩니다. 00:00:00 ... 시간은 자바스크립트로 구할 것이기에 0으로 설정했습니다. 2. 현재 시간 가져오기 다음으로, 자바스크립트로 현재 시간을 가져와 화면에 표시하는 기능을 구현해보도록 하겠습니다. const h1 = document.querySelector("h1"); let time = new Date(); let hour = time.getHours(); let min..
- Total
- Today
- Yesterday
- 소스코드 뷰어
- WSL
- Firebase
- 운석 충돌 시뮬레이션
- HTML
- 브레인퍽
- p5.js
- Go 언어
- 코딩
- 매트릭스 생성기
- 맵 생성기
- 난해한 프로그래밍 언어
- vercel
- 게임 개발
- brainfuck
- godot
- ActivityPub
- 이상한 사이트
- CSS
- 연합우주
- 안드로이드
- 앱 인벤터
- 2x2 배열
- golang
- 리디렉션광고
- 자바스크립트
- 미스키
- 태극기 그리기
- Preact
- 콜라츠 추측
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |