6749번: Next in line You know a family with three children. Their ages form an arithmetic sequence: the difference in ages between the middle child and youngest child is the same as the difference in ages between the oldest child and the middle child. For example, their ages c www.acmicpc.net 📌 풀이 예를 들어 12, 15를 입력 받으면 18이 출력되어야 한다. 등차수열로 3씩 더한 값인데... 나는 이걸 모르고 그냥 12 + x = 15*2 뭐 이렇게 풀었다. 이래도 되고 저..
📌 실시간 시계 만들기 HTML 00:00 JS const clock = document.querySelector("h2#clock"); 위와 같이 clock을 추가해준다. 그럼 페이지에는 00:00만 보일 것이다. 이번에는 setInterval과 시간 관련 명령어를 사용한다. 먼저 setInterval은 특정 시간마다 무슨 일이 일어나게 하고 싶을 때 사용한다. (호출할 함수 이름, 초(ms)) 비슷하게 setTimeout도 있는데 얘는 특정 시간 '후'에 무슨 일이 일어나게 한다. 사용 방법은 동일하다. function sayHello() { console.log("hello"); } setInterval(sayHello, 5000) sayHello 함수를 5초마다 작동시키겠다는 뜻이다. 시간에 대한..
📌 Login을 구현해보자 - 입력 HTML Log In HTML 내에 id="login-form"을 가진 div를 만들고 그 아래 input과 button을 만들어준다. 이를 JS에서 찾아내보자. JS const loginform = document.getElementById("login-form"); const loginInput = loginform.querySelector("input"); const loginButton = loginform.querySelector("button"); document에서 id="login-form"를 찾고, 그 아래에 있는 input, button을 찾아낸다. const loginInput = document.querySelector("#login-form in..
5522번: 카드 게임 JOI군은 카드 게임을 하고 있다. 이 카드 게임은 5회의 게임으로 진행되며, 그 총점으로 승부를 하는 게임이다. JOI군의 각 게임의 득점을 나타내는 정수가 주어졌을 때, JOI군의 총점을 구하는 프 www.acmicpc.net 📌 풀이 숫자를 5번 입력할 수 있으며 출력값은 이 5번의 숫자의 합이 나와야 한다. sum을 0으로 설정한 후 5번 반복할 수 있도록 for문을 걸고 수를 입력하게 한다. 이후 sum에 입력되는 num을 계속 더하게끔 만든다. ✅ 코드 sum = 0 for i in range(5): num = int(input()) sum += num print(sum)
5337번: 웰컴 Welcome을 예제 출력처럼 출력하는 프로그램을 작성하시오. www.acmicpc.net 5338번: 마이크로소프트 로고 마이크로소프트 로고를 예제 출력처럼 출력하는 프로그램을 작성하시오. www.acmicpc.net 5339번: 콜센터 스타워즈에 등장하는 로봇인 C3PO는 요즘 콜센터에 근무하고 있다. 콜센터에 앉아있는 C3PO를 그리는 프로그램을 작성하시오. www.acmicpc.net 📌 풀이 이런 식으로 이미지를 출력하는 문제를 여러 개 봤다. 처음에는 어떻게 하는지 몰라서 1번, 2번 코드처럼 한줄씩 변수를 지정해서 출력했는데 그렇게 하니까 엄청 긴 이미지의 경우 j까지 갔음... ''' ''' 안으로도 출력할 수 있다는 것을 잊지 말자! 더불어 마지막 문제 같은 경우에는 \..
5217번: 쌍의 합 1보다 크거나 같고 12보다 작거나 같은 자연수 n이 주어졌을 때, 합이 n이 되는 두 자연수의 쌍을 찾는 프로그램을 작성하시오. 예를 들어, 5가 주어진 경우 가능한 쌍은 1,4와 2,3이 있다. 두 수는 www.acmicpc.net 📌 풀이 나를 매우 괴롭게 한 쌍의 합 다른 것보다 출력값이 매우 매우 까다로웠다. 첫째 줄에 테스트 케이스의 수를 입력하면 그 수 만큼 입력할 수 있다. 앞의 수가 뒤의 수와 같거나 더 큰 경우는 출력하지 않는다. 2처럼 같은 수의 쌍만 나오는 경우 역시 출력하지 않는다. 2가지 풀이로 풀어보았다. ✅ 코드 test_case = int(input()) for _ in range(test_case) : val = int(input()) i = 1 li..
📌 JS가 어떻게 HTML을 움직일까? JS가 HTML의 요소들을 읽는다. console에 document를 검색하면 아래와 같이 정보가 나온다. HTML내 stylesheet를 연결하듯이 script를 연결하면 JS와 연동이 된다. 참고로 HTML에서 타이틀을 바꿔도 JS에서 타이틀을 바꾼다면 JS 버전으로 적용이 된다. HTML에 있는 요소를 JS에서 편집하려면 어떻게 해야 할까? 1) document.getElementById("id에 해당되는 것") HTML 안에서 id를 통해 element를 찾아준다. 2) document.getElementsByClassName("class name에 해당되는 것") id보다 class name을 많이 쓴다고 한다. 이놈은 여러 가지 요소들을 가져올 때 사용하..
📌 JS란? 브라우저가 이해하는 언어로 HTML, CSS, JS가 있는데, 이중 JS는 FE가 쓰는 유일한 프로그래밍 언어다. JS를 사용하면 3D를 구현하게 하는 라이브러리(three.js)나 리액트 네이티브(JS로 AOS, IOS 앱 구현하는 도우미), 일랙트론(FE 언어로 데스크탑 앱을 만드는 도우미) 등을 사용할 수 있다. FE의 유일한 프로그래밍 언어인 동시에 범용성이 넓은 언어로 FE을 고려한다면 반드시 배워야 한다. 📌 데이터 타입 데이터 타입은 전체적으로 Python과 매우 유사하다. 1) number > 정수/소수 2) string Python의 print와 유사하게 console.log()를 사용한다. 웹 브라우저의 개발자 모드 console 부분에 출력값이 찍힌다. print할 때처럼..
4892번: 숫자 맞추기 게임 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스는 한 줄로 이루어져 있고, n0으로 이루어져 있다. (0 < n0 < 1,000,000) 입력의 마지막 줄에는 0이 하나 주어진다. www.acmicpc.net 📌 풀이 입력은 여러 개의 테스트 케이스로 이루어져 있다 (while문) 입력의 마지막 줄에는 0이 하나 있다 (입력값이 0일 경우 break) 조건대로 따라 써준다. n1, n2 등등 그대로 따라 쓰기만 하면 된다. 문제는 출력인데 조건이 까다롭다. 테스트 케이스의 번호 + "." + "even" or "odd" + n4 string과 int가 마구 섞여 있어서 이렇게 + 형태로 묶어주면 원하는 출력값의 모양이 안 나온다. print(i, '. '..
4562번: No Brainer For each data set, there will be exactly one line of output. This line will be "MMM BRAINS" if the number of brains the zombie eats is greater than or equal to the number of brains the zombie requires to stay alive. Otherwise, the line will be "NO BRAINS". www.acmicpc.net 📌 풀이 영어로 써 있어서 흠칫했던 문제다. 별거 없고 테스트 케이스 수만큼 입력을 받되 첫 번째 수는 뇌의 수고 두 번째 수가 좀비의 수인데, 뇌보다 좀비가 더 많으면 노브레인이고 그렇지 않..
