웹풀스택 공부 중

IIFE (Immediately Invoked Function Expression) - 즉시 사용 함수함수 정의부 + 함수 호출부를 한줄에 처리하는 방법//기본형태function sum(a,b) { console.log(a+b)}sum(1,2)// IIFE(function sum(a,b){ console.log(a+b)})(1,2)장점:호출 후 바로 삭제 된다함수를 은닉할 수 있다“완전범죄!”그래서 원하지 않는 곳에서 호출하고 싶어도 호출이 불가능하다단점:함수가 메모리에 저장된다특징:정의부와 호출부가 같이 있다첫번째 ( ) 는 정의부두번째 ( ) 는 호출부한번 쓰고 말때도 이런식으로 쓸 수 있다// 기본형태const display = companies.filter((company) => co..

10 - 2. Module System모듈 시스템HTML에서 Script의 로드 시점을 조율한다면 웹 브라우저 내 DOM의 로드 속도를 향상 시키는 것이 가능하다성능에서 고려해야할 것 두가지다운로드 = Fetch실행 = execute두가지가 있다: defer , async defer: 지연 스크팁트나중에 실행한다DOM의 모든 element에 접근할 수 있고, 실행 순서도 보장하기에 가장 범용적으로 사용된다스크립트 파일끼리의 의존성이 있는 경우에도 사용이 용이하다순서를 보장한다HTML에 추가된 (Script가 추가된) 순서대로 실행한다크기나 먼저 도착한 Script 순서 상관없이!async : 비동기 스크립트다운로드 시작 (fetch)하자마자 바로 실행된다실행 순서를 비보장한다 = 자본주의!먼저온 S..

객체 = 필드 + 메서드 (프로퍼티의 집합) 요소 (Element = 객체) = 속성 + 프로퍼티(Attributes)의 집합 요소: 속성: 메서드 Default 버전으로 표현 function() { } 을 사용한다. var person = { name: "Aaron", sayName: function() { console.log(this.name); }};class Person { name = "Aaron"; sayName = function() { console.log(this.name); }}; Shorten 버전으로 표현var pe..

ThisThis는 두 가지로 나뉩니다:일반 함수 표현식 내 this: 객체 동적 바인딩 = 동적 스코프 (Dynamic Scope)일반 함수: 그냥 global 객체메서드: 객체화 혹은 초기화 여부에 따라 해당 객체 내 스코프가 결정됨function Constructor1() { // 호출지 : Constructor1 객체 this.field = 0; // (위와 동일) Constructor1 객체 내 this.field = 0 console.log(this.field); // (위와 동일) Constructor1 객체 내 this.field = 0 function doublewrapper() { // ..

JS함수형 프로그래밍 기반으로 객체지향의 기반을 얹었다Zod: 이후에 추가할 내용함수형 프로그래밍의 페러다임: 일급 함수 & 순수 함수일급함수함수 변수 할당 = 함수 표현식var expression = function() { console.log('') } expression()함수 파라미터var array = [1,2,3,4,5] var parameter = (elemet) => { return element * 10 } var calcarray = array.map(parameter) console.log(calcarray)함수 반환function returnvalue(unit){ return (paratmer) => { console.log(parameter * unit) } } var return..