HTML과 CSS로 구글 검색 페이지를 클론해보았습니다. 98% 똑같게요. 위 사진은 구글 검색 페이지를 캡처한 사진입니다. 이 페이지를 99% 똑같게 클론한 결과물은... 똑같죠? 프로필 사진과 그 옆에 있는 메뉴 몇 개만 빼고는 똑같이 구현했습니다. 그러나 입력창에 검색하거나 버튼 클릭해서 이동하는 기능은 뺐습니다. 게다가 반응형도 아니여서 화면이 작거나 크면 깨질수도 있습니다. UI 클론하는데만 엄청 오래걸려서... 클론 페이지 안에 재미있는 요소도 있으니 한번 찾아보세요 :) 소스 코드: https://github.com/sunwoo1524/Google-Clone GitHub - sunwoo1524/Google-Clone: I cloned Google search page. I cloned Goo..
1. Seta Studio(이하 개발자)는 개발자가 배포하는 대부분의 앱/게임/서비스를 통해 개인정보를 수집하고 제3자에게 공유하지 않을 것을 약속합니다. 2. 만약 예외로 개인정보를 수집하는 앱/게임/서비스가 있다면, 그 앱이 무엇이고 어떠한 목적으로 수집하는지 명시하고 제3자에게 공유되어 악용되는 일이 없도록 조치하겠다고 약속합니다. (예외 조항이 없다면, 아직까지 개인정보를 수집하는 앱/게임/서비스가 없다는 뜻으로 간주합니다.)
자바스크립트로 만든 간단한 계산기입니다. 정말 간단해요. 사실 이번에 처음 만드는 것은 아닙니다. 이전에 한번 만들었는데 소숫점 부분에서 꽉 막혔다가 어찌어찌 겨우 풀었습니다. 그리고 오늘, 내가 어떻게 그 부분을 해결했나 다시 생각해보기 위해 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..
콜라츠 추측에 대한 자세한 설명은 이 내용에 대한 위키피디아를 참고해보세요. (새 창에서 열립니다.) 간단하게 추리면, 어떠한 임의의 자연수를 구하고 그 자연수가 짝수면 2로 나누고, 홀수면 3을 곱하고 1을 더하는 것을 그 자연수가 1이 될 때까지 반복하는 것입니다. 모든 자연수가 이 과정을 거치면 1이 된다고 추측하고 있고, 컴퓨터로 2의 68제곱까지 증명되었지만 진짜 모든 자연수가 이 과정을 거쳐서 1이 되는지 증명되지 않았습니다. 매우매우 흥미로운 주제입니다. 그래서 이 추측을 파이썬으로 구현해보기로 했습니다. 저의 좁쌀만한 코딩 실력으로 말이죠. 알고리즘은 이렇습니다. 1. number 변수를 임의의 자연수로 지정한다. 2. while 반복문으로 무한루프를 만든다. 3. number 변수가 짝수..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 주사위 없이도 버튼만 눌러 주사위를 굴려주는 앱을 만들어보겠습니다. 이번 글은 아주 초간단이니 따라해보세요! 1. 디자인 이렇게 간단하게 컴포넌트를 불러와주세요. 주사위 이미지를 표시할 이미지, 공백을 생성할 빈 레이블, 주사위를 굴릴 버튼, 굴릴 때 소리를 재생할 플레이어를 넣었습니다. 주사위 이미지가 없다면 제가 올려드릴테니 퍼가세요. https://drive.google.com/drive/folders/1NIETsgNX-YSRgvibI1FVsNDD0TJoK26J?usp=sharing 주사위 이미지 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com 2. 코딩 매우매우매우 간단..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 앱 인벤터로 QR 코드를 스캔하여 결과를 나타내주는 QR 코드 스캐너를 만들어보겠습니다. 이번에 만들 앱은 꽤 간단하니 잘 따라해보세요! 1. 컴포넌트 불러오기 및 디자인 가장 중요한 바코드스캐너, 액티비티스타터, 공유, 알림 컴포넌트를 추가해주세요. 버튼 배치, 색, 스타일은 마음대로 해주세요! 저는 이렇게 간단하게 만들었어요. 여러분은 더 예쁘게 꾸며보세요 :) 그리고 중요한 부분! 바코드스캐너 속성에서 외부스캐너사용 항목을 체크해제해주세요. 안그러면 기기에 설치된 스캐너를 불러와 스캔하게 되는데 기기에 스캐너가 설치되어있지 않으면 경고가 뜨거든요. 2. 코딩하기 이제 코딩할 차례입니다. 간단하지만 다양한 내용이 포함되어있으니 잘 봐주세요! 먼저 스크..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 앱 인벤터로 스톱워치를 만들어보도록 하겠습니다. 스톱워치... 평소 스톱워치 앱을 쓸 때는 쉬워 보이지만 시도해보면 쉽지는 않습니다. 저도 만들 때 생각보다 어려워서 초록창에 찾아보기도 했거든요. 그럼 지금부터 앱 인벤터로 스톱워치 만들기를 시작하도록 하겠습니다! 1. 컴포넌트 불러오기 및 디자인 스톱워치에는 시계 컴포넌트가 가장 중요합니다. 시계 컴포넌트는 타이머가 실행되고 있는 동안 무언가를 실행하는 컴포넌트입니다. 그래서 시간을 계속 재야하는 스톱워치에는 시계 컴포넌트가 꼭 들어가야 합니다. 속성은 사진과 같이 설정했습니다. 시작 버튼을 누르면 타이머를 시작해야 하기 때문에 타이머 활성화 여부는 껐습니다. 그 외에 레이블, 버튼 등의 컴포넌트들을 추..
- Total
- Today
- Yesterday
- Firebase
- 매트릭스 생성기
- Go 언어
- godot
- 브레인퍽
- 연합우주
- golang
- 운석 충돌 시뮬레이션
- vercel
- p5.js
- 리디렉션광고
- 자바스크립트
- 앱 인벤터
- 안드로이드
- Preact
- 태극기 그리기
- brainfuck
- WSL
- 미스키
- 게임 개발
- 소스코드 뷰어
- 2x2 배열
- ActivityPub
- HTML
- CSS
- 이상한 사이트
- 난해한 프로그래밍 언어
- 코딩
- 맵 생성기
- 콜라츠 추측
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |