웹 프론트엔드 프런트엔드 Q&A 프론트엔드 엔지니어의 부상

프론트엔드 엔지니어의 부상

Dec 01, 2016 am 10:46 AM
프론트엔드 엔지니어

프론트엔드 엔지니어의 부상

옛날에는 프론트엔드와 백엔드가 분리되지 않은 상태였습니다. 서버 측에서는 JSP, PHP 및 기타 엔지니어가 이를 표시하고 브라우저가 이를 담당했습니다. 기본적으로 서버가 브라우저에 제공하는 것은 무엇이든 표시됩니다.

때로는 디자이너가 Dreamweaver를 사용하여 웹페이지를 직접 드래그하기도 합니다. 그러나 이 프런트 엔드 개발 모델에는 제한 사항이 너무 많고 성능이 낮으며 코드가 중복되어 있습니다. 대규모 프로젝트 개발에는 적합하지 않습니다.

인터넷의 급속한 발전으로 인해 비즈니스는 점점 더 복잡해졌고 기존의 프런트엔드 개발 모델은 더 이상 이러한 요구를 충족할 수 없습니다. 다양한 프론트엔드 기술의 지속적인 증가로 인해 프론트엔드 개발 엔지니어라는 포지션이 등장하게 되었습니다.

이때 전면과 후면이 본격적으로 분리되기 시작합니다. 처음부터 백엔드는 데이터 표시에 대해 걱정할 필요 없이 비즈니스 로직 구현에만 집중할 수 있습니다.

프론트엔드의 지속적인 개발, JavaScript의 지속적인 성숙, 다양한 프레임워크, 라이브러리, 프론트엔드 개발 도구 및 AJAX의 출현으로 인해 프론트엔드 로직은 점점 더 복잡해졌습니다. , 그리고 해결할 수 있는 문제는 점점 더 복잡해졌습니다.

이전에 백엔드에서 구현했던 많은 기능이 프런트엔드로 이전되기도 했으며, 프런트엔드 개발이 더 많아졌습니다. 그리고 더 많은 관심.

프론트엔드 엔지니어의 책임

프론트엔드란? 눈에 보이는 것은 사용자와 가장 가까운 부분인 프런트엔드입니다. PC부터 모바일까지 프런트엔드는 어디에나 있기 때문에 제품의 성패는 거의 프런트엔드에 달려 있다고 해도 과언이 아닙니다.

프론트엔드의 업스트림은 UI 디자이너, 다운스트림은 백엔드 엔지니어, 중간에 프로덕트 매니저가 있습니다. 둘.

따라서 프론트 엔드로서 좋은 사용자 경험을 제공하는 제품을 구현하려면 디자인과 상호 작용을 이해해야 합니다. 회사에 UI가 없으면 디자인도 직접 수행합니다.

프론트엔드는 프론트엔드 코드를 작성해야 하고, 백엔드와 더 잘 상호 작용하려면 백엔드를 이해해야 합니다. 때로는 회사에 없는 경우도 있습니다. 백엔드가 있으니 백엔드도 프론트엔드에서 제공해야 합니다.

프론트엔드도 다른 사람을 설득할 수 있는 능력이 있어야 합니다. 무리한 요구를 하면 그러지 말라고 설득할 수도 있어요

실수로 넣었을 때 프로덕트 매니저의 앞니가 빠졌을 때, 프론트엔드도 잘 운영해야 해요. 그 사람은 당신을 따라잡을 수 없어요.

프론트엔드, 이런 문학적 위치에는 디자이너의 감성과 엔지니어의 합리성이 담겨있습니다.

프론트엔드 엔지니어에게 꼭 필요한 스킬 트리

이제 이 사진을 자랑할 차례...

프론트엔드 엔지니어의 부상

만약 위대한 사람이 되고 싶다 당신이 강력한 프론트 엔드 엔지니어라면, 위에 나열된 기술이 당신의 경력에서 추구하는 기술이 되어야 합니다.

프론트엔드 엔지니어의 영원한 고통

첫 번째 줄: 필요를 위해 살고, 사용자를 위해 죽고, 평생 브라우저를 위해 싸워라!
두 번째 줄: C S S에 시달리고, J S의 속임수에 빠져 결국 궁합에 죽는다!
Hengpiao: 프론트엔드 생활

프론트엔드 개발 과정에서 적어도 1/3의 시간은 브라우저 호환성에 소요됩니다. 젠장, 상사가 말하면 다 해결되지 않을 수도 있습니다. IE6과 호환되었을 때 프론트엔드 엔지니어들은 아마도 그때쯤이면 죽고 싶었을 것입니다.

어떤 사람들은 "IE를 해킹하지 않았다면 진정한 프론트엔드 엔지니어가 아니다"라고 말합니다.

프론트엔드 엔지니어의 부상

엔딩

