본문 바로가기

Programming/Javascript9

[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]순수함수와 비순수함수 1. 순수함수   2. 비순수함수 2024. 8. 23.
[Javascript]Javascript 자바스크립트의 변수(var,const,let) 과 scope // 전역 스코프 global scope , 블록 스코프 block scope , 함수 스코프(function scope)let blockScopeVariable = "Available only in this block";if(true) {    // var blockScope = "Visible inside this block";    let blockScope = "Visible inside this block";    console.log(blockScope);} // console.log(blockScope);console.log(blockScopeVariable);// console.log(blockScope); // for (let i =0;i//     console.log(i);// }fo.. 2024. 8. 11.
[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.
[Code Review, Prgoramming Style] 코드리뷰, 프로그래밍 스타일에 관하여.. 1. 개요 - Code Review(코드 리뷰) 와 프로그래밍 스타일(Progmming Style)코드 리뷰는 개발자들이 서로의 코드를 보면서 이게 못났니, 저게 못났니 하는 문화이다. 더 나은 코드, 유지보수성이 좋도록 가독성이 좋도록 고쳐나가는 개발 과정의 한 단계이자 문화이다. 코드 리뷰를 통해서 사소한 규칙부터, if문이나 for문을 내가 너무 남발하고 있지는 않은 것인지? , 반복문에 대해 시간 복잡도는 고려한 것인지? , 내가 하고있는 어떠한 프로그래밍 스타일이 어떠한 팀의 룰을 깨고있는 것이 아닌지 메타인지, 자기객관화가 항상 부족한 자신을 위해 도움이 되는를 알 수 있는 그러한 문화이다. 하여 이러한 문화가 있는 회사의 구성원들이나 팀원들은 자신의 의견을 제시하고, 수용하고, 부족했던 점을.. 2024. 7. 30.
[Javascript] this 객체 바인딩 , 함수 바인딩 var fullname = 'Ciryl Gane'var fighter = {    fullname: 'John Jones',    opponent: {        fullname: 'Francis Ngannou',        getFullname: function () {            // 객체 this 바인딩 -> Francis Ngannou            return this.fullname;        }    },    getName: function() {        // 객체 this 바인딩 -> John Jonse        return this.fullname;    },    getFirstName: () => {        // 함수 this 바인딩 -> Ciry.. 2024. 7. 29.

티스토리툴바