프론트엔드 엔지니어

아이콘
빌더 아이콘
아이콘
전구 아이콘
아이콘
클립보드 아이콘
아이콘
퍼즐 아이콘
Related roles: Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

스포트라이트

비슷한 제목

Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

작업 설명

웹사이트는 (아직) 스스로 구축되지 않습니다. 프레임워크와 기술적 기능을 개발하는 전문가의 신중한 사전 계획이 필요하며, 대부분 백엔드 개발자가 이를 수행합니다. 또한 프론트엔드 웹 개발자 또는 엔지니어는 사용자가 인터페이스할 요소를 디자인하고 선택합니다.

일반적으로 이들은 고객 사양에 따라 사이트의 모양을 담당합니다. 작업 범위에 따라 팀과 협력하여 고객의 비전을 충족할 수 있도록 합니다. 점점 더 많은 고객이 간결하고 모바일 친화적인 사이트를 요구하고 있습니다.

프론트엔드 엔지니어는 구매 결제 기능과 같은 특정 기능 요소를 통합하면서 관련 그래픽과 콘텐츠를 활용하여 효과적인 레이아웃을 만드는 데 능숙합니다. 이를 위해서는 HTML, CSS, JavaScript와 같은 관련 언어에 대한 탄탄한 지식이 필요합니다. 직업 전망은 매우 밝으며 향후 몇 년 동안 수요가 증가할 것으로 예상됩니다. 

경력의 보람있는 측면
  • 고객을 위한 맞춤형 사이트를 만들기 위한 컴퓨터 언어의 가능성 탐색하기
  • 강력한 온라인 입지를 통해 기업의 성공 지원
  • 수요가 많고 언제 어디서나 사용할 수 있는 수출 가능한 기술 구축
타이틀
2018 채용 정보
160,500
2028년 예상 고용
181,400
인사이드 스쿱
직무 책임

근무 일정

  • 자격을 갖춘 프런트엔드 엔지니어의 일정은 고용주에 따라 다릅니다. 많은 사람들이 사무실에서 정규직으로 일하지만, 계약에 따라 재택 근무를 하는 경우도 있습니다. 이 직업 분야에는 해외에 거주하는 프리랜서를 포함한 많은 프리랜서가 포함됩니다. 경우에 따라 미국 외 지역의 근로자는 환율 차이로 인해 더 낮은 요금을 제시할 수 있습니다. 이 분야의 모든 근로자는 프로젝트의 마감 기한이 촉박하거나 문제가 발생할 경우 초과 근무를 예상해야 합니다.

일반적인 의무

  • 고객, 프로젝트 관리자, 잠재적으로 사용자 경험 및 사용자 인터페이스 디자이너, 백엔드 개발자를 만나 웹사이트 디자인 및 콘텐츠 아이디어를 브레인스토밍합니다. 
  • 필요한 모든 브랜딩 요소, 콘텐츠, 그래픽, 시청각 구성 요소, 애니메이션, 원하는 기능 및 기타 문제를 논의합니다.
  • 기존 웹사이트 점검 및 업그레이드에 필요한 작업 계획하기 
  • 다른 팀원 및 고객의 의견을 바탕으로 프로토타입 컨셉을 구축하고 검토 및 피드백을 위한 그래픽을 제작합니다.
  • 다양한 언어를 사용하여 적용 가능한 코드를 생성하여 계획에 생명을 불어넣기
  • 추가 책임
  • 코드가 원하는 대로 작동하는지 확인하기 위해 광범위한 테스트를 수행하고 필요에 따라 조정합니다.
  • 특정 프로젝트에 참여하는 팀원, 각 팀원의 역할과 책임 파악하기
  • 문제 발생 시 파일 백업
직업에 필요한 기술

소프트 스킬

  • 강력한 듣기 능력
  • 세부 사항에주의
  • 올바른 전화 및 이메일 에티켓 
  • 고객 서비스 기술
  • 전문적인 태도
  • 팀 오리엔테이션
  • 목표 중심
  • 인내심, 도전 과제 해결을 위한 준비
  • 분석적, 비판적 사고
  • 창의성, 예술성, 유연성
  • 콘텐츠 제작자 및 SEO 전문가와 같은 다른 팀 역할에 대한 친숙함
  • 심리학에 대한 일반적인 인식과 사용자의 사이트 참여 방식
  • 피드백 및 비판 수용 가능
  • 뛰어난 시간 관리 능력으로 조직화

