메모리허브

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 is a programming language that builds on JavaScript by adding static type definitions, helping developers catch errors early and write more robust code.The Big PictureImagine you're working with a set of building blocks to create a model. Each block represents a piece of code. JavaScript allows you to build anything you want with these blocks but doesn't check if the pieces fit perfec..

요약문(statement), 주석 및 주석을 포함한 JavaScript 문법의 다양한 측면에 대해 설명해.최소한의 주석이 필요한 명확하고 간결한 코딩가 중요해.주석은 아키텍처, 함수 사용법, 매개변수를 설명하고 문제를 해결하기 위해 특정 방법을 사용한 이유를 설명하는 데 유용해. 또 미묘한 기능을 강조하고 향후 개발을 위한 지침을 제공하는 데에도 유용해.좋은 주석은 코드 가독성을 개선하고 리팩토링 또는 유지 관리 시 시간과 노력을 절약할 수 있어.자바스크립트 문법문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미해alert('Hello');alert('World');같은 문장에 있을 경우 세미 콜론을 추가해줘야해. 그리고 아래와 같은 ..

요약모던 자바스크립트에선 이렇게 안해.태그 옆에 붙은 주석은 여기서 /path/to/script.js는 사이트의 루트에서부터 파일이 위치한 절대 경로고.현재 페이지에서의 상대 경로를 사용하는 것도 가능해.같은 폴더 내에 있는 파일인 "script.js"를 src="script.js"로 참조하거든.물론 아래와 같이 URL 전체를 속성으로 사용할 수도 있어.복수의 스크립트를 HTML에 삽입하고 싶다면 스크립트 태그를 여러 개 사용하면 돼.주의:HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용하고, 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋아.스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있..

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