분류 전체보기
-
[JavaScript] data-* 속성 사용하기문제와 해결/Javascript 2021. 5. 5. 22:11
data-* 속성? html 태그에서 커스텀 데이터를 저장하기 위해 쓰인다. 모든 html element에서 사용될 수 있다 사용자 경험을 극대화하는데 유용하게 쓰인다 (데이터를 사용하는데 있어서 ajax 호출이나 server-side 데이터베이스 쿼리 사용이 필요 없으므로!) 모든 문자열은 속성의 값이 될 수 있다. (객체는 값으로 넣어줄 수 없다.) 이제 이 속성을 어떻게 사용할 수 있을까? Owl Salmon Tarantula 다음과 같은 html 문서가 있을 때, data-*속성의 값을 가져오기 위해 어떤 방법을 쓸 수 있을지에 대해 정리해보려고 한다. 1. getAttribute('속성명') function showDetails(animal) { var animalType = animal.get..
-
[JavaScript] 그래서 this가 뭔데?문제와 해결/Javascript 2021. 5. 2. 22:04
아무 창에서나 개발자 모드를 키고 다짜고짜 this를 찍어보자. 이때 this의 output은 window로 출력된다. 이번에는 object 안에서 this를 사용해보자. fullName은 함수이고, fullName이라는 함수 안에서 this가 쓰이고 있으므로 우리는 이 함수를 호출하고 결과를 확인해보자. 함수가 실행된 결과를 봐야 하므로 person.fullName이 아니라 person.fullName()으로 입력하는걸 잊지 말자. 이때 출력 결과를 보면 this는 this가 속해있는 object를 지칭한다는 걸 알 수 있다. this가 어디에서 쓰이는지에 따라 this가 무엇인지는 조금씩 다른데, 이건 w3schools에 친절하게 나와있는 설명을 한번 보도록 하자. this란? method 에서 : ..
-
[프로그래머스/Level 3/Python3] 입국심사알고리즘 2021. 4. 22. 18:44
반복문을 통해서 하나하나 검사하기에는 심사관의 수와 입국심사를 기다리는 사람의 수가 너무 많다. 따라서 이분탐색을 이용한다. 개인적으로 나는 어떤 식으로 이분탐색을 적용해야 하는 문제인지가 어려웠는데, 가능한 총 심사 시간의 최소값 ~ 최대값 사이를 이분탐색하며 n명의 사람을 모두 심사할 수 있는 가장 짧은 시간을 탐색하는 문제라고 생각하면 된다. 입출력 예 설명은 풀이에 오히려 혼란만 주므로 참고하지 않는 것이 좋다. 여러 풀이들을 찾아봤지만 최대값을 지정하는 방법이 풀이마다 달랐다. 왜인지는 모르겠다...나는 내가 납득 가능한 풀이를 참고해서 최대값을 지정했다. 자세한 내용은 다음과 같다. 최소 : 1 각 심사관이 한 명을 심사하는데 걸리는 시간이 1분 이상 * 입국심사를 기다리는 사람은 1명 이상 ..