기술 능력

  • HTML/CSS, 자바스크립트 언어에 대한 실용적인 실무 경험
  • 다양한 수준의 전문성을 갖추고 있습니다:
  • jQuery 
  • CSS 및 JavaScript 프레임워크(예: 부트스트랩 및 AngularJS)
  • CSS 전처리기(Sass, Less, 스타일러스 등)
  • 버전 관리 소프트웨어(Git)
  • 반응형 디자인
  • 프로그램 테스트 및 디버깅(예: Mocha 또는 Jasmine)
  • 브라우저 개발자 도구, 구축/자동화 도구
  • 웹 성능(끙끙, 꿀꺽)
  • 명령줄 
  • 웹사이트 디자인 및 브랜딩과 관련된 빠르게 변화하는 트렌드에 대한 지식
  • 소셜 미디어 앱 상호 작용 및 공유 기능에 대한 이해
  • 필요에 따라 업스킬 의향이 있습니다.
다양한 유형의 조직
  • 컴퓨터 시스템 설계 기관
  • 게시 
  • 광고
  • 경영 컨설팅 회사
  • 대기업 및 조직 
  • 의료 산업
  • 정부 기관
  • 자영업자
기대와 희생

현재 전 세계 거의 모든 조직이 온라인에 존재하고 있으며, 고유한 웹사이트를 운영하는 것이 일반적입니다. CERN, Acme Labs, 월드와이드웹 웜, 닥터 펀과 같은 텍스트 위주의 웹사이트가 처음 등장한 이래로 기술은 많은 발전을 이루었습니다. 기업들은 독자를 독자에서 유료 고객으로 전환할 때 사용자의 관심을 끌고 그 관심을 붙잡을 수 있는 고속의 최첨단 사이트를 원합니다.

비기업 사이트 역시 사용자가 원하는 것을 효과적으로 제공할 수 있는 매력적인 디자인을 원합니다. 사이트 목적의 범위에 따라 프론트엔드 엔지니어가 받는 압박은 엄청날 수 있습니다. 그렇기 때문에 사이트를 출시하기 전에 테스트 및 디버깅하고 다른 팀원들과 긴밀히 협력하여 사이트가 안전하고 예상 트래픽을 처리할 수 있는지 확인하는 것이 중요합니다. 해커들은 사이트를 다운시키거나 바이러스를 심거나 정보를 훔치기 위해 악용할 수 있는 취약점을 끊임없이 찾고 있습니다. 

현재 동향

기술은 변화와 진화를 멈추지 않기 때문에 웹 개발자는 최신 트렌드를 파악해야 합니다. 마이크로 프론트엔드부터 원자 설계에 이르기까지 프론트엔드 엔지니어가 파악해야 할 혁신의 홍수가 쏟아지고 있습니다. 자격증이 현장의 변화를 따라잡지 못할 수도 있으므로 동료들과 함께 책을 읽고 네트워킹을 통해 최신 정보를 파악하는 것이 중요합니다.

최근 온라인 쇼핑이 급증하면서 많은 기업이 웹사이트를 대대적으로 업그레이드해야 하는 등 운영 방식에 큰 변화를 겪고 있습니다. 또한 사이트는 모바일 친화적이어야 하는데, 과거에는 항상 그렇지는 않았습니다. 외국인 근로자들이 일자리를 놓고 경쟁하는 상황에서 값싼 노동력에 대한 경쟁력을 확보하거나 유지하기 위해서는 영어 및 기타 커뮤니케이션 기술을 연마하는 것이 중요합니다. 

이 직업에 종사하는 사람들은 어렸을 때 어떤 종류의 일을 즐겼습니까?

프론트엔드 엔지니어는 주로 실내에서 혼자 일하는 경우가 많습니다. 대부분 고등학교나 그 이전에 컴퓨터와 기술에 관심을 갖고 시작한 경우가 많습니다. 우아한 디자인을 중시하기 때문에 예술적 개성을 가진 사람들이 이 분야에 몰리는 경우가 많습니다. 시각적 미학에 예민하고 예술, 디자인, 멀티미디어 프로젝트에 관심이 많으며 GoDaddy, WordPress, Wix에서 동영상을 만들거나 취미로 블로그와 웹사이트를 구축하는 것을 즐겼을 수도 있습니다.

혼자서 보내는 시간은 충분하지만, 이 직업은 많은 그룹 노력과 팀워크가 필요합니다. 이러한 협업 기술은 학교나 과외 활동을 통해 연마하는 경우가 많습니다. 직원은 "모든 것을 내 방식대로" 하려는 경직된 사고가 아니라 열성적인 파트너여야 합니다.

