짧은코딩

캐스케이딩과 우선순위 캐스케이딩 Cascading은 DOM(Document Object Model) Tree 구조에서 상위 요소에서 하위 요소로 전달되는 (상속 개념)의미에서 유래 되었다. -상위 태그에서 정의된 디자인 속성은 하위 태그로 상속 -하위 태그에서 상위 태그에 정의된 디자인 속성을 변경할 수 있다. 우선 순위 디자인 속성이 외부 스타일시트, 내부 스타일시트, 인라인 스타일시트에 있으면 우선순위는 인라인 스타일시트가 제일 우선 순위이다. 그리고 외부, 내부 스타일시트는 문서상 정의된 순서에 따라 우선 순위가 결정된다. 만약 웹 브라우저 자체에도 css가 있다고 보면 브라우저 디자인 정의가 제일 낮은 우선 순위를 가진다. 박스 모델 박스 모델: 테두리(border), 내용(content), 안쪽..

function onGeoOk(position){ const lat = position.coords.latitude; const lng = position.coords.longitude; console.log("You live in", lat, lng); } function onGeoError(){ alert("Can't find you. No weather for you."); } navigator.geolocation.getCurrentPosition(onGeoOk, onGeoError); user의 위치(geolocation)를 알려주는 것이다. navigator와 geolocation, getCurrentPosition을 사용한다. 이걸 부르면 브라우저에서 정보를 준다. 와이파이, GPS, 위치 ..

로컬 스토리지는 DB가 아니라 toDos를 복사하는 곳이다. 따라서 toDos가 DB이다. function deleteToDo(event){ const li = event.target.parentElement; li.remove(); } deleteToDo 함수는 HTML에서 어떤 element를 지워야 하는지를 안다. 하지만 DB에서 어떤 것을 삭제해야 하는지는 모른다. function handleToDoSubmit(event){//js가 방금 발생한 event를 handleToDoSubmit의 첫번째 인자로 준다. event.preventDefault() const newTodo = toDoInput.value; toDoInput.value = ""; const newTodoObj = { text: ..

https://programmers.co.kr/learn/courses/30/lessons/42626 코딩테스트 연습 - 더 맵게 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같 programmers.co.kr 내 풀이(질문 봄) import heapq def solution(scoville, K): answer = 0 scoville.sort() sum = 0 while scoville[0] < K: if len(scoville)

https://programmers.co.kr/learn/courses/30/lessons/42586 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr 내 풀이(맞음) def solution(progresses, speeds): answer = [] while progresses: count = 0 for i in range(len(progresses)): if progresses[i] >= 100: continue progresses[i] += speeds[i] while progresses: if p..

-html에서의 코드 html에서 required는 필수 -js에서의 코드 const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); //toDoForm 안에 input이 1개라서 //const toDoInput = doucument.querySelector("todo-from input"); //위에랑 같은 의미 const toDoList = document.getElementById("todo-list"); function handleToDoSubmit(event){//js가 방금 발생한 event를 handleToDoSubmit의 첫번째 인자로 준다. event.prev..

명언 넣기 Math.random()을 하면 랜덤 값이 나온다. Math.random() * 10을 하면 0~10 사이 값이 나오는데 소수점도 나온다. 이 소수점을 없애는 함수는 3가지가 있다. 1. round Math.round(1.0)는 1로 반환, 반환할때 반올림해서 돌려준다. 2. ceil Math.ceil(1.1)은 2가 된다. 1.01도 2로 반환한다. 천장까지 올려준다는 의미이다. 3. floor Math.floor(1.1)은 1이 된다. 1.99도 1로 반환한다. 바닥까지 내려준다. const quotes = [ { quote: "최고 높이의 산을 오를 때에도 한 번 한 걸음에서 시작한다. ", author: "바바라 월터스", }, { quote: "우리가 정복하는 것은 산이 아니라 우리 ..

const clock = document.querySelector("h2#clock"); //혹은 #clock이나 clock로만 써도된다. h2 + id로 사용하는 방식을 사용했다. function sayHello(){ //2초마다 실행하는 함수 console.log("hello"); } setInterval(sayHello, 5000)//2가지 파라미터를 받고 첫번째는 내가 실행하고자하는 함수, 두번째는 호출되는 간격 단위는 ms interval은 매번 일어나는 것, ex) 매 2초마다 무슨 일이 일어나게 하는 것이다. setInterval 함수는 인자를 2개 받는데 하난 사용할 함수를 받고 다른건 시간(ms단위로)을 받는다. setInterval은 5초마다 계속 실행 const clock = docu..

콘솔에 localStorage.setItem("username", "nico") 입력하면 어플리케이션에 이렇게 저장된다. localStorage.getItem("username") localStorage.removeItem("username") 이런 명령어로 가져올 수도 있고 삭제할 수도 있다. const loginForm = document.querySelector("#login-form"); const loginInput = document.querySelector("#login-form input"); const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden" function onLoginSumbit(..

https://www.acmicpc.net/problem/1766 1766번: 문제집 첫째 줄에 문제의 수 N(1 ≤ N ≤ 32,000)과 먼저 푸는 것이 좋은 문제에 대한 정보의 개수 M(1 ≤ M ≤ 100,000)이 주어진다. 둘째 줄부터 M개의 줄에 걸쳐 두 정수의 순서쌍 A,B가 빈칸을 사이에 두고 주 www.acmicpc.net 참고한 사이트 https://freedeveloper.tistory.com/390 [이것이 코딩 테스트다 with Python] 36강 위상 정렬 4https://www.youtube.com/watch?v=xeSz3pROPS8&list=PLVsNizTWUw7H9_of5YCB0FmsSc-K44y81&index=36 위상 정렬 사이클이 없는 방향 그래프의 모든 노드를 방..