웹 프론트엔드 HTML 튜토리얼 당신을 훌륭한 사람으로 만드는 3가지 비결

당신을 훌륭한 사람으로 만드는 3가지 비결

Jun 24, 2017 am 10:57 AM
전문가 프런트 엔드 멍청한 놈 기술

프런트엔드를 처음 접하는 초보자는 다음과 같이 질문할 수 있습니다.

기초 없이 프론트엔드 과정을 배울 수 있나요?

프론트엔드 학습을 시작하는 방법은 무엇인가요?

프런트 엔드 작업자라면 다음과 같이 질문할 수 있습니다.

어떻게 하면 더 나은 사람이 될 수 있나요?

천장이 낮은 프런트 엔드 개발이 실제로 병목 현상을 겪었나요?

다음으로, 학습, 실천, 발전의 세 가지 측면에서 이러한 질문에 답변하고 프런트엔드 성장 경험을 공유하겠습니다.

1

학습장

프론트엔드를 배우려면 먼저 기초를 잘 다지는 것을 추천합니다. 여기의 기본은 컴퓨터 기초와 전문 기초의 두 가지 범주로 나뉩니다.

어떤 사람들은 이러한 기본 지식 없이도 프런트 엔드를 할 수 있다고 생각할 수도 있지만(이것이 이전에 우리가 임계값이 낮다고 말한 이유입니다), 이러한 기본 지식에 대한 숙달과 이해가 우리가 얼마나 멀리 갈 수 있는지를 결정합니다. 학습의 이 부분은 단계별 과정이며 하룻밤 사이에 완료할 수 없습니다.

그러면 이러한 기본 지식을 어떻게 배울 수 있을까요?

세 가지 측면에서 시작하는 것이 좋습니다: , 코드, 표준.

책: 특정 지식 포인트를 이해해야 할 때 관련 서적을 몇 권 더 읽고 여러 저자의 문제에 대한 다양한 설명을 읽어 이해를 깊게 할 수 있습니다. 비교하면 효과가 더 좋습니다.

Code: 우리가 지식을 마스터했는지 확인하는 좋은 방법은 코드를 읽는 것입니다. 이는 지식에 대한 이해를 심화시키는 데 도움이 될 뿐만 아니라, 공백을 메우고 새로운 깨달음을 줄 수도 있습니다. 어떤 소스 코드를 읽어볼 가치가 있나요?

· 책 속 코드

· 선배들이 남긴 코드

· 포럼에서의 경험

· 웹사이트 코드

· 오픈 소스 코드는 다음과 같습니다. 참조 소스로 사용됨

· 이전에 작성한 코드를 요약하면 다른 놀라움을 얻을 수 있습니다.

표준: 일상 생활에서 문제가 발생하면 소스를 추적해야 합니다. 그리고 표준을 찾는 것이 중요합니다. 인터넷 기술은 너무 빨리 업데이트되고 반복되며, 인터넷의 리소스는 좋은 것부터 나쁜 것까지 다양합니다. 따라서 우리의 심사를 위한 중요한 방법 중 하나는 표준을 참조하는 것입니다. 프론트 엔드 관련 표준은 크게 산업 표준과 제조업체 표준이라는 두 가지 측면으로 나뉩니다.

산업 표준을 제정하는 기관으로는 주로 ecma 기관/IETF 기관/W3C 기관이 있습니다.

제조사 표준을 제정하는 플랫폼에는 주로 IE/Chrome/Firefox 등이 있습니다.

2

실습장

어떤 방식으로 공부하든 궁극적인 목표는 실질적인 문제를 해결하는 것이기 때문에 병목 현상을 겪는 학생들에게는 연습 단계가 매우 중요합니다.

실제로 문제를 중심으로 살펴보면 실제로 문제 발견, 문제 분석, 문제 해결, 문제 해결의 네 가지 측면으로 나눌 수 있습니다.

제품 기능 요구사항, 개발 비기능 요구사항, 질문, 제안, 불만사항 등 문제를 발견하는 방법은 다양합니다. 프런트 엔드 엔지니어는 생각하고 요약해야 하는 경우가 많으며 이는 우리가 직면한 과제이기도 합니다.

문제를 발견하면

