Front-end 개발/FE 용어
-
[면접 스터디] 프론트엔드 JavaScript 기술 면접 질문Front-end 개발/FE 용어 2024. 7. 15. 06:05
이번에 준비할 기술면접 질문은 웹 프론트엔드 개발자라면 숙지하고 있어야 할 JavaScript와 관련된 질문이다. 스터디원 중에 기술면접을 받고 와서 JavaScript 쪽에서 나오는 질문에 답변 준비가 미흡했다는 후기를 바탕으로 주제와 키워드를 선정하게 되었다. 이번 주에 다룰 키워드는 아래와 같다. 기술면접 키워드- 호이스팅이란?- var, let, const의 차이- 프로토타입- this 스코프, 스코프체인- ES6+ 새로 생긴 기능들- 클로저- Event Loop- JavaScript 원시타입과 참조타입- 동기 비동기의 차이점- forEach 루프를 멈추는 방법 1. 기술 면접 질문1-1. var, let, const의 차이 (p. 109)각 키워드가 변수로 선언됐을 때, var 키워드는 함수 스..
-
[면접 스터디] 프론트엔드 브라우저와 네트워크 그리고 렌더링 질문Front-end 개발/FE 용어 2024. 7. 2. 00:09
친구들과 함께 모의면접 스터디 과제를 수행한다.이번주 진행하는 기술 면접 주제는 아래와 같다.1. 기술 면접을 위해 다음 키워드 공부해오기- 브라우저 렌더링 과정 (CRP)- URL 구조- 주소창에 URL 입력 시 동작 과정- http와 https- 브라우저 저장소 (Local Storage, Session Storage, Cookie)- CORS, SOP- REST API- SSR, CSR, SSG, ISR2. (내가 뽑은) 인적성 면접 질문 2개 정리- 공백기가 존재하는데 왜 발생했고, 공백기 동안 무엇을 했나요?- 앞으로 성장해 나가며 3년 뒤, 본인만의 비전이나 성장 방향에 대해 말해주세요. 1. 기술 면접 키워드 공부답변은 20초 답변을 기준으로 작성한다. 1-1. 브라우저 렌더링 과정 (CR..
-
[책집필] 기술면접 질문 ChatGPT 로 빠르게 답변 찾아보기Front-end 개발/FE 용어 2023. 9. 6. 09:22
목차 1. 기술면접 2. CS 관련 질문 3. 네트워크 관련 질문 프론트엔드 직군의 기술면접관련 책 집필을 진행하고 있다. 저번 FE 기술면접 단골 질문(OOP와 ES6 이후 추가 기능) 에 이어서, 이번에 내가 맡은 주제는 네트워크과 컴퓨터 공학(CS) 관련 질문들이다. 시간이 충분히 주어지지 않기 때문에 우선 ChatGPT 에게 물어보고, 그 답변을 기준으로 방향을 잡아 자료조사 및 내용의 퀄리티를 높여갈 계획이다. 아래 내용들은 Microsoft Bing 의 웹용 AI 를 사용했다. 다소 퀄리티가 부족하더라도, 급한 사람들에게는 다듬어지지 않는 내용이라도 도움이 되지 않을까 싶어 공유한다. 1. 기술면접 기술 면접이란? 더보기 기술 면접이란, 입사 지원자의 개발 역량과 협업 능력을 평가하는 과정입니..
-
[용어] 웹 접근성 - A11yFront-end 개발/FE 용어 2023. 7. 11. 23:15
목차 1. 정의 2. 접근성 안내서 3. 접근성을 프로젝트에 포함시키는 방법 1. 정의 : Accessibility MDN Web Docs 에서는 웹 개발에 있어서 접근성을 정말 주된 우선순위로 고려하길 권고한다. 웹 접근성에 대해 MDN Web Docs 를 기준으로 정의부터 살펴본다. 웹 개발에서 (종종 A11y 로 축약된 - "a", 11자, "y"로 표시됨) 접근성은 사람들의 능력이 어떤 식으로든 제한되어 있더라도, 가능한 많은 사람이 웹 사이트를 사용할 수 있도록 하는 것을 의미한다. - MDN Web Docs https://developer.mozilla.org/en-US/docs/Web/Accessibility Accessibility | MDN Accessibility (often abbre..
-
[용어] 프론트엔드 관련 용어 해설, '프론트엔드 도대체 뭐야' 시리즈의 목차Front-end 개발/FE 용어 2023. 6. 27. 14:40
평소에 모르고 지나갔거나, 자주 쓰지만 헷갈렸던 용어를 풀어 써보는 컨텐츠 시리즈이다. 프론트엔드 개발 용어와 백엔드 개발 용어를 분리하여 정리해본다. 용어의 해설은 프론트엔드 개발 분야 관점에서 용어를 해설한다. ○ 도대체 서블릿 (Servlet) 이 뭐야 ○ 도대체 CDN 이 뭐야 (AWS CDN) ○ 도대체 AWS S3, Cloudfront 가 뭐야 ○ 도대체 Firebase 가 뭐야 ○ 도대체 Serverless 가 뭐야 ○ 도대체 웹팩이 뭐야 ○ 도대체 디자인 패턴이란게 뭐야 ○ 도대체 SPA, 랜딩 페이지가 뭐야 ○ 도대체 React18 Supense Fallback 이 뭐야 ○ 도대체 React Server Compoment 가 뭐야 ○ 도대체 번들링이 뭐야 (Code Splitting >다..
-
[용어] 스프린트(Sprint) - 단기 기획 및 실행 프로세스Front-end 개발/FE 용어 2023. 5. 18. 00:27
Sprint ? 영알못이라 잘 모르겠다. 영한사전에 검색해보면, sprint 1. [동사] (짧은 거리를) 전력 질주하다 [빨리 헤어쳐 가다] 2. [명사] (달리기수영 등의) 단거리 경기 3. [명사] 전력 질주 라고 나온다. 즉, 전력 질주 하겠다는 의미인데 요즘 IT 분야의 기획, 디자인, 개발에서 사용되는 것 같다. IT 분야에서는, 스프린트(sprint) 는 5일간의 단기간 프로젝트 수행법으로 사용된다. 한번의 선택으로 방향전환이 어렵거나 위험성이 따르는 큰 일을 할 때, '해보지 않고서 알 수 없는 걸?' '무엇을 선택해야할 지 모르겠어!' '무엇이 더 좋을지 지금은 확신이 서지 않아!' 등의 생각을 들지 않던가? 스프린트는 위와 같은 상황에 적용할 수 있는 적절한 수행방법론이 될 수 있다. ..