본문 바로가기

2024/055

[티스토리]콘솔 메시지 initHighlightingOnLoad() 해결 방법 티스토리 콘솔 메시지가 아래와 같이 표시될 때가 있다. Deprecated as of 10.6.0. initHighlightingOnLoad() is deprecated. Use highlightAll() instead. 원인highlight.min.js 사용시 이렇게 함수를 호출하는데 해당함수는 구식함수이기 때문이다. 공식문서에는 아래처럼 사용하라고 안내한다.  참고https://highlightjs.org/#news-142 highlight.jsUsage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, a.. 2024. 5. 8.
[Javascript]코딩테스트 프로그래머스 "양꼬치" 풀이 코딩테스트 연습 > 코딩테스트 > 입문 양꼬치문제 설명머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. 제한사항0 n / 10 ≤ k 서비스로 받은 음료수는 모두 마십니다. 입출력 예 입출력 예 설명입출력 예 #1- 10인분을 시켜 서비스로 음료수를 하나 받아 총 10 * 12000 + 3 * 2000 - 1 * 2000 = 124,000원입니다. 입출력 예 #2- 64인분을 시켜 서비스로 음료수를 6개 받아 총 64 * 12000 + 6 * 2000 - 6 .. 2024. 5. 7.
[Javascript]텍스트필드 input 박스 포커스 했을때 class 추가/제거하기 javascript class를 이용해 객체를 생성 후 input 박스 포커스했을때와 아웃했을때 css를 추가/삭제하는 방법입니다. HTML 예시) 3개의 input 박스  CSS.focus{border:1px solid red} 포커스했을때 빨간색 라인추가하기 Javascriptclass TextField { constructor(textField){ this.elements = document.querySelectorAll('.' + textField); this.addFocusClass = this.addFocusClass.bind(this); this.removeFocusClass = this.removeFocusClass.bind(this); this.init(); } .. 2024. 5. 2.
[Javascript]코딩테스트 프로그래머스 "중복된 숫자 개수" 풀이 코딩테스트 연습 > 코딩테스트 입문 > 중복된 숫자 개수문제 설명정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 제한사항1 ≤ array의 길이 ≤ 1000 ≤ array의 원소 ≤ 1,0000 ≤ n ≤ 1,000 입출력 예 입출력 예 설명입출력 예 #1- [1, 1, 2, 3, 4, 5] 에는 1이 2개 있습니다. 입출력 예 #2- [0, 2, 3, 4] 에는 1이 0개 있습니다.  문제 풀이방법1. filter()function solution(array, n){ const filtereArray = array.filter(num => num === n); return filtereAr.. 2024. 5. 2.
[Javascript]단축 평가 논리 연산자를 사용하여 조건문 처리하기(if를&&로) 조건문 처리할때 if문대신 &&단축 평가를 사용하는 방법입니다. 문제 설명n에 변수가 존재하고, true이면 실행하기 문제 풀이1. 값이 없을때 if문 예시// 값이 없을때 if문 예시let n;if(n){ console.log('true');} 2. 값이 없을때 && 논리 연산자 예시// 값이 없을때 && 예시let n;n && console.log('true'); 1번과 2번 결과물은 동일하게 값이 없으므로 출력되지 않습니다.  3. 값이 있을경우 'true' 출력// 값이 있을때 if문 예시let n = 1;if(n){ console.log('true');}// 값이 있을때 && 예시let n = 1;n && console.log('true'); 풀이 설명- 'n' 변수가 존재하고 'true'이면,.. 2024. 5. 2.