Javascript8 Object.key()를 이용해 value가 제일 큰 값 반환하기 const array = ["원범", "원범", "혜원", "혜원", "혜원", "유진", "유진"]; let res = {}; let winner = ""; for(let i in array) { let val = array[i]; console.log(val) res[val] = res[val] === undefined ? 1 : res[val]+=1; } console.log(res) winner = Object.keys(res).reduce(function(a,b) { return res[a] > res[b] ? a : b; }); console.log(`${winner}가 총 ${res[winner]}표를 차지했습니다.`); 2021. 5. 27. fetch api 사용하기 fetch api에 대해서 Fetch API를 사용해 Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는것이 가능합니다. ajax를 구현하는 기술에는 여러가지가 있는데 fetch() 메서드를 이용하는 것으로 비동기 네트워크 통신을 보다 쉽게 기술할 수 있습니다. - fetch()로 부터 Promise 객체가 반환됩니다. - Promise객체는 HTTP error 상태를 reject 하지 않습니다. - 보통 fetch는 쿠키를 보내거나 받지 않는데 쿠키를 전송하기 위해서는 credentials 옵션을 설정해야합니다. fetch api의 기본 사용 문법 fetch('http://example.com/movies.json') .then(function(response) { .. 2020. 3. 22. 템플릿 엔진 Pug의 속성과 문법 pug의 태그 속성은 html과 유사하지만 값은 일반적인 javascript이다. pug와 html의 문법 차이에 초점을 맞추고 글을 작성했다. pug와 html의 차이 - pug를 쓸 경우 코드가 간결해진다. - 열고 닫는 태그가 불필요하다. - 태그안에 속성은 () 안에 작성한다. - tab을 정확하게 해줘야한다. 지켜지지 않으면 코드가 동작하지 않는다. 1. 속성 pug a(href="ooyuolog.tistory.com") ooyuolog a(class="button" href="ooyuolog.tistory.com") ooyuolog html ooyuolog ooyuolog 2. 여러개의 속성 pug input( type="checkbox" name="agreement" checked ) htm.. 2019. 12. 21. [nodemon] app crashed - waiting for file changes before starting... error log nodemon[nodemon] app crashed - waiting for file changes before starting... 해결 방법 쟉업관리자> 프로세스> 켜져있는 모든 Node.js: Server-side Javascript 종료한 뒤, 다시 작업환경으로 돌아와 npm start를 하면 정상 기동된다. 2019. 12. 1. 이전 1 2 다음 LIST