서두르지 말고 문제의 본질을 분석하고, 문제의 원인을 파악하고, 여러 당사자와 소통하고, 다양한 해결책을 제안하고, 장단점을 분석해야 합니다. 각각의 문제를 해결한 후 실제 상황에 따라 선택하세요.

비즈니스에서 버그의 80%는 주로 비즈니스 로직에 대한 불완전한 고려, 논리적 판단 처리 누락, 비표준 데이터 형식 등으로 인해 발생합니다. 이런 종류의 버그는 수정이 상대적으로 빠르지만 앞뒤로 순환하거나 새로운 버그가 발생하기 쉽습니다. 이러한 버그는 개발자의 효과적인 작업 시간을 단축시킵니다.

또한 버그의 15%는 개발자 자신의 코딩 문제, 즉 기술적 버그로 인해 발생합니다. 그러나 개발자가 소프트웨어 플랫폼 및 프레임워크에 익숙해지고 자신의 프로그래밍 수준과 프로그래밍 활용 능력이 향상됨에 따라 이 버그는 점차적으로 감소합니다.

마지막으로 문제를 해결하고, 이해를 깊게 하고,

그런 다음 간단한 문제에 대한 해결책을 복잡한 문제에 적용하는 것도 개선의 방법입니다.

3

고급장

어느 수준에 도달한 후에는 개인 능력 향상이 어렵고 병목 현상이 발생합니다. 이때 한계점에 도달했는지 이해하기 위해 개인적인 관점에서 시작해야 하고, 돌파점을 찾기 위해 팀 관점에서 시작할 수도 있습니다.

개인의 능력은 깊이와 폭의 측면에서 분석될 수 있습니다. 깊이는 외관, 원리, 구현의 세 단계로 나뉩니다. 외모는 앞서 말씀드린 기본 스테이지 입니다. 다음 단계는 원리를 이해하고 지식 포인트를 파악하고 식별할 수 있는 단계입니다. 구현단계는 기존 지식체계를 최대한 활용하고 적용할 수 있는 단계이다.

넓은 관점에서 볼 때 전문 기술과 분야 범위의 두 부분으로 나눌 수 있습니다. 전문기술은 지식체계의 적용과 이해로부터 시작될 수 있다. 즉, 적용 범위가 충분히 넓은지, 일반적인 솔루션이 얼마나 친숙한지 여부입니다. 영역을 확장하려면 모바일 단말기, 데스크탑 단말기 등 다른 제품에 대한 이해가 필요합니다.

위의 측면이 뛰어나다면 당신은 훌륭한 프론트엔드 엔지니어가 될 것입니다. 그러나 개인의 우수성만으로는 충분하지 않으며 팀의 우수성도 필요합니다.

프로세스, 효율성 및 협업에 초점을 맞춘 팀의 혁신. NetEase의 현재 작업 모델은 기본적으로 비교적 상세하고 표준화된 다음 프로세스를 따릅니다.

| 온라인 신규 요구사항

요구사항 → 상호작용 → 시각적 → 개발 → 자체 테스트 → 테스트 → 버그 수정 → 테스트 → 버그 수정 → 테스트 → 대화형 확인 → 시각적 확인 → 온라인 신청 → 확인 → 온라인

|핫픽스가 ​​온라인

문제 피드백→버그 수정→테스트→버그 수정→테스트→온라인 신청→확인→핫픽스가 ​​온라인

마지막으로 두 문장을 공유하고 싶습니다. :

항상 겸손하고 신중한 사고방식을 유지하세요.

항상 학습능력 배양을 강화하세요.

프론트엔드 학습으로 가는 길에는 스스로 공부하고 발전하는 것 외에도 프론트엔드 선배 개발 엔지니어들과 소통하고 다른 사람들의 경험을 활용해 효율적인 학습 방법과 빠른 발전을 얻는 것도 좋은 방법입니다. 내 그룹에 가입하면 빅맨들이 매일 소통할 거예요

위 내용은 당신을 훌륭한 사람으로 만드는 3가지 비결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

Stable Diffusion 3 논문이 드디어 공개되고, 아키텍처의 세부 사항이 공개되어 Sora를 재현하는 데 도움이 될까요? Stable Diffusion 3 논문이 드디어 공개되고, 아키텍처의 세부 사항이 공개되어 Sora를 재현하는 데 도움이 될까요? Mar 06, 2024 pm 05:34 PM

