Worklet Worklet이란 Worklet 인터페이스는 Web Workers의 경량 버전이며 개발자가 렌더링 파이프 라인의 하위 수준에 접근할 수 있도록 해준다. Worklet을 사용하면 JavaScript 및 WebAssembly 코드를 실행하여 고성능이 필요한 경우 그래픽 렌더링 또는 오디오 처리를 수행 할 수 있다. - MDN 기본적으로 Worker는 한 Thread에 하나가 생성이 가능하지만, Worklet은 한 Thread에 여러 개 생성이 가능합니다. 메인 Thread에서 만들 수 있습니다. 독립적인 GlobalScope와 Event loop를 가집니다. Worklet Type PaintWorklet LayoutWorklet AnimationWorklet AudioWorklet 그리고 Ty..
소개 프론트 엔드 개발은 웹 개발의 중요한 부분이며, 따라서 프론트 엔드 면접에서는 자주 묻는 질문들이 포함됩니다. 이러한 질문들은 면접관이 HTML, CSS, JavaScript와 같은 프론트 엔드 기술에 대한 지식과 이해력을 평가하는 데 도움이 됩니다. 이 블로그 포스트에서는 프론트 엔드 면접에서 자주 묻는 일부 일반적인 질문들을 살펴보겠습니다. 1. CSS에서 박스 모델이란 무엇인가요? 박스 모델은 웹 페이지에서 요소가 렌더링되는 방식을 설명하는 CSS의 기본 개념입니다. 이는 콘텐츠, 패딩, 테두리, 마진으로 구성됩니다. 콘텐츠 영역은 요소의 실제 콘텐츠가 표시되는 곳입니다. 패딩은 콘텐츠와 테두리 사이의 공간을 제공합니다. 테두리는 패딩과 콘텐츠를 둘러싸며, 마진은 요소와 페이지의 다른 요소 사..
소개 프론트 엔드 개발은 웹 개발의 중요한 부분이며, 이 분야에서 취업하기 위해서는 HTML, CSS 및 JavaScript에 대한 튼튼한 이해가 필요합니다. 프론트 엔드 면접에서 성공하기 위해서는 철저한 준비와 흔히 나타날 수 있는 주제와 질문에 익숙해져야 합니다. 이 블로그 포스트에서는 프론트 엔드 면접에 효과적으로 준비하기 위한 팁과 가이드라인을 제공하겠습니다. 1. 채용 요구사항 이해하기 면접 준비에 앞서, 지원하는 프론트 엔드 직무의 특정 채용 요구사항을 이해하는 것이 중요합니다. 채용 공고를 주의 깊게 읽고 필요한 기술과 기술들을 메모해두세요. 이를 통해 준비를 맞추고 역할과 관련된 가장 중요한 영역에 초점을 맞출 수 있습니다. 2. HTML 기본 개념 복습하기 HTML은 웹 페이지의 기반이 ..
소개 프론트 엔드 면접을 준비하는 것은 자신의 경험을 효과적으로 어필하는 것이 어려운 경험일 수 있습니다. 이 블로그 포스트에서는 프론트 엔드 면접에서 자신의 경험을 어떻게 효과적으로 보여줄 수 있는 가치 있는 팁에 대해 논의하겠습니다. 이 가이드라인을 따르면 잠재적인 고용주에게 자신의 기술, 지식 및 성과를 자신있게 보여줄 수 있습니다. 본문 1. 채용 공고의 요구사항 이해하기 면접 전에 채용 공고를 주의 깊게 검토하고 프론트 엔드 역할의 특정 요구사항을 이해하세요. 이를 통해 가장 관련성 높은 기술과 프로젝트를 강조할 수 있습니다. 2. 관련 프로젝트 강조하기 경험을 설명할 때, 직접적으로 프론트 엔드 개발과 관련된 프로젝트에 초점을 맞추세요. 직면한 도전, 사용한 기술 및 작업의 성과에 대해 이야기..
소개 Front-end 기술 면접은 프론트엔드 개발자 채용 과정에서 필수적인 부분입니다. 이 면접은 후보자의 프론트엔드 기술에 대한 핵심 이해도와 실제 문제 해결 능력을 평가하기 위해 진행됩니다. 이 블로그 포스트에서는 프론트엔드 기술 면접에서 일반적으로 검증되는 주요 영역을 살펴보겠습니다. 1. HTML HTML은 웹 페이지의 기반입니다. 면접관들은 후보자의 HTML 태그, 속성 및 의미론적인 마크업에 대한 지식을 테스트할 수 있습니다. HTML 요소의 적절한 사용법, 블록 수준과 인라인 요소의 차이, 의미론적 HTML 사용의 중요성 등에 대한 질문을 할 수 있습니다. 2. CSS CSS는 웹 페이지의 시각적인 표현을 담당합니다. 면접관들은 후보자의 CSS 선택자, 특수성 및 상속에 대한 이해도를 확인..
소개 프론트엔드 개발은 웹 개발의 중요한 부분이며, 프론트엔드 개발자로서 면접에 잘 준비하는 것이 중요합니다. 프론트엔드 면접에서 코딩 과제는 문제 해결 능력, 코딩 능력 및 프론트엔드 기술에 대한 이해력을 평가하는 중요한 요소입니다. 1. HTML 과제 HTML은 웹 페이지의 기초입니다. 프론트엔드 면접에서는 HTML 태그, 속성 및 의미 있는 마크업에 대한 지식을 평가하는 HTML 과제를 만날 수 있습니다. 일반적인 HTML 과제에는 다음과 같은 것들이 있습니다: vs : 차이점과 각각을 언제 사용해야 하는지 설명하십시오. HTML과 CSS를 사용하여 반응형 네비게이션 메뉴를 만드십시오. HTML5 속성을 사용하여 적절한 유효성 검사가 구현된 양식을 만드십시오. 2. CSS 과제 CSS는 웹 페이지의..
소개 JavaScript는 현재 웹 개발에서 가장 중요한 언어 중 하나입니다. 이 언어는 웹 페이지를 동적으로 만들고 상호작용을 가능하게 하는 데 사용됩니다. JavaScript의 역사를 이해하는 것은 이 언어를 효과적으로 사용하는 데 도움이 될 것입니다. 이 글에서는 JavaScript의 탄생부터 현재까지의 역사를 알아보겠습니다. 1. 탄생 JavaScript는 1995년에 브렌던 아이크(Brendan Eich)에 의해 개발되었습니다. 당시에는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 스크립트 언어로서 LiveScript라는 이름으로 알려져 있었습니다. 그러나 당시에는 웹 브라우저에서만 사용되는 언어로서 큰 인기를 얻지 못했습니다. 2. 넷스케이프와 자바스크립트 1996년, 넷스케이프 커뮤니케..
소개 자바스크립트(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 언어를 잘 이해하고 활용하는 것은 웹 개발자에게 매우 중요합니다. 이 블로그 포스트에서는 아직 자바스크립트의 중요한 키워드를 모르는 분들을 위해 JS 키워드 TOP 10을 소개하겠습니다. 1. 변수 (Variable) 변수는 값을 저장하는 데 사용되는 메모리 공간입니다. 자바스크립트에서 변수를 선언할 때는 'var', 'let', 'const' 키워드를 사용합니다. 예를 들어: var x = 5; let y = 'Hello'; const z = true; 2. 함수 (Function) 함수는 코드의 재사용성을 높이기 위해 사용됩니다. 자바스크립트에서 함수를 정의할 때는 'function' 키워드를 사용합니다. ..
즉시실행 함수 표현식 일반적으로 함수는 선언 후에 실행하도록 되어있다. function a() { console.log("a"); } a(); 즉시실행 함수 표현식은 함수의 선언과 동시에 실행하도록 하는 표현식이다. (function a() { alert("a"); })(); 이 표현식의 등장은 이전 포스트에서 다룬 'var'로 선언한 변수와 관련이 있다. 'var'는 블록 스코프가 아니기 때문에, var를 블록 스코프를 가질 수 있도록 방법을 고안하다가 IIFE가 등장했다. 2021/01/11 - [FrontEnd/Java Script] - 호이스팅이란? 즉시실행함수는 선언할때 괄호로 감싸서 (function a(){...})와 같은 형태로 만든다. 자바스크립트에서는 function 이라는 키워드를 만..
구형 자바스크립트 호이스팅은 구형 자바스크립트에서 발생하는 것이며, 현재 이런 코드가 있다면 개선해야 합니다. 호이스팅의 사전적 의미는 다음과 같다. hoisting 명사 1.끌어 올리기; 들어올려 나르기. 자바스크립트에서 발생하는 호이스팅은 변수를 끌어올린다 라고 생각하고 아래 내용을 보시면 도움이 되겠다. 변수 선언 호이스팅이라는 개념을 알기 전 변수 선언에 대한 개념이 필요하다. ECMA6에 들어오면서 JavaScript에는 'let'과 'const'라는 변수선언 예약어가 추가되었다. 이는 var가 가지고 있는 문제를 해결하기 위해서 만들어진 것이라고 한다. var 변수선언의 가장 큰 특징은, 블록 스코프가 없다는 것이다. 블록 스코프가 없다는 것은, 변수의 영향범위를 산정하기 어렵다는 의미이다. ..
- Total
- Today
- Yesterday