꼭 알아야 할 프론트엔드 면접 질문 5가지! 그리고 예를 들어

5508 단어 frontendjavascriptinterviewreact
오늘의 주제는 면접에서 가장 많이 물어보는 FRONTEND 면접입니다.

Time is money, let's drive to the point



1. 프론트엔드 개발자에게 필요한 역량은 무엇인가요?
프런트엔드 개발자는 다양한 웹 기술을 활용하여 코딩된 데이터를 사용자에게 친숙한 인터페이스로 변경합니다. CSS(Cascading Style Sheets), JavaScript, HTML(HyperText Markup Language) 등이 그 중 다수입니다.

  • HTML: HyperText Markup Language는 버튼, 링크, 제목, 단락 및 목록과 같은 페이지의 콘텐츠를 묘사합니다. 웹사이트의 구성 요소이며 콘텐츠를 정의하고 표시하는 데 활용되므로 브라우저가 콘텐츠를 올바르게 표시합니다.

    • 전:

    <html>
<head>
  <title>Home</title>
</head>
<body>
 Hi, Im HTML
</body>
</html>



  • CSS: CSS는 Cascading Style Sheets의 약자이며 애니메이션, 색상 및 레이아웃과 같은 웹 페이지의 스타일을 담당합니다.

    • 전:

    body{
    background-color: orange;
    font-size: 2em;
    height: 100vh;
}



  • JS:JavaScript는 프런트 엔드 웹 개발에서 정확하게 렌더링할 수 있는 웹 페이지를 만드는 데 필요한 세 가지 주요 요소 중 하나입니다. 자바스크립트를 사용하면 프로그래머가 사이트를 대화형으로 만들 수 있기 때문에 이제 자바스크립트 없이 웹사이트를 시각화하는 것은 어려운 일입니다. 이 프로그래밍 언어는 사용자의 행동에 따라 웹 사이트 콘텐츠를 변형할 수 있습니다.

    • 전:

    <html>
<head>
  <title>Home</title>
</head>
<body>

<script>
    document.write('Hello JS');
</script>
</body>
</html>



  • CSSFrameworks: 프레임워크는 개발 프로세스를 가속화하는 데 도움이 되는 방법으로 설계되었습니다. Tailwind, Sass, Bootstrap 등은 CSS 프레임워크입니다.

    • 예: SASS

    body{
    background-color: orange;
    div{
        color:red;
        p{
            margin: 0;
        }
    }
}


  • 테스트 및 디버깅 기술: 응용 프로그램을 만들 때 수정해야 하는 코드의 실수가 있습니다. 디버깅은 이러한 버그를 인식하고 해결하는 행위입니다. 알아야 할 또 다른 필수 기술은 디버깅입니다. 코드에 대한 테스트를 문서화하는 것은 코드가 의도한 바를 수행하고 있는지 확인하는 방법입니다.
  • 버전 제어: 프로젝트 코드를 추적하고 수정하는 방법은 버전 제어입니다. Git은 코드를 추적하는 데 사용되는 널리 사용되는 소프트웨어로 간주됩니다. 코드가 엉망이 된 경우 모든 것을 수동으로 다시 작성하지 않고 Git을 활용하여 코드의 이전 버전으로 돌아갈 수 있습니다.

    • 2. HTML에서 메타 태그란 무엇입니까?


  • 메타 태그는 항상 HTML 페이지의 헤드 태그 안에 들어갑니다
    • .
  • 메타 태그가 항상 이름/값 쌍으로 전달됨
  • 메타 태그가 페이지에 표시되지 않지만 브라우저용입니다
    • .
  • 메타 태그에는 문서의 문자 인코딩, 설명, 제목 등에 대한 정보가 포함될 수 있습니다.
    전:

    • <head>
  <meta name="description" content="This is description"> 
  <title>Home</title>
</head>


    3. 어떤 npm이 사용됩니까?



    npm은 노드 패키지 관리자를 나타냅니다. npm은 다음 두 가지 주요 기능을 제공합니다.
  • search.nodejs.org에서 검색할 수 있는 Node.js 패키지/모듈용 온라인 리포지토리
  • 패키지를 설치하고 Node.js 패키지의 버전 관리 및 종속성 관리를 수행하는 명령줄 유틸리티입니다.
  • npm의 또 다른 중요한 용도는 종속성 관리입니다. package.json 파일이 있는 노드 프로젝트가 있는 경우 프로젝트 루트에서 npm 설치를 실행할 수 있으며 npm은 package.json에 나열된 모든 종속 항목을 설치합니다.

    • 전:

    npm install
npm create-react-app myapp


    5. 로드 밸런싱이란 무엇입니까? ****



    로드 밸런싱은 단일 장치가 아닌 여러 시스템에서 요청을 할당하고 처리하는 방법입니다. 이렇게 하면 부하가 단일 지점에 의존하지 않고 효율적으로 할당됩니다.
    가장 일반적으로 사용되는 로드 밸런싱 기술은 라운드 로빈(Round Robin)입니다. 이 방법에서 요청은 서버 그룹에 분산됩니다. 알고리즘은 요청을 서버에 할당하고 완료되면 맨 위로 돌아가 프로세스를 반복합니다.

    더 많은 것을 방문하십시오 DevvSakib.me
    Next.js 웹사이트의 성능을 개선하는 방법은 무엇입니까?
    GitHub Dependabot 알림 REST API를 이제 사용할 수 있습니다!

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage