기록하는 개발자

https://www.acmicpc.net/problem/11650 11650번: 좌표 정렬하기 첫째 줄에 점의 개수 N (1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N개의 줄에는 i번점의 위치 xi와 yi가 주어진다. (-100,000 ≤ xi, yi ≤ 100,000) 좌표는 항상 정수이고, 위치가 같은 두 점은 없다. www.acmicpc.net import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.Arrays; import java.util.StringTokenizer; import java.io.IOException; public class Main { public static void ma..

- 유클리드 호제법을 사용하여 재귀 혹은 반복문을 사용하여 구현한다. 최대공약수와 최소공배수를 구하는 코드는 자주 나오기 때문에 외워두는 것이 좋다. 1. 재귀 import java.util.Arrays; class Main { public int[] gcd_lcm(int n, int m) { int[] answer = new int[2]; int big = (n > m)? n : m; int small = (n > m)? m: n; answer[0] = gcd(big, small); answer[1] = big * small / answer[0]; return answer; } public int gcd(int a, int b) { if (a % b == 0) return b; return gcd(b,..

Css 까지 추가하여 첫 js 프로젝트를 마무리 했다. 작년에는 무턱대고 js를 react로 시작해서 정을 못 붙이고 빨리 손을 뗐다. 바닥부터 배우자는 생각으로 서치를 해 본 결과 VanillaJS 로 js 공부를 시작하자는 결론을 내렸다. VanillaJS 강의는 따로 많지 않아 NomadCoding의 무료 강의로 공부를 시작했다. 작년과 같은 상황을 맞이하고 싶지는 않아서 그 날 들은 강의에 대해 스스로 코드 리뷰를 하고 블로그에 정리를 했다. 이 강의는 말 그대로 0부터 시작하는 사람이 들어도 알아들을 수 있도록 쉽게 설명해주기 때문에 그야말로 js 입문에 최적화 된 강의라고 생각했다. 당장은 github.io로 배포해서 볼 수 있도록 해놨다. 앞으로 해야할 일은 Heroku와 같은 무료 배포 서..

- openweathermap으로부터의 api를 통해 오른쪽 상단에 현재 위치, 날씨, 온도를 띄워준다. Log in 00:00:00 // https://openweathermap.org/ 가입 후 개인 api key를 복사해 API_KEY 변수에 저장 const API_KEY = "4b4a6452c8e528ead6fa2fa823527423"; function onGeoOk(position){ const lat=position.coords.latitude; const lon=position.coords.longitude; const url=`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=$..

- 위 스크린샷의 왼쪽 화면에서 체크리스트의 항목을 삭제하면 오른쪽 화면의 localStorage에서도 삭제된다. - 새로고침 실행 시 내가 삭제를 원했던 항목을 아래 스크린샷처럼 오른쪽 화면 및 localStorage 에서 모두 보이지 않도록 조치를 취한다. Log in 00:00:00 const toDoForm = document.getElementById("todo-form"); const toDoList = document.getElementById("todo-list"); const toDoInput = toDoForm.querySelector("input"); let toDos=[]; const TODOS_KEY = "todos"; fu..

Checklist Load 구현 - list를 입력 받아 localStorage에 저장한다. - 새로고침 후에도 localStorage로부터 이전에 저장한 value를 load해서 list를 유지할 수 있다. - 이전 정보 load 후 추가로 list를 입력 받을 때 덮어쓰기 되지 않고 기존 list에 추가되도록 한다. Log in 00:00:00 const toDoForm = document.getElementById("todo-form"); const toDoList = document.getElementById("todo-list"); const toDoInput = toDoForm.querySelector("input"); let toDos=[]; const ..

아래와 같이 refresh 할 때마다 배경 사진이 바뀌는 기능을 추가해보자. Log in 00:00:00 const images=["img1.jpg","img2.jpg","img3.jpg"]; const chosenImage = images[Math.floor(Math.random()*images.length)]; const bgImage = document.createElement("img"); bgImage.src = `img/${chosenImage}`; document.body.appendChild(bgImage); 1. random image 저장 - 필요한 이미지를 프로젝트 폴더 내 img 폴더를 생성해 한 데 모아둔다. - string type..

10개의 명언 중 랜덤하게 하나를 골라 명언과 출처를 출력하는 js를 적용해보자. Log in 00:00:00 const quotes = [ { quote : "Laughter is timeless, Imagination has no age. And dreams are forever.", author : "Walt Disney", }, { quote : "The past can hurt, but the way I see it, you can either run from it or learn from it.", author : "Lion King", }, { quote : "You must not let anyone define your limits because ..