프로그래밍/Javascript5 [모던 자바스크립트 Deep Dive] 브라우저 렌더링 과정 모던 자바스크립트 Deep Dive의 브라우저 렌더링 과정을 읽고 내용을 정리한다. 웹 앱에서 자바스크립트는 브라우저에서 html, css와 함께 실행된다.브라우저 환경을 고려할 때 더 효율적인 자바스크립트 프로그래밍이 가능하다. 그러니 알아두어야겠찌,,,, 들어가기 전에익숙치 않은 단어 (또는 알지만 설명하라고하면 잘 못하겠는, 안다고 말하기 좀 애매한) 가 나오기 때문에 간략하게 정리하고 가려고 한다.이미 아는 단어들이라면 넘어가도 좋을듯. 파싱프로그래밍 언어의 문법에 맞게 작성된 텍스트문서를 읽어 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해하고, 토큰에 문법적 의미와 구조를 반영해 트리구조의 자료구조인 파스트리를 생성하는 일련의 과정 렌더링html, css, 자바스크립트로 작성된 문서를 파.. 2024. 8. 27. [JS] 변수: var, let, const 변수?자바스크립트에서 변수란 데이터를 저장하기 위해 사용되는 이름을 말한다.변수는 메모리의 특정 위치를 가리키며, 그 위치에 저장된 값을 참조하여 프로그램 내에서 값들을 저장하고 조작할 수 있게 된다.변수 선언과 할당을 통해 값을 저장한다.변수의 중요한 특징 중 하나는 동적 타이핑(dynamic typing)이다. 자바스크립트는 변수의 타입을 명시적으로 지정하지 않고, 변수에 할당된 값에 따라 타입이 자동으로 결정된다. 예를 들어, 숫자 값을 변수에 할당하면 해당 변수는 숫자 타입으로 취급되며, 문자열 값을 할당하면 문자열 타입으로 취급된다.let number = 10; // 숫자 타입let text = "Hello"; // 문자열 타입동적 타이핑(dynamic typing)?자바스크립트는 변수를 선.. 2024. 5. 28. [Javascript] 함수 선언, 함수 표현, 객체의 메서드 2024년 1월 25일 작성하여 벨로그에서 이전한 글.프로젝트 소스를 보다보면 함수 형태가 다양해서 차이점을 좀 더 자세히 알아보기로 했다.함수, 꼭 써야하나?함수를 사용하는 이유중에 하나는 재사용성이 좋기 때문이다. 같은 일을 맡아 진행하는데 여러번 코드를 적을 필요가 없어진다. 그 코드가 수정할 일이 생길 때 그 함수만 수정하면 되기 때문이다.필자는 사실 초반에 필요성을 못느끼고 귀찮다는 이유로 코드를 복붙하는 경우가 많았는데, 시간이 얼마 지나지 않아 과거의 나를 무척이나 원망했다^^..함수선언함수 선언, 함수 정의, 기명함수이라고도 한다.// 선언function multiply(x, y) { return x * y;} // No need for semicolon heremultiply는 함수 이.. 2024. 4. 17. [Javascript] Function() 생성자, 화살표 함수 2024년 2월 2일 작성하여 벨로그에서 이전한 글.지난주에 자바스크립트 함수에 대하여 공부했는데, 내용이 많아서 이번주에 보충공부를 했다.Function() 생성자함수는 Function() 생성자 통해서도 만들 수 있다. 변수에 생성자를 호출하여 익명함수의 형태이며 생성자 호출 시 함수 몸체를 분석(parse)하여 새로운 함수 객체를 생성한다.Function() 생성자가 가진 가장 큰 특징은 동적으로 자바스크립트 함수를 생성할 수 있다는 점이다. 런타임에 동적으로 함수의 내용이 생성되어야 할 때를 제외하고는 일반적으로 사용하는 방법은 아니고, 보통은 함수 선언문 또는 함수 표현식을 많이 사용한다.let sc = "outer";function constructFunc() { let sc = "inn.. 2024. 4. 17. 이전 1 2 다음