컴퓨터 (300) 썸네일형 리스트형 TTS (text-to-speech)을 이용한 간단한 웹 1. 소개 아래 주소에 있는 사이트에 흥미가 생겨 클론 코딩을 해보았다. 글과 사진이 있는 목록을 생성하고 그것들을 클릭하면 해당하는 언어의 목소리가 컴퓨터에서 출력되도록 만들어보았다. 그리고 입력한 텍스트를 말로 변환을 시켜준다. 아이디어 출처: vanillawebprojects.com/projects/speech-text-reader/ 해당 깃허브: github.com/bradtraversy/vanillawebprojects 2. 구현 기능 사진 및 글 목록 생성 소리 출력 이렇게 두 개의 기능만 구현했다. 3. 구현 방식 - 사진 및 글 목록 생성 const data = [ ["img/water.jpg", "목말라", "我渴了", "喉が渇いた", "I'm THIRSTY"], ["img/hungry... 백준 알고리즘 3052번: 나머지 [C++] 문제 출처: www.acmicpc.net/problem/3052 3052번: 나머지 각 수를 42로 나눈 나머지는 39, 40, 41, 0, 1, 2, 40, 41, 0, 1이다. 서로 다른 값은 6개가 있다. www.acmicpc.net 1. 코드 (실행) 2. 풀이 int a, arr[42] = { 0, }, cnt = 0; for(int i = 0; i > a; 이 문제는 단계별로 풀기로 보면 1차원 배열과 관련이 깊다. 그래서 배열을 활용하여 풀어보겠다. 우선 10번의 입력을 받아야 한다. 그래서 반복문을 통해서 10번을 입력받는다. for(int i = 0; i > a; arr[a % 42] = 1; } 그리고 난 다음에 arr배열.. 백준 알고리즘 2577번: 숫자의 개수 [C++] 문제 출처: www.acmicpc.net/problem/2577 2577번: 숫자의 개수 첫째 줄에 A, 둘째 줄에 B, 셋째 줄에 C가 주어진다. A, B, C는 모두 100보다 같거나 크고, 1,000보다 작은 자연수이다. www.acmicpc.net 1. 코드 #include using namespace std; int main(void) { int a, b, c, mul; int arr[10] = {0, }; cin >> a >> b >> c; mul = a * b * c; while (mul != 0) { int remain = mul % 10; for (int i = 0; i < 10; i++) { if (i == remain) arr[i]++; } mul /= 10; } for (int i .. 무한 스크롤(Infinite Scrolling) 1. 소개 무한 스크롤이라는 주제로 사이트를 만들어볼 것이다. 말 그대로 계속해서 스크롤을 해야 하는 사이트이다. 깃허브에 있던 한 웹페이지를 보고 만들어보고 싶어서 만들어보았다. 참고한 사이트: vanillawebprojects.com/projects/infinite_scroll_blog/ 참고한 깃허브: github.com/bradtraversy/vanillawebprojects/tree/master/infinite_scroll_blog 2. 구현 기능 무작위 글 생성 생성된 글 출력 입력한 글 일치 여부 확인 스크롤 인식 맨 위로 올리는 버튼 이렇게 총 5가지 기능을 구현하였다. 3. 구현 방식 -무작위 글 생성 글 생성 방식은 Math.random을 이용하여 무작위 난수의 값을 받고 그것을 문자로.. 백준 알고리즘 2562번: 최댓값 문제 출처: www.acmicpc.net/problem/2562 2562번: 최댓값 9개의 서로 다른 자연수가 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 번째 수인지를 구하는 프로그램을 작성하시오. 예를 들어, 서로 다른 9개의 자연수 3, 29, 38, 12, 57, 74, 40, 85, 61 이 주어 www.acmicpc.net 1. 코드 2. 풀이 int arr[9]; int max, index; 문제에서 9번만 입력을 한다고 한다. 그렇기 때문에 배열의 크기를 9만큼 설정해주고 최댓값을 저장하는 max라는 변수와 그 최댓값의 인덱스값을 저장하는 index라는 변수를 선언해준다. for (int i = 0; i > arr[i]; if (!i) { max = a.. To Do List To Do List Done List To Do List(HTML, CSS, JavaScript) 만들기 1. 소개 우선 To do List는 해야 할 목록을 의미하는데 간단히 소개하자면 해야 할 일들을 목록으로 만들어서 이행했는지 안 했는지 확인하는 목적의 목록이다. 2. 구현 기능 종류 목록 추가 목록 변경 목록 삭제 목록 완료 크게 보면 이렇게 4개의 기능들이 존재한다. 물론 기능을 구현하면서 추가적으로 부수적인 기능들로 구현을 할 것이지만 크게 중요한 기능들은 위와 같다. 3. 구현 방식 - 목록 추가 목록을 추가하기 위해서는 그것을 입력할 목록의 입력이 필요하다. 그래서 input 태그를 이용하여 목록의 내용을 입력하고 appendChild()를 이용하여 원하는 지점에 글을 추가하였다. 그런데 글뿐만 아니라 목록에 있는 글의 완료와 삭제까지 하기 위해서 마찬가지로 appendChild()를 이용하여.. 백준 알고리즘 10818번: 최소, 최대 [C++] 문제 출처: www.acmicpc.net/problem/10818 10818번: 최소, 최대 첫째 줄에 정수의 개수 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에는 N개의 정수를 공백으로 구분해서 주어진다. 모든 정수는 -1,000,000보다 크거나 같고, 1,000,000보다 작거나 같은 정수이다. www.acmicpc.net 1. 코드 (실행) 2. 풀이 int n, max, min, a; cin >> n; n은 반복의 횟수, max는 최댓값, min은 최솟값, a는 입력값이다. 그리고 먼저 반복을 해주기 전에 반복횟수를 알아야하기 때문에 n을 입력받는다. for(int i = 0; i > a; 그리고 a를 입력받는다. if.. 이전 1 ··· 25 26 27 28 29 30 31 ··· 38 다음 목록 더보기