프런트엔드 엔지니어는 여가 시간에 누가 시키지 않아도 새로운 것을 배우고 주도적으로 기술을 익히고자 하는 열정을 가지고 있을 가능성이 높습니다. 즉, 자신의 일을 진정으로 사랑한다는 뜻입니다! 또한 공감 능력이 뛰어나 관리자, 소유주, 고객 및 기타 최종 사용자의 입장에서 생각할 수 있는데, 이는 어린 시절에 길러진 능력일 수 있습니다. 

교육 및 훈련 필요
  • 프런트엔드 엔지니어는 컴퓨터 과학 또는 프로그래밍 학사 학위를 소지하는 경우가 많지만, 반드시 학사 학위가 필요한 것은 아닙니다.
    • O-Net Online에 따르면 웹 개발자의 46%는 학사 학위, 17%는 고등 교육 수료증, 17%는 준학사 학위를 보유하고 있습니다.
    • 웹 디자인은 인기 있는 준학사 학위 옵션입니다.
    • 그래픽 디자인 과정은 많은 직책에서 중요합니다.
  • 실무 경험은 일반적으로 학력만큼이나 중요합니다. 작업자는 HTML, JavaScript를 알고 있어야 하며 위에 언급된 기타 프로그래밍 및 소프트웨어 기술을 보유하고 있어야 합니다.
  • 고용주는 기술 능력뿐만 아니라 필요한 소프트 스킬에 대한 증거를 보고 싶어하므로 영어, 작문, 말하기 및 관리 수업을 소홀히 하지 마십시오.
  • 다음을 통해 스스로 배우십시오.
    • 프론트엔드 개발자로 거듭난 LinkedIn Learning
    • 유다시티의 프론트엔드 웹 개발자 나노디그리 프로그램
    • 컴티아의 IT 기본 사항
    • Google Cloud, RedHat, Microsoft (MTA, MSCA, MSCE)와 같은 공급 업체 / 기술 별 인증
    • 우데미:
      • 웹 개발자 부트캠프 
      • 2019년 완벽한 웹 개발자 : 초보자부터 숙달까지
    • 코세라:
      • 모두를 위한 웹 디자인
      • 자바스크립트, HTML, CSS를 사용한 듀크의 프로그래밍 기초 
      • 기술 요약: 프론트엔드 개발
대학에서 찾아야 할 것들
  • 어떤 사람들은 최고의 프런트엔드 엔지니어 학위가 컴퓨터 정보 시스템이라고 제안합니다.
  • 미국 뉴스에서 매년 선정하는 최고의 컴퓨터 과학 프로그램과 최고의 프로그래밍 언어 프로그램 순위를 확인하세요.
  • 프로젝트 관리 및 데이터베이스 설계와 함께 프론트엔드 및 백엔드 디자인에 대한 수업이 도움이 될 수 있습니다.
  • 온라인 또는 하이브리드 프로그램에 등록하여 수업에서 수업으로 섞는 시간을 절약하십시오.
  • 기관이 완전히 인증되었는지 확인
고등학교와 대학에서해야 할 일
  • 스스로 배우세요. 시작하는 데 필요한 대부분의 기본 기술은 무료 또는 아주 적은 비용으로 습득할 수 있습니다(위의 교육 및 훈련 권장 사항과 아래의 추천 웹사이트 목록 참조).
  • 완료한 프로젝트의 포트폴리오와 해당 결과를 얻기 위해 수행한 작업에 대한 메모를 보관하세요.
  • 학교나 기타 협회의 웹사이트 제작을 돕는 자원봉사에 참여하세요.
  • 실질적인 업무 경험 기회를 제공하는 인턴십 찾기
  • 실력이 충분하다면 Upwork에 접속하여 프리랜서 자격을 쌓기 시작하세요.
  • 컴퓨터 클럽에 가입하여 다른 사람들과 네트워크를 형성하고 서로에게 기술과 요령을 가르쳐주세요.
  • 관련 교육 과정을 통해 고객 서비스 및 커뮤니케이션 기술을 연마하세요.
  • 항상 새로운 기술과 최신 트렌드를 따라잡으세요.
  • 해당 분야에 대해 글을 쓰는 인기 있는 Quora 작성자를 읽고 질문하세요.
