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..
- Total
- Today
- Yesterday
- brainfuck
- 자바스크립트
- 게임 개발
- Go 언어
- Preact
- 운석 충돌 시뮬레이션
- 난해한 프로그래밍 언어
- 리디렉션광고
- 소스코드 뷰어
- Firebase
- p5.js
- 브레인퍽
- 코딩
- golang
- godot
- 이상한 사이트
- 맵 생성기
- 2x2 배열
- CSS
- 앱 인벤터
- HTML
- 태극기 그리기
- 안드로이드
- vercel
- 연합우주
- 매트릭스 생성기
- ActivityPub
- 미스키
- WSL
- 콜라츠 추측
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |