차근차근 배움터

네비게이션 바를 클릭했을 때 자연스럽게 스르륵 스크롤하고 싶어서 옛날에 찾아봤는데 까먹은 개념을 다시 습득하여 작성해본다. 아주 간단하게 보자면 스크롤할 때는 자바스크립트로 이런 식으로 x좌표 y좌표를 입력해서 사용할 수 있다. 그 중에는 window.scrollBy() 함수도 있는데 이 경우는 현재 위치를 기준으로 이동하는 함수라고 한다. window.scrollTo(342, 1750); 그리고 이렇게 이동하면 이동은 하는데 스무스하게 이동하지 않기 때문에 style에 이 항목을 추가해주면 스무스하게 이동하는 것을 볼 수 있다. html { scroll-behavior: smooth; } 만약 특정 위치의 좌표를 알고 싶다면?

늘 까먹는 그것,, onkeypress="if(event.keyCode==13){ getPost(1) }" onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때 onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때 onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때

https://love2dev.com/blog/javascript-remove-from-array/ 9 Ways To Remove 🗑️ Elements From A JavaScript Array 📇[Examples] Removing & Clearing Items From JavaScript arrays can be confusing. Splice, substring, substr, pop, shift & filter can be used. Learn how they differ and work. love2dev.com 일단 스크랩..

화살표함수로도 가능하고 풀어서는 아래와 같이도 가능 item 목록을 차례대로 꺼내줌 quizList.forEach((item) => alert(item)); quizList.forEach(function(item){ alert(item); });

첫번째는 form 태그에 onsubmit ="return false" 를 넣어주는 것 Log in 두 번째는 form 내부에 있는 input 객체에 submit event를 실행했을 때 preventDefault() 메소드를 이용하는 것이다. function login(tomato){ tomato.preventDefault(); } loginForm.addEventListener("submit", login); 여기서 tomato는 아주 가장기본적인 정보를 전달 받는 역할을 하고, 그 정보를 가지고 우리는 submit 기능을 조작할 수 있다.

변수에 값을 받았을 때, 입력을 안했을 때 특별한 event를 주려고 하는데 입력을 안 했을 때나 공백을 주었을 때나 같은 효과를 주는게 맞다고 생각해서 자바스크립트 공백 제거 메소드를 찾아보았다. 대표적으로 나오는 것이 trim과 replace 간단히 정리해보자면 trim은 문자열의 양 끝 공백을 제거해주는 것이다. 따라서 const a = " ab cdef "; const b = a.trim(); //b 결과값 "ab cdef" 문제는 중간에 있는 공백을 제거해주지 않는다. 그래서 발견한 것은 replace()함수, 공백제거 뿐만 아니라 어떤 문자를 어떤 문자로 바꾸고 싶을 때 사용할 수 있다. 하지나 replace의 문제는 한 번밖에 실행되지 않는다는 것... const a = "a bcd e f"..

console.dir log 함수 다음으로 가장 많이 사용하는 함수가 dir 함수이다. dir 함수는 객체의 속성을 계층구조로 출력한다. 대표적인 예제는 다음과 같다. 예제는 크롬 개발자도구의 콘솔창을 이용하여 구현하였다. console.log log 함수로 document.body 객체를 출력하면 태그내용이 나오고 dir 함수로 document.body 객체를 출력하면 객체의 속성이 출력된다.

아주 기초적인 부분 javascript 파일을 html에서 불러오기 바로 여기가 아니라 자바스크립트 파일은 일반적으로 맨 위에서 가져오지 않는다 따라서 태그 안에다가 넣어주기

내가 생각한 것보다 더 많은 활용법이 있는 JSON 데이터임을 확인할 수 있었다. 단순하게 데이터만 넘겨 보냈었는데, 필터링 할 수 있는 기능까지! JSON.stringify( )는 자바스크립트의 값을 JSON 문자열로 변환한다. JSON이란? JSON은 JavaScript Object Notation의 약자로, 브라우저와 서버사이에서 오고가는 데이터의 형식이다. JSON.stringify(value, replacer, space) value(필수): JSON 문자열로 변환할 값이다.(배열, 객체, 또는 숫자, 문자 등이 될 수 있다.) replacer(선택): 함수 또는 배열이 될 수 있다. 이 값이 null 이거나 제공되지 않으면, 객체의 모든 속성들이 JSON 문자열 결과에 포함된다. 더 많은 내용..

https://velog.io/@filoscoder/-%EC%99%80-%EC%9D%98-%EC%B0%A8%EC%9D%B4-oak1091tes 자바스크립트: '==' 와 '===' 는 다르다! 무엇이 다른가? 저는 자바 언어를 먼저 배운 입장에서 자바스크립트에 깊게 노출되지 않았기 때문에 충격을 받았다. 비록 자바스크립트의 어떤 기능, 사건 처리, 그리고 어떤 jQuery 속임수에 상 velog.io