메모리허브

/$$ /$$$$$$$$ /$$ | $$| $$_____/|__/ /$$$$$$$| $$ /$$ /$$$$$$$|__ $$__| $$$$$ | $$| $$__ $$ | $$ | $$__/ | $$| $$ \ $$ | $$ | $$ | $$| $$ | $$ | $$ | $$$$$$$$| $$| $$ | $$ |__/ |________/|__/|__/ |__/------------------------------------ One Line of Code "이거 그냥 for문 돌리면 되는 거 아니야?" 저도 그랬습니다. 배열에서 특정 조건의 요소만 뽑아 새로운 배열을 만드는, 너무나 익숙한 작업을 위해 서너 줄의 코드를 기계적으로 작성..

요약JavaScript의 문(statement), 세미콜론 사용법, 주석 유형과 작성 방식에 대한 체계적 분석명확한 코드 작성이 최우선이며, 주석은 보조적 역할로 필요한 경우에만 사용해야 함효과적인 주석은 아키텍처 설명, API 문서화, 문제 해결 접근법 설명, 복잡한 알고리즘 이해를 돕는 데 중요함코드의 가독성과 유지보수성을 높이기 위한 주석 작성 원칙과 실제 활용 방법 제시1. JavaScript 문법의 기본 요소1.1 문(Statement)의 이해문(statement)은 JavaScript에서 실행 가능한 최소 단위의 독립적인 명령어입니다. 각 문은 특정 작업을 수행하도록 JavaScript 엔진에 지시합니다.[^1]let x = 5; // 변수 선언 문console.log(x); ..

안녕하세요, 블로거입니다!오늘은 웹 개발의 핵심 요소인 JavaScript 역사적 배경3.2 주요 속성src 속성외부 JavaScript 파일을 로드할 때 사용합니다:src 속성에는 다음과 같은 값을 사용할 수 있습니다:상대 경로: src="scripts/app.js"절대 경로: src="/scripts/app.js"전체 URL: src="https://cdn.example.com/scripts/app.js"중요: src 속성이 있는 경우 태그 내부의 코드는 무시됩니다[^2].type 속성원래는 스크립트의 MIME 타입을 지정하는 데 사용되었습니다:하지만 현대 HTML5에서는 JavaScript가 기본값이므로 일반적인 경우 생략합니다.현대적 용도:ES 모듈 지정: type="module"향후 사용을 위한..

Promise 등장 배경 : 콜백 지옥!JavaScript를 작성할 때 종종 다른 작업에 의존하는(순차적인) 작업을 처리해야 해!이미지 조회 후 저장하기 예제이미지를 가져 와서 압축하고 필터를 적용하고 저장📸하는 작업이 필요하다고 가정해보면.1 먼저 getImage 함수가 편집하려는 이미를 얻고! 해당 이미지가 성공적으로 조회 된 후에만 해당 값을2 resizeImage 함수에 전달하고3 이미지 크기가 성공적으로 조정되면 applyFilter 함수로 이미지에 필터를 적용해.4 이미지가 압축되고 필터를 추가한 후 이미지를 저장하고 (saveImage) 사용자에게 모든 것이 올바르게 작동했다는 걸 알려줘 (console.log)근데 이 방식은 너무 지저분하지 않아? 이전 콜백 함수에 의존하는 너무 많은 중..

HTML parserhtml에 이런 스크립트를 넣고 크롬으로 열어본다고 가정해볼거야.어떤 일이 발생할까?HTML parser가 script 태그를 소스코드에서 읽어서 네트워크, 캐시, 또는 서비스 워커에서 읽혀서 byte stream decoder에 보내!byte stream decoder : UTF-16 byte stream을 컴퓨터가 읽고 해석하는 byte코드로 변환해.byte stream decoder 는 decoding한 byte로 토큰을 만들어.예를 들어 0066 ->(decode) f , 0075 -> u, 등.이렇게 변환된 토큰은 parser에게 보내. (pre-parse).JS 엔진은 두 가지 종류의 parser가 있어 : pre-parser와 parser.웹페이지 로딩시간을 최소화하려면 ..

/* ******************************************************************************************* * GLOBAL OBJECTS > OBJECT * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object * ******************************************************************************************* */// Global object: propertiesObject.length // length ..