FrontEnd/Java Script17 Front end 기술 면접에서 검증되는 핵심 이해도 소개 Front-end 기술 면접은 프론트엔드 개발자 채용 과정에서 필수적인 부분입니다. 이 면접은 후보자의 프론트엔드 기술에 대한 핵심 이해도와 실제 문제 해결 능력을 평가하기 위해 진행됩니다. 이 블로그 포스트에서는 프론트엔드 기술 면접에서 일반적으로 검증되는 주요 영역을 살펴보겠습니다. 1. HTML HTML은 웹 페이지의 기반입니다. 면접관들은 후보자의 HTML 태그, 속성 및 의미론적인 마크업에 대한 지식을 테스트할 수 있습니다. HTML 요소의 적절한 사용법, 블록 수준과 인라인 요소의 차이, 의미론적 HTML 사용의 중요성 등에 대한 질문을 할 수 있습니다. 2. CSS CSS는 웹 페이지의 시각적인 표현을 담당합니다. 면접관들은 후보자의 CSS 선택자, 특수성 및 상속에 대한 이해도를 확인.. 2023. 6. 27. Front end 면접에서 예상되는 코딩 과제와 해결법 소개 프론트엔드 개발은 웹 개발의 중요한 부분이며, 프론트엔드 개발자로서 면접에 잘 준비하는 것이 중요합니다. 프론트엔드 면접에서 코딩 과제는 문제 해결 능력, 코딩 능력 및 프론트엔드 기술에 대한 이해력을 평가하는 중요한 요소입니다. 1. HTML 과제 HTML은 웹 페이지의 기초입니다. 프론트엔드 면접에서는 HTML 태그, 속성 및 의미 있는 마크업에 대한 지식을 평가하는 HTML 과제를 만날 수 있습니다. 일반적인 HTML 과제에는 다음과 같은 것들이 있습니다: vs : 차이점과 각각을 언제 사용해야 하는지 설명하십시오. HTML과 CSS를 사용하여 반응형 네비게이션 메뉴를 만드십시오. HTML5 속성을 사용하여 적절한 유효성 검사가 구현된 양식을 만드십시오. 2. CSS 과제 CSS는 웹 페이지의.. 2023. 6. 27. JavaScript의 탄생부터 현재까지 역사 알아보기 소개 JavaScript는 현재 웹 개발에서 가장 중요한 언어 중 하나입니다. 이 언어는 웹 페이지를 동적으로 만들고 상호작용을 가능하게 하는 데 사용됩니다. JavaScript의 역사를 이해하는 것은 이 언어를 효과적으로 사용하는 데 도움이 될 것입니다. 이 글에서는 JavaScript의 탄생부터 현재까지의 역사를 알아보겠습니다. 1. 탄생 JavaScript는 1995년에 브렌던 아이크(Brendan Eich)에 의해 개발되었습니다. 당시에는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 스크립트 언어로서 LiveScript라는 이름으로 알려져 있었습니다. 그러나 당시에는 웹 브라우저에서만 사용되는 언어로서 큰 인기를 얻지 못했습니다. 2. 넷스케이프와 자바스크립트 1996년, 넷스케이프 커뮤니케.. 2023. 6. 23. 아직도 이거 모르니? JS 키워드 TOP 10! 소개 자바스크립트(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 언어를 잘 이해하고 활용하는 것은 웹 개발자에게 매우 중요합니다. 이 블로그 포스트에서는 아직 자바스크립트의 중요한 키워드를 모르는 분들을 위해 JS 키워드 TOP 10을 소개하겠습니다. 1. 변수 (Variable) 변수는 값을 저장하는 데 사용되는 메모리 공간입니다. 자바스크립트에서 변수를 선언할 때는 'var', 'let', 'const' 키워드를 사용합니다. 예를 들어: var x = 5; let y = 'Hello'; const z = true; 2. 함수 (Function) 함수는 코드의 재사용성을 높이기 위해 사용됩니다. 자바스크립트에서 함수를 정의할 때는 'function' 키워드를 사용합니다. .. 2023. 6. 23. IIFE(즉시 실행 함수 표현식) 즉시실행 함수 표현식 일반적으로 함수는 선언 후에 실행하도록 되어있다. function a() { console.log("a"); } a(); 즉시실행 함수 표현식은 함수의 선언과 동시에 실행하도록 하는 표현식이다. (function a() { alert("a"); })(); 이 표현식의 등장은 이전 포스트에서 다룬 'var'로 선언한 변수와 관련이 있다. 'var'는 블록 스코프가 아니기 때문에, var를 블록 스코프를 가질 수 있도록 방법을 고안하다가 IIFE가 등장했다. 2021/01/11 - [FrontEnd/Java Script] - 호이스팅이란? 즉시실행함수는 선언할때 괄호로 감싸서 (function a(){...})와 같은 형태로 만든다. 자바스크립트에서는 function 이라는 키워드를 만.. 2021. 1. 11. 호이스팅이란? 구형 자바스크립트 호이스팅은 구형 자바스크립트에서 발생하는 것이며, 현재 이런 코드가 있다면 개선해야 합니다. 호이스팅의 사전적 의미는 다음과 같다. hoisting 명사 1.끌어 올리기; 들어올려 나르기. 자바스크립트에서 발생하는 호이스팅은 변수를 끌어올린다 라고 생각하고 아래 내용을 보시면 도움이 되겠다. 변수 선언 호이스팅이라는 개념을 알기 전 변수 선언에 대한 개념이 필요하다. ECMA6에 들어오면서 JavaScript에는 'let'과 'const'라는 변수선언 예약어가 추가되었다. 이는 var가 가지고 있는 문제를 해결하기 위해서 만들어진 것이라고 한다. var 변수선언의 가장 큰 특징은, 블록 스코프가 없다는 것이다. 블록 스코프가 없다는 것은, 변수의 영향범위를 산정하기 어렵다는 의미이다. .. 2021. 1. 11. this this : 메서드 내부에서 객체에 접근할 수 있는 지시자? 예약어? let company = { name: "nhn", where: "pangyo", companyName() { alert(this.name); // this 는 현재 메소드의 객체인 company를 나타낸다. } }; company.companyName(); 동일한 코드는 다음과 같이 작성할 수 있다. let company = { name: "nhn", where: "pangyo", companyName() { alert(company.name); return company.name; // this. 대신 user 사용 } }; company.companyName(); 다만 후자의 경우, 원하지 않는 형태의 동작을 할 수도 있다. 예를.. 2020. 12. 31. JS Object에서 .forEach 루프와 .map() 루프 사이의 주요 차이점 forEach 배열의 요소를 반복합니다.(공통점) 각 요소에 대해 콜백을 실행하며 값을 반환하지 않습니다.(차이점) const a = [1, 2, 3]; const doubled = a.forEach((num, index) => { return num*=2; }) console.log(doubled)// doubled = undefined map 배열의 요소를 반복합니다.(공통점) 각 요소에서 함수를 호출하여 결과로 새 배열을 작성하여 각 요소를 새 요소에 매핑합니다.(차이점) const b = [1, 2, 3]; const doubledmap = b.map((num, index) => { return num*=2; }) console.log(doubledmap)// doubledmap = [2,4,6].. 2020. 11. 5. 이전 1 2 다음 반응형