js

[ JS ] 일반 함수와 익명 함수의 차이에 대해 알아보자!

JavaScript에서의 함수 선언 방식은 일반함수와 익명함수로 나뉜다. 🤷‍♂️일반 함수란? 일반 함수는 다른 언어에서 함수를 선언하는 방식과 동일하다. 일반 함수 또는 함수 선언식이라고 불린다. // JS 함수 구현 방법 function 함수명() { 함수로직 } # 파이썬 함수 구현 방법 def 함수명 () { 함수로직 } 위 처럼 Python의 함수선언 방식과 JavaScript에서의 함수 선언 방식이 거의 동일한 것을 볼 수 있다 :) 이때 JavaScript에서는 일반 함수가 쓰여진 위치에 상관없이 사용할 수 있다. 왜냐하면 일반 함수는 JS가 스크립트를 처음 읽을 때 해석해서 사용하기 때문인데, 이를 호이스팅 이라고 한다. 👨‍🎓 호이스팅이란? 호이스팅은 JS가 처음 스크립트를 읽을 때 모든..

[JS] value, textContent, innerHTML, innerText 는 어떻게 다를까?

❔DOMstring 안에 있는 Text 값을 바꾸려면 어떻게 해야할까? input처럼 form 요소의 값을 가져오거나 변경하려면 value를 사용하고, form요소가 아닌 다른 div, span, h1 등의 다른 요소의 Text를 가져오거나 변경하려면 textContent, innerHTML, innerText를 사용한다. ❔그럼 textContent, innerHTML, innerText는 뭐고 어떤걸 사용하는게 제일 좋을까? ✔textContent 는 마크업 태그 ex)div, span 등 를 제외한 모든 문자열을 읽고, 변경할 수 있다. This is some text! ✔innerText는 style 같이 마크업 언어가 적용된 최종 형태를 읽어온다. 즉 HTML 요소는 제거된 채 render 된 ..

[JavaScript] Ajax에 대하여

현재 프로젝트를 진행하며 데이터를 받아올 때 새로고침이 되는 부분을 새로고침이 안되게 바꾸고 싶어 찾아보니 Ajax라는 것을 사용하면 된다고 하여 학습한 후 정리해보겠습니다. Ajax란? Ajax란 Asynchronous JavaScript and XML의 약자로 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 이때 서버와는 다음과 같은 형태의 데이터를 주고받을 수 있습니다. - JSON - XML - HTML - 텍스트 파일 등 Ajax의 장점 1. 웹 페이지 전체를 ..

자바스크립트 변수 선언 및 규칙 (JavaScript Variable)

자바스크립트 변수 자바스크립트에서 변수를 선언할 때에는 let 을 사용합니다. 즉 let 변수이름 = value 이렇게 선언을 하면 변수이름에 값이 할당되는 방식입니다! let variableName = "Variable" console.log(variableName) //출력 : Variable 이때 제가 선언한 변수 이름을 보면 중간에 띄어쓰기에 있어야 할 부분에 Name이 대문자로 시작하는 것이 보일텐데요. 이것을 보고 중간중간의 대문자가 낙타(camel)의 혹처럼 생겨서 camelCase라고 부릅니다. 변수명에는 띄어쓰기가 불가능하기 때문에, 띄어쓰기 역할을 대신 할 무언가가 필요합니다. 그중 하나가 'camelCase'라는 것인데요. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫..