2022.12.01 - [Javascript] - [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? 글을 쓰기전에.. 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대해 궁금증이 생겼고, 가장 자주 쓰이며 꼭 알 mooonstar.tistory.com 2022.12.04 - [Javascript] - [Javascript] 콜백(Callback) 함수란? [Javascript] 콜백(Callback) 함수란? ⚡️글을 읽기 전에. 콜백(Callback) 함수를 쉽게 이해하기 위해..

Fetch API 웹 개발을 하다 보면 클라이언트와 서버 간에 데이터를 주고받기 위해 HTTP 통신을 하게 됩니다. 오늘 포스팅은 Javascript의 비동기 통신을 위해 사용되는 Fetch API에 대해 알아보도록 하겠습니다. 동기, 비동기에 대해 잘 모르시는 분은 아래 링크를 우선 보고 와주시면 감사하겠습니다. 2022.12.01 - [Javascript] - [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? 글을 쓰기전에.. 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대..

🔥var를 사용하지 않는 이유 ES6 이후 var를 사용함으로써 발생하는 문제를 해결하기 위해 새로운 변수 선언 방식인 let, const가 등장하였고, Javascript 코드에서 var의 선언 방식은 점차 사라지고 있다. 필자도 그러한 이유로 var 선언 방식을 거의 사용하지 않았다. var는 다음과 같은 문제를 갖는다. 💥변수명 중복 생성 가능 var name = "moonstar" console.log(name) //moonstar var name = "blog" console.log(name) //blog 위와 같은 같은 변수명에 서로 다른 값을 할당해도 문제없이 실행되는 모습을 볼 수 있다. 하지만 개발자의 실수로 같은 변수명을 선언하고 할당하는 경우, 기존의 변수에 할당되는 값이 변할 것이며..

⚡️HTML요소 접근 방법 컴포넌트 기반 웹 프로그래밍이 추세가 됨에 따라, 웹 개발을 하면서 컴포넌트에 대한 접근은 필수적입니다. 과거의 Javascript 에서는 컴포넌트에 접근할 수 있는 수단으로 제이쿼리를 사용하였다. 하지만 현재 Javascript가 현대화가 되면서, 자체적으로 DOM에 접근할 수 있는 메서드가 추가되어 제이쿼리 없이 제이쿼리가 할 수 있는 기능을 구현할 수 있다. 이번 포스팅에서는 Javascript의 querySelector에 대하여 작성하도록 하겠습니다. 🔥Document 구조 위의 그림을 보면 문서(Document)의 전체 구조를 파악할 수 있습니다. 따라서 Javascript의 querySelector() 함수를 사용하게 되면 특정 선택자와 일치하는 요소에 접근하여 원하..

콜백(Callback) 함수를 쉽게 이해하기 위해서는 Javascript에 동기, 비동기 동작 방식에 대한 이해가 필요합니다. 이 부분은 아래 링크의 글을 읽어주시면 감사하겠습니다. 2023.04.10 - [Languages/Javascript] - [Javascript]동기와 비동기의 이해 콜 스택(Call Stack) 이해하기 [Javascript]동기와 비동기의 이해 콜 스택(Call Stack) 이해하기 📌개요 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대해 궁금증이 생겼고, 가장 자주 쓰이며 꼭 알아야 할 mooonstar.tistory.com 콜백(Callback) 함수란? 콜백(Callba..