메모리허브

Let's explore ten simple yet powerful JavaScript one-liners that can help beginner developers look like pros by making their code more efficient and elegant.The Big PictureImagine you're a chef who wants to prepare a delicious meal quickly and efficiently. Instead of using many complicated steps, you use some clever tricks to get the job done faster without sacrificing taste. Similarly, these Ja..

TypeScript를 들어보셨나요? 웹 개발자라면 한 번쯤은 들어봤을 이 언어, 요즘 현업에서 많은 개발자들이 사용하고 있는데요. 여러분이 자동차를 운전할 때 내비게이션이 길을 안내해주는 것처럼, TypeScript는 코드를 작성할 때 올바른 방향으로 안내해 줍니다.내비게이션이 잘못된 길로 들어가기 전에 경고하듯, TypeScript는 버그가 발생하기 전에 미리 알려줍니다그냥 목적지만 알려주는 것이 아니라 최적의 경로를 제시하듯, TypeScript는 코드 작성의 최적 경로를 제안해 줍니다왜 필요한가?TypeScript가 해결하는 문제들은 다음과 같습니다:컴파일 단계에서 오류 감지: JavaScript는 런타임에만 오류를 발견할 수 있어 배포 후 문제가 발생할 수 있습니다. TypeScript는 코드 작..

요약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 ..