메서드와 this

참고자료 https://ko.javascript.info/object-methods 메서드와 this ko.javascript.info 이 글은 위 자료를 보고 타이핑하면서 공부한 내용입니다. 자세한 설명은 위 튜토리얼을 참고해주세요. 메서드 만들기 자바스크립트에선 객체의 프로퍼티에 함수를 할당해 객체에게 행동할 수 있는 능력을 부여해줍니다. let user = { name: "John", age: 30 }; user.sayHi = function() { alert("안녕하세요!"); }; user.sayHi(); // 안녕하세요! 함수 표현식으로 함수를 만들고, 객체 프로퍼티 user.sayHi 에 함수를 할당해 주었습니다. 이제 객체에 할당된 함수를 호출하면 user가 인사를 해줍니다. 이렇게 객체 ..

[프로그래머스/JS] 나누어 떨어지는 숫자배열

문제링크 코딩테스트 연습 - 나누어 떨어지는 숫자 배열 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하 programmers.co.kr 배운점 없음 문제풀이 function solution(arr, divisor) { var answer = []; arr.map((el)=>{ if (el % divisor == 0){ answer.push(el) } }) answer.sort((a,b)=>{ return a-b }) if (answer.length == 0){ answer.push(-1) } return answer; }

자바스크립트 특정 위치로 이동하기

유튜브 자료를 보고 공부한 내용입니다. window.scroll() 브라우저의 스크롤을 특정 위치로 이동시킬 수 있는 메소드이다. 1. window.scroll(x좌표,y좌표) 2. window.scroll(options 객체) offsetTop 요소의 윗면 경계가 최상위 요소의 윗면 경계와 (쉽게 말해 브라우저 화면 맨 위) 얼마 만큼 떨어져 있는지 그 거리를 반환해주는 속성이다. html 1번 2번 3번 1 2 3 css * { box-sizing: border-box; } body { margin: 0; } .menu { width: 200px; height: 50px; position: fixed; left: 50px; border-radius: 0 0 30px 30px; background-co..

content-type

https://jw910911.tistory.com/117#:~:text=Content%2DType%EC%9D%80%20api%20%EC%97%B0%EB%8F%99,%EB%A5%BC%20%EC%9D%B4%ED%95%B4%ED%95%98%EB%8A%94%20%EA%B2%83%EC%9D%B4%20%EC%A2%8B%EC%8A%B5%EB%8B%88%EB%8B%A4. HTTP: Content-Type 에 대해 알아보자 (application/json, application/x-www-form-urlencoded, multipart/form-data) 웹 개발을 하게 되면 HTTP에 대해 조금 알아두는 것이 좋습니다. 그중에서 Content-Type에 대한 이해가 부족한 것 같아 정리를 해보았습니다. Content..