StableDiffusion3의 논문이 드디어 나왔습니다! 이 모델은 2주 전에 출시되었으며 Sora와 동일한 DiT(DiffusionTransformer) 아키텍처를 사용합니다. 출시되자마자 큰 화제를 불러일으켰습니다. 이전 버전과 비교하여 StableDiffusion3에서 생성된 이미지의 품질이 크게 향상되었습니다. 이제 다중 테마 프롬프트를 지원하고 텍스트 쓰기 효과도 향상되었으며 더 이상 잘못된 문자가 표시되지 않습니다. StabilityAI는 StableDiffusion3이 800M에서 8B 범위의 매개변수 크기를 가진 일련의 모델임을 지적했습니다. 이 매개변수 범위는 모델이 많은 휴대용 장치에서 직접 실행될 수 있어 AI 사용이 크게 줄어든다는 것을 의미합니다.

자율주행과 궤도예측에 관한 글은 이 글이면 충분합니다! 자율주행과 궤도예측에 관한 글은 이 글이면 충분합니다! Feb 28, 2024 pm 07:20 PM

자율주행 궤적 예측은 차량의 주행 과정에서 발생하는 다양한 데이터를 분석하여 차량의 향후 주행 궤적을 예측하는 것을 의미합니다. 자율주행의 핵심 모듈인 궤도 예측의 품질은 후속 계획 제어에 매우 중요합니다. 궤적 예측 작업은 풍부한 기술 스택을 보유하고 있으며 자율 주행 동적/정적 인식, 고정밀 지도, 차선, 신경망 아키텍처(CNN&GNN&Transformer) 기술 등에 대한 익숙함이 필요합니다. 시작하기가 매우 어렵습니다! 많은 팬들은 가능한 한 빨리 궤도 예측을 시작하여 함정을 피하기를 희망합니다. 오늘은 궤도 예측을 위한 몇 가지 일반적인 문제와 입문 학습 방법을 살펴보겠습니다. 관련 지식 입문 1. 미리보기 논문이 순서대로 되어 있나요? A: 먼저 설문조사를 보세요, p

DualBEV: BEVFormer 및 BEVDet4D를 크게 능가하는 책을 펼치세요! DualBEV: BEVFormer 및 BEVDet4D를 크게 능가하는 책을 펼치세요! Mar 21, 2024 pm 05:21 PM

본 논문에서는 자율 주행에서 다양한 시야각(예: 원근 및 조감도)에서 객체를 정확하게 감지하는 문제, 특히 원근(PV) 공간에서 조감(BEV) 공간으로 기능을 효과적으로 변환하는 방법을 탐구합니다. VT(Visual Transformation) 모듈을 통해 구현됩니다. 기존 방법은 크게 2D에서 3D로, 3D에서 2D로 변환하는 두 가지 전략으로 나뉩니다. 2D에서 3D로의 방법은 깊이 확률을 예측하여 조밀한 2D 특징을 개선하지만, 특히 먼 영역에서는 깊이 예측의 본질적인 불확실성으로 인해 부정확성이 발생할 수 있습니다. 3D에서 2D로의 방법은 일반적으로 3D 쿼리를 사용하여 2D 기능을 샘플링하고 Transformer를 통해 3D와 2D 기능 간의 대응에 대한 주의 가중치를 학습하므로 계산 및 배포 시간이 늘어납니다.

PHP와 Vue: 프런트엔드 개발 도구의 완벽한 조합 PHP와 Vue: 프런트엔드 개발 도구의 완벽한 조합 Mar 16, 2024 pm 12:09 PM

PHP와 Vue: 프론트엔드 개발 도구의 완벽한 조합 오늘날 인터넷이 빠르게 발전하는 시대에 프론트엔드 개발은 점점 더 중요해지고 있습니다. 사용자가 웹 사이트 및 애플리케이션 경험에 대한 요구 사항이 점점 더 높아짐에 따라 프런트 엔드 개발자는 보다 효율적이고 유연한 도구를 사용하여 반응형 및 대화형 인터페이스를 만들어야 합니다. 프론트엔드 개발 분야의 두 가지 중요한 기술인 PHP와 Vue.js는 함께 사용하면 완벽한 도구라고 볼 수 있습니다. 이 기사에서는 독자가 이 두 가지를 더 잘 이해하고 적용할 수 있도록 PHP와 Vue의 조합과 자세한 코드 예제를 살펴보겠습니다.

