본문 바로가기

JavaScript7

[Javascript]Synchronous Processing(동기) 와 Asynchronous(비동기)에 관하여 1.Synchronous Processing 동기요청을 보내고, 응답이 올 때까지 대기한 후 응답이 오면 작업 진행일의 순서가 중요한 경우 동기 처리를 진행하면 된다.처리 순서가 보장되지만, 다음 응답이 오기까지 다른 작업을 수행할 수 없기에 비효율적일 수 있다.    console.log("첫 번째");  for (let i = 0; i 1000000000; i++) {    // 무거운 작업  }    console.log("두 번째");2. Asynchronous Processing 비동기 요청을 보내고, 응답을 기다리지 않고 다음 작업을 계속 해서 진행일의 순서가 중요하지 않을 경우 효율적인 작업의 처리를 위하여 활용할 수 있다.   function sendTextMessage(message, .. 2024. 9. 5.
[JavaScript] 자바스크립트에서의 클래스(Class) 1. Class?객체를 생성하기 위한 일종의 템플릿// 클래스 생성class Person {    constructor(name, age, hobby) {        this.name = name;        this.age = age;        this.hobby = hobby;    }    speak() {        console.log("hello");    }    speak1() {        console.log(`my name is ${this.name} and my hobby is ${this.hobby}`);    }}위의 코드는 class Animal 이라는 class가 선언 2. Class를 통한 Instance 생성// class를 통한 instance 생성const .. 2024. 7. 31.
[Dom과 Dom Tree] Dom, Dom Tree, Dom 접근 및 제어 1. 자바스크립트 & 웹 페이지 동작 원리 DOM을 이해하기 위해서는 먼저 자바스크립트에 대해서 이해하고 있어야한다.자바스크립트 - 스크립트 언어에 해당하는 자바스크립트는 오늘날 html, css 와 함께 웹을 구성하는 주요 요소로써 , 웹 페이지를 동적으로 만들기 위해 -> HTML 문서를 조작하여 동적으로 웹 페이지를 구성하고, 움직임을 주기 위해 만들어진 언어 웹 페이지 기본 동작 원리 사용자(Client) -----요청(Request)----> 서버(Server)사용자(Client)사용자는 웹 서버에 접속할 때 서버에 요청을 던지고, 사용자는 서버 측으로 부터 html문서(Document)를 응답 Response로 부터 받는다.각 브라우저는 (크롬,엣지, 삼성, 사파리) 등 전부 랜더링 엔진을 가.. 2024. 7. 31.
[JavaScript] 프로그래머스 - 기사단원의 무기(약수 시간 복잡도 계산) 1. 문제 설명숫자나라 기사단의 각 기사에게는 1번부터 number까지 번호가 지정되어 있습니다. 기사들은 무기점에서 무기를 구매하려고 합니다. 각 기사는 자신의 기사 번호의 약수 개수에 해당하는 공격력을 가진 무기를 구매하려 합니다. 단, 이웃나라와의 협약에 의해 공격력의 제한수치를 정하고, 제한수치보다 큰 공격력을 가진 무기를 구매해야 하는 기사는 협약기관에서 정한 공격력을 가지는 무기를 구매해야 합니다. 예를 들어, 15번으로 지정된 기사단원은 15의 약수가 1, 3, 5, 15로 4개 이므로, 공격력이 4인 무기를 구매합니다. 만약, 이웃나라와의 협약으로 정해진 공격력의 제한수치가 3이고 제한수치를 초과한 기사가 사용할 무기의 공격력이 2라면, 15번으로 지정된 기사단원은 무기점에서 공격력이 2인.. 2024. 7. 18.
[Javascript] 프로그래머스 - 덧칠하기 1. 문제 설명어느 학교에 페인트가 칠해진 길이가 n미터인 벽이 있습니다. 벽에 동아리 · 학회 홍보나 회사 채용 공고 포스터 등을 게시하기 위해 테이프로 붙였다가 철거할 때 떼는 일이 많고 그 과정에서 페인트가 벗겨지곤 합니다. 페인트가 벗겨진 벽이 보기 흉해져 학교는 벽에 페인트를 덧칠하기로 했습니다.넓은 벽 전체에 페인트를 새로 칠하는 대신, 구역을 나누어 일부만 페인트를 새로 칠 함으로써 예산을 아끼려 합니다. 이를 위해 벽을 1미터 길이의 구역 n개로 나누고, 각 구역에 왼쪽부터 순서대로 1번부터 n번까지 번호를 붙였습니다. 그리고 페인트를 다시 칠해야 할 구역들을 정했습니다.벽에 페인트를 칠하는 롤러의 길이는 m미터이고, 롤러로 벽에 페인트를 한 번 칠하는 규칙은 다음과 같습니다.롤러가 벽에서.. 2024. 7. 17.
JavaScript 배열 Array 삭제에 관한 총 정리 1. 배열의 첫번째 값 삭제  배열의 첫번째 값을 삭제해주는 함수로써 Array.shift()가 있습니다. array.shift();function solution() {    const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];    console.log('삭제 전:', array);    //배열 삭제 진행    array.shift();    console.log('삭제 후', array);}실행 결과 : 삭제 전: [ 1, 2, 3, 4, 5 ] 삭제 후 [ 2, 3, 4, 5 ]2. 배열의 마지막 값 삭제배열의 마지막 값을 삭제해주는 함수로써는 Array.pop()이 있습니다.function solution() {    const array = [1, 2, 3, 4.. 2024. 7. 4.

티스토리툴바