프론트엔드 분야에는 거의 모든 사람이 중도에 승려가 되어 모두가 의지하는 특징이 있습니다. 독학으로 대학에는 기본적으로 그러한 전공이 없기 때문입니다. 그러나 또 다른 특징이 있는데, 즉, 날아갈 정도로 강력한 것이 다음 순간에 지구를 폭발시킬 것이라는 극단과 나쁜 것이 극도로 나쁘다는 것입니다

진씨, 제가 작성한 코드가 똥같네요. 너무 많은 회사들이 프론트엔드를 찾을 수 없다고 불평합니다. 사실 그들은 강력한 프론트엔드를 찾을 수 없다고 불평합니다. 따라서 현재 프론트엔드 분야에는 인재가 절실히 필요한 상황입니다. 2009년 NodeJ가 등장하면서 현재 프론트엔드 엔지니어들은 이미 프론트엔드와 백엔드를 모두 다룰 수 있게 되었는데, 아직도 망설이고 계시나요? 서둘러 우리의 최전방 군대에 합류하세요!


본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. 크로스 플레이가 있습니까?
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

useeffect 란 무엇입니까? 부작용을 수행하는 데 어떻게 사용합니까? useeffect 란 무엇입니까? 부작용을 수행하는 데 어떻게 사용합니까? Mar 19, 2025 pm 03:58 PM

이 기사에서는 Data Fetching 및 기능 구성 요소의 DOM 조작과 같은 부작용을 관리하기위한 후크 인 React의 useEffect에 대해 설명합니다. 메모리 누출과 같은 문제를 방지하기 위해 사용법, 일반적인 부작용 및 정리를 설명합니다.

React Reconciliation 알고리즘은 어떻게 작동합니까? React Reconciliation 알고리즘은 어떻게 작동합니까? Mar 18, 2025 pm 01:58 PM

이 기사는 가상 Dom 트리를 비교하여 DOM을 효율적으로 업데이트하는 React의 조정 알고리즘을 설명합니다. 성능 이점, 최적화 기술 및 사용자 경험에 미치는 영향에 대해 설명합니다. 문자 수 : 159

JavaScript의 고차 기능은 무엇이며 어떻게 간결하고 재사용 가능한 코드를 작성하는 데 어떻게 사용할 수 있습니까? JavaScript의 고차 기능은 무엇이며 어떻게 간결하고 재사용 가능한 코드를 작성하는 데 어떻게 사용할 수 있습니까? Mar 18, 2025 pm 01:44 PM

JavaScript의 고차 기능은 추상화, 공통 패턴 및 최적화 기술을 통해 코드 간접성, 재사용 성, 모듈성 및 성능을 향상시킵니다.

카레는 JavaScript에서 어떻게 작동하며 그 이점은 무엇입니까? 카레는 JavaScript에서 어떻게 작동하며 그 이점은 무엇입니까? Mar 18, 2025 pm 01:45 PM

이 기사는 다중 연계 기능을 단일 연계 함수 시퀀스로 변환하는 기술 인 JavaScript의 카레에 대해 논의합니다. Currying의 구현, 부분 응용 프로그램 및 실제 용도와 같은 혜택, 코드 읽기 향상을 탐색합니다.

Connect ()를 사용하여 React 구성 요소를 Redux 상점에 어떻게 연결합니까? Connect ()를 사용하여 React 구성 요소를 Redux 상점에 어떻게 연결합니까? Mar 21, 2025 pm 06:23 PM

기사는 Connect ()를 사용하여 React 구성 요소를 Redux Store에 연결하고 MapStateToprops, MapDispatchtoprops 및 성능 영향을 설명합니다.

usecontext는 무엇입니까? 구성 요소간에 상태를 공유하는 데 어떻게 사용합니까? usecontext는 무엇입니까? 구성 요소간에 상태를 공유하는 데 어떻게 사용합니까? Mar 19, 2025 pm 03:59 PM

이 기사는 REACT의 USECONTEXT를 설명하며, 이는 PROP 시추를 피함으로써 상태 관리를 단순화합니다. 중앙 집중식 상태 및 성능 개선과 같은 렌더링을 통해 성능 향상과 같은 이점에 대해 논의합니다.

이벤트 핸들러의 기본 동작을 어떻게 방지합니까? 이벤트 핸들러의 기본 동작을 어떻게 방지합니까? Mar 19, 2025 pm 04:10 PM

기사에서는 extentdefault () 메서드를 사용하여 이벤트 처리기의 기본 동작 방지, 향상된 사용자 경험과 같은 이점 및 접근성 문제와 같은 잠재적 문제에 대해 논의합니다.

React에서 사용자 정의 후크를 어떻게 구현합니까? React에서 사용자 정의 후크를 어떻게 구현합니까? Mar 18, 2025 pm 02:00 PM

이 기사는 React에서 사용자 정의 후크 구현, 생성, 모범 사례, 성능 이점 및 피할 수있는 일반적인 함정에 중점을 둔 것에 대해 논의합니다.

See all articles