일반적인 로드맵
Gladeo 프론트엔드 엔지니어 로드맵
1차 직장에 도착하는 방법
  • 인디드, 몬스터, 글래스도어와 같은 채용 포털에 채용 알림을 설정하세요.
  • 대학 학과 또는 학교 커리어 센터에 채용 정보를 찾는 데 도움을 요청하세요.
  • 채용 공고를 면밀히 검토하여 필요한 기술, 교육 및 경험을 확인합니다.
  • 고용주가 신입 프런트엔드 엔지니어에게 기대하는 자질을 자세히 살펴보세요.
  • 고용주가 찾는 모든 항목에 맞게 지원서를 정직하게 맞춤화하세요.
  • 이력서에 링크를 추가하여 고용주가 포트폴리오를 볼 수 있도록 하세요.
    • 전문 기술, 개인 프로젝트, GitHub, CakeResume 또는 CodePen에 있는 모든 프로젝트 링크를 나열하여 온라인 포트폴리오를 전문적으로 만드세요.
    • 각 항목에 대한 컨텍스트 제공(누가, 무엇을, 어디서, 언제, 왜 세부 정보를 제공했는지)
    • 포트폴리오 자체가 여러분의 재능을 보여줄 수 있도록 하세요!
  • 프로그래밍 경험이 많을수록 경쟁에서 유리한 위치를 차지할 수 있습니다.
  • 모든 직업에 학위가 필요한 것은 아니라는 점을 기억하세요. 학위가 없는 경우 채용 공고를 읽고 다른 경력으로 정규 교육을 대체할 수 있는지 확인하세요. 
  • 간결하되 이력서에 기술적인 세부 사항을 나열하는 것을 두려워하지 마세요. Medium의 "면접에 합격할 수 있는 프론트엔드 개발자 이력서 작성법"을 확인하세요.
  • 소프트 스킬도 잊지 마세요! 지원서 및 면접에서 이를 보여주세요.
  • 두 번째 의견을 구하세요! 이력서와 포트폴리오를 다른 사람에게 검토해 달라고 요청하세요.
  • 교사/감독자에게 구인 정보를 알고 있거나 추천해 줄 수 있는지 물어보세요.
사다리를 오르는 법
  • 상사 및 관리자와 대화하여 조언을 구하고 승진 기회에 대한 자격을 갖추기 위해 필요한 일을 하고 싶다는 의사를 전달하세요. 
  • 소프트웨어 개발자, 애플리케이션 개발자, 시니어 웹 개발자 등 어떤 유형의 중간 직급으로 올라가고 싶은지 파악하세요.
  • 또한 선임 개발자, 소프트웨어 개발 엔지니어 또는 소프트웨어 아키텍트와 같은 고급 직무를 위한 계획을 세우세요.
  • 고급 자격증을 취득하여 기술 역량을 강화하세요.
    • CompTIA는 경력 개발의 다양한 단계에 해당하는 자격증을 나열합니다.
  • 아직 학사 학위를 취득하지 않았다면 학사 학위를 마치는 것이 좋습니다. 그런 다음 계속 진급하고 싶다면 석사 과정을 시작하세요. 
  • 모든 프로젝트에서 탁월한 성과를 거두고 고객으로부터 극찬을 받으세요.
  • 항상 기한을 준수하되 품질을 희생해서는 안 됩니다. 
  • 새로운 디자인 트렌드를 연구하고 영감을 얻으세요!
  • 온라인 및 인쇄 매체에 게재하세요. Net, How, Layers, 컴퓨터 아트, 디지털 아트, 웹 디자이너, CMYK 등과 같은 업계 인쇄 잡지에 기사를 작성하세요.
추천 자료

웹사이트

  • 컴퓨팅 기계 협회 
  • 화려한
  • 노동 통계국의 직업 전망 핸드북
  • 코드시그널
  • 코드워즈
  • 코딘게임
  • 컴프티아 
  • CompTIA IT 전문가 협회
  • Coursera
  • 에드X
  • 운동주의
  • 프리코드캠프
  • 프론트엔드마스터
  • 해커어스
  • 해커랭크
  • 자바 스크립트30
  • 리스엠 스쿨
  • 우데미
  • W3학교: 자바스크립트
  • 웹마스터의 세계 조직 

계획 B

컴퓨터로 작업하는 것을 좋아하는 사람들을 위한 수많은 직업이 있습니다. 프론트엔드 개발은 인기 있는 직업이지만 모든 사람에게 적합한 것은 아닙니다. BLS는 여러분의 관심사와 적성에 따라 고려할 수 있는 옵션을 나열합니다:

  • 컴퓨터 및 정보 시스템 관리자
  • 컴퓨터 프로그래머
  • 컴퓨터 지원 전문가
  • 컴퓨터 시스템 분석가
  • 데이터베이스 관리자
  • 그래픽 디자이너
  • 정보 보안 분석가
  • 멀티미디어 아티스트 및 애니메이터
  • 소프트웨어 개발자
  • 소프트웨어 품질 보증 엔지니어링 또는 웹 관리도 고려할 수 있습니다.   

뉴스 피드

온라인 과정 및 도구