본문 바로가기

JavaScript/Information

[JavaScript] Promise에 대해서 공부한 내용 정리
JavaScript/Information 2025. 1. 21. [JavaScript] Promise에 대해서 공부한 내용 정리 오랜만에 작성하는 티스토리,,일하느라 바쁜 직장인.. 일하다가 비동기 문제때문에 골머리를 앓았다.평소에 Java만 공부한 터라 JS에 대해선 지식이 얉은 편.    우선 Promise에 대해 설명하기 전에스레드란? 작업을 처리하는 일꾼이라고 보면 된다.한마디로 프로그램이 실행되는 동안 작업을 수행하는 역할이랄까?컴퓨터에서 동영상을 보면서 동시에 문서작업이 가능한 이유는 뭘까. 여러 스레드가 각 작업을 처리해주기 때문에 가능한 일이다.  BUT, JavaScript는 '단일스레드'를 가지고 있다.  그러면 스레드 하나가 모든일을 다하기엔 너무  비효율적이지 않나?그래서 사용하는게 바로 Web APIJS가 WebAPI에게 일을 넘겨주고 바로 다음 작업으로 넘어간다.Web API의 일이 끝나면 그때 결과를 받..
DOM(Document Object Model)이란?
JavaScript/Information 2024. 6. 10. DOM(Document Object Model)이란? DOM이란?텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가이해할 수 있는 구조로 메모리에 올려야 한다.브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리를 적재하는데 이를 DOM이라고 한다. DOM Tree 4종류1. 문서 노드(Document Node) -> 태그라고도 부름- 트리의 최상위에 존재하며 각각 요소, 어트리뷰트, 텍스트 노드에 접근하려면 문서 노드를 통해야 한다.즉, DOM Tree에 접근하기 위한 시작점이다. 2. 요소 노드(Element Node)- 요소 노드는 HTML요소를 표현한다.문서의 구조를 서술한다고 말할 수 있다. 3. 어트리뷰트(Attribute Node)- 어트리뷰트 노드..
JQuery란 무엇일까? 개념 및 사용하는 방법
JavaScript/Information 2024. 5. 10. JQuery란 무엇일까? 개념 및 사용하는 방법 JQuery가 뭔지 다 까먹은 나란 사람...다시 복습드갑니다 ~!  JQuery란?웹페이지를 조작하기 위해 설계된 자바스크립트 라이브러리입니다.빠르고, 크기도 작으며 기능이 많아 여러곳에서 사용되고 있습니다.jQuery는 DOM 요소의 선택, 조작, 이벤트 처리, 애니메이션 및 Ajax 통신을 간단하게 만들어 줍니다."이 Ajax통신을 간단하게 해줘야 한다는게 제일 좋은 것 같네용?" 하지만JQuery는 크롬 같은 브라우저들이 생겨나면서 React, Vue.js등의 등장으로 그 인기가 예전만큼은 아닙니다."하지만 JQuery로 만들어진 사이트들이 많기 때문에 유지보수 등의 이유로 알고 있어야 한다고 생각이 드네요."   예를 들어 id가 example인 div태그의 텍스트를 "안녕하세요"로 변경하는 작..
[JavaScript] var, let, const의 차이점은?
JavaScript/Information 2024. 1. 25. [JavaScript] var, let, const의 차이점은? var란? - var로 선언된 변수는 선언된 함수 내에서만 접근이 가능합니다. - 함수 외부에서 선언된 경우, 전역 변수가 됩니다. - var로 선언된 변수는 선언 전에 사용할 수 있습니다. 코드의 최상단으로 끌어올려지는 자바스크립트의 동작 방식 때문입니다. - 새로운 값으로 재할당이 가능합니다. 장점 1. 호이스팅이 가능하므로 선언전에 변수를 사용할 수 있습니다. 2. 전역 변수와 함수 스코프 변수를 선언하는데 사용할 수 있습니다. 단점 1. 함수 스코프로 인해 버그가 발생할 수 있습니다.2. 동일한 이름의 변수를 재선언하면 값이 덮어씌워지고, 호이스팅으로 인해 가독성이 떨어질 수 있습니다. *호이스팅: 변수나 함수 선언이 취상단으로 끌어올려지는 현상 let이란? - let으로 선언된 변수는 블록(중괄..
[JavaScript] 정규표현식이란? 개념 정리 및 메타문자와 차이점 + 정규식 플래그
JavaScript/Information 2023. 9. 18. [JavaScript] 정규표현식이란? 개념 정리 및 메타문자와 차이점 + 정규식 플래그 [JavaScript] 정규표현식이란? 개념 정리 및 메타문자와 차이점 🍓목차 더보기 - 정규표현식이란? 장점 단점 - 패턴 종류 - ‼️ 정규표현식 예시 - 메타문자와 차이점? 정규표현식 사용 시 유용한 상황은 어떤 것이 있나요? - 정규식 플래그란? 정규표현식이란? - 문자열에서 특정 내용을 찾거나 대체하고, 패턴에 부합하는지 검사하는 데 사용됩니다. - 정규표현식은 두 개의 슬래시(/) 사이에 위치한 패턴으로 표현할 수 있는데요? - 예를 들어 /apple/는 "apple"라는 문자열을 찾는 정규표현식입니다. 장점 강력함: 정규표현식은 복잡한 문자열 패턴을 찾고 조작할 수 있는 매우 강력한 도구입니다. 유연성: 다양한 메타문자와 수량자를 조합하여 복잡한 패턴을 표현할 수 있습니다. 언어 독립성: 대..
Node.js 노드의 개념 및 장점?
JavaScript/Information 2023. 4. 27. Node.js 노드의 개념 및 장점? 📗Node.js란? Node.js 공식사이트가 내린 정의: Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다. 웹 서버와 같이 확장성 있는 네트워크 프로그램 제작을 위해 고안되었습니다. 즉 서버를 개발하는데 사용되는 소프트웨어 플랫폼입니다. 사용하는 언어는 자바스크립트(JavaScript)를 활용합니다. Node.js가 활용될 때 Node.js 개발을 포함한 단일 페이지 웹 애플리케이션 웹 서버 백엔드 모바일 및 데스크톱 애플리케이션(게임 포함) 머신 러닝 시스템 또는 IoT 장치의 백엔드 Node.js 장점 애플리케이션의 프론트엔드에서 확장성과 빠른 사용이 가능하고 쉽게 코딩이 가능합니다. 개수는 많지만 크기는 작은 데이터를 실시간으로 주고받는데 적..

티스토리툴바