프론트엔드 면접관이 자주 묻는 질문 프론트엔드 면접관이 자주 묻는 질문 Mar 19, 2024 pm 02:24 PM

프론트엔드 개발 인터뷰에서 일반적인 질문은 HTML/CSS 기초, JavaScript 기초, 프레임워크 및 라이브러리, 프로젝트 경험, 알고리즘 및 데이터 구조, 성능 최적화, 크로스 도메인 요청, 프론트엔드 엔지니어링, 디자인 패턴, 새로운 기술 및 트렌드. 면접관 질문은 후보자의 기술적 능력, 프로젝트 경험, 업계 동향에 대한 이해를 평가하기 위해 고안되었습니다. 따라서 지원자는 자신의 능력과 전문성을 입증할 수 있도록 해당 분야에 대한 충분한 준비를 갖추어야 합니다.

검토! 심층 모델 융합(LLM/기본 모델/연합 학습/미세 조정 등) 검토! 심층 모델 융합(LLM/기본 모델/연합 학습/미세 조정 등) Apr 18, 2024 pm 09:43 PM

9월 23일, 국립방위기술대학교, JD.com 및 베이징 공과대학이 "DeepModelFusion:ASurvey"라는 논문을 발표했습니다. 딥 모델 융합/병합은 여러 딥 러닝 모델의 매개변수나 예측을 단일 모델로 결합하는 새로운 기술입니다. 이는 더 나은 성능을 위해 개별 모델의 편향과 오류를 보상하기 위해 다양한 모델의 기능을 결합합니다. 대규모 딥 러닝 모델(예: LLM 및 기본 모델)에 대한 딥 모델 융합은 높은 계산 비용, 고차원 매개변수 공간, 서로 다른 이종 모델 간의 간섭 등을 포함한 몇 가지 문제에 직면합니다. 이 기사에서는 기존 심층 모델 융합 방법을 네 가지 범주로 나눕니다. (1) 더 나은 초기 모델 융합을 얻기 위해 손실 감소 경로를 통해 가중치 공간의 솔루션을 연결하는 "패턴 연결"

Django는 프론트엔드인가요, 백엔드인가요? 확인 해봐! Django는 프론트엔드인가요, 백엔드인가요? 확인 해봐! Jan 19, 2024 am 08:37 AM

Django는 빠른 개발과 깔끔한 ​​방법을 강조하는 Python으로 작성된 웹 애플리케이션 프레임워크입니다. Django는 웹 프레임워크이지만 Django가 프런트엔드인지 백엔드인지에 대한 질문에 답하려면 프런트엔드와 백엔드의 개념에 대한 깊은 이해가 필요합니다. 프론트엔드는 사용자가 직접 상호작용하는 인터페이스를 의미하고, 백엔드는 HTTP 프로토콜을 통해 데이터와 상호작용하는 서버측 프로그램을 의미합니다. 프론트엔드와 백엔드가 분리되면 프론트엔드와 백엔드 프로그램을 독립적으로 개발하여 각각 비즈니스 로직과 인터랙티브 효과, 데이터 교환을 구현할 수 있습니다.

Go 언어 프런트엔드 기술 탐색: 프런트엔드 개발을 위한 새로운 비전 Go 언어 프런트엔드 기술 탐색: 프런트엔드 개발을 위한 새로운 비전 Mar 28, 2024 pm 01:06 PM

빠르고 효율적인 프로그래밍 언어인 Go 언어는 백엔드 개발 분야에서 널리 사용됩니다. 그러나 Go 언어를 프런트엔드 개발과 연관시키는 사람은 거의 없습니다. 실제로 프런트엔드 개발에 Go 언어를 사용하면 효율성이 향상될 뿐만 아니라 개발자에게 새로운 지평을 열어줄 수도 있습니다. 이 기사에서는 프런트엔드 개발에 Go 언어를 사용할 수 있는 가능성을 살펴보고 독자가 이 영역을 더 잘 이해할 수 있도록 구체적인 코드 예제를 제공합니다. 전통적인 프런트엔드 개발에서는 사용자 인터페이스를 구축하기 위해 JavaScript, HTML, CSS를 사용하는 경우가 많습니다.

See all articles