2년 전 엔드엔드 개발 경험을 통해 저는 프레임워크를 배우기 전에 견고한 기반을 마련하지 않는 것이 초기 경력에서 가장 큰 실수 중 하나라는 사실을 깊이 깨닫게 되었습니다. 많은 개발자들이 성공을 열망하지만 기본 지식의 중요성을 무시하여 결국 후속 작업에 어려움을 겪습니다.
이 기사에서 다룰 내용은 다음과 같습니다.
- 나의 초기 실수
- 이러한 실수를 어떻게 극복할 수 있나요
- 자바스크립트란 무엇입니까
- 요약
나의 초기 실수
저는 대학을 졸업한 후 다른 학생들과 마찬가지로 취업에 대한 열망과 직장에서의 경쟁에 대한 열망이 있었지만 준비가 부족했습니다. 대학 4년 동안 나는 취업 시장에서 두각을 나타낼 만큼 뛰어난 성과를 거두지 못했습니다. 설상가상으로 폐쇄로 인해 오프라인 강좌를 수강할 수 있는 시간은 약 1년 반밖에 남지 않았습니다.
솔직히 저는 온라인 수업, TV 시리즈 시청, 잠의 반복에 중독되어 있습니다. 이런 일이 너무 오랫동안 계속되자 구직 시즌이 다가오자 나는 당황하기 시작했습니다. 다행스럽게도 고등학교 때부터 알고리즘과 데이터 구조에 대한 탄탄한 지식을 바탕으로 중소기업에 취업하는 데 도움이 되었습니다.
몇 주 동안 학교 취업 상담사에게 지원하고 지속적으로 연락한 끝에 마침내 프론트엔드 React 개발 엔지니어로 일하게 되었습니다.
하지만 내 경력의 첫 6개월은 극도로 힘들었습니다. 나는 아웃소싱 회사에 합류했고 팀은 Accenture 및 Wipro와 같은 대기업에 개발자를 제공했습니다. 몇 가지 온라인 강좌를 이수했지만 실제 웹사이트 개발 프로젝트에 참여한 적은 없습니다.
Ant Design(AntD) 라이브러리를 사용하여 사용자 정의 열을 정의하고 다양한 데이터 유형을 처리하는 도우미 함수를 만드는 첫 번째 과제를 받았을 때 제가 아는 것이 얼마나 적은지 금방 깨달았습니다. 대부분의 프런트엔드 개발자는 내 딜레마를 이해할 수 있지만 내 문제는 라이브러리 자체에 있는 것이 아니라 JavaScript에 있습니다.
입사하기 전에는 JavaScript에 대한 기초가 탄탄하지 않았기 때문에 고민을 해야 했습니다. 나의 일상은 아침에 JavaScript 튜토리얼을 시청하고 오후에 배운 내용을 적용하는 것으로 구성됩니다. 간단한 작업은 완료하는 데 2~3배의 시간이 걸리는 경우가 많습니다. 이는 효율성을 떨어뜨릴 뿐만 아니라 매우 좌절감을 느끼게 합니다.
나의 변신
그 점을 보완하기 위해 매일 아침 Medium.com에서 기사를 읽기 시작했고 JavaScript 및 React 관련 주제를 구독하여 맞춤 추천을 받았습니다. 이 기사는 주요 JavaScript 지식을 확고히 하고, 새로운 개념을 배우고, 이해가 부족한 영역을 식별하는 데 도움이 되었습니다.
저는 또한 초보자에게 강력히 추천하는 freeCodeCamp의 JavaScript with Data Structures 인증 과정을 이수했습니다. 이것은 나에게 전환점이 되었습니다.
두 달 안에 진전이 보이기 시작했습니다. 지식이 축적되면서 UI 문제 처리에 대한 자신감도 높아졌습니다. 저는 드래그 앤 드롭 인터페이스, 동적 채팅 모듈, 푸시 알림, Google 지도 호텔 통합과 같은 기능 구현을 실험하기 시작했습니다.
첫 직장을 떠난 지 1년 만에 새로운 회사로 이직했습니다. 이번에는 전환이 순조롭게 진행되었습니다. 탄탄한 기반을 구축했고 더 이상 지난 6개월 동안의 어려움을 겪지 않았기 때문입니다.
핵심 개념의 중요성
프론트엔드 개발자로서 HTML, CSS, JavaScript는 모든 작업의 핵심입니다.
- HTML은 애플리케이션의 구조를 정의합니다
- CSS는 시각적으로 매력적입니다
- JavaScript는 상호작용성과 기능을 추가합니다
이 세 가지 핵심 기술을 익히면 무엇이든 만들 수 있습니다. 아직 그렇지 않으셨다면, 이 내용이 귀하의 핵심 기술을 강화하는 데 영감을 주기를 바랍니다.
자바스크립트란 무엇인가요?
JavaScript는 웹페이지를 대화형으로 만드는 데 사용되는 다목적 프로그래밍 언어입니다. 간단한 애니메이션부터 복잡한 애플리케이션까지 JavaScript는 웹페이지의 동적 동작을 강화합니다. 프론트 엔드 개발에 필수적인 기술이며 매일 새로운 것을 배우게 될 것입니다.
요약
프론트엔드 개발이 처음이라면 기본을 건너뛰지 마세요. React, Angular 또는 Vue와 같은 프레임워크는 강력하지만 모두 JavaScript, HTML 및 CSS를 기반으로 구축되었습니다. 이러한 핵심 기술을 익히면 개발 프로세스가 더욱 원활해지고 생산적이 됩니다.
제 경험을 되돌아보면 근본적인 개념에 투자하는 것이 장기적으로 볼 때 가치가 있다고 자신있게 말할 수 있습니다. 작게 시작하고 일관성을 유지하며 도전에 맞서십시오.
위 내용은 '프론트엔드 개발자로서 JavaScript를 배우는 것에 대한 어려운 진실'의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

@keyframesandcsstransitionsdifferincomplexity :@keyframesallowsfordeTailEdanimationsections, whilecsStransitsimplestateChanges.UsecsStransitionSforHovereffects likeToncolorChanges 및@keyframesforintricateanimationspinners.

알고 있습니다. 컨텐츠 관리 시스템 옵션이 수많은 톤을 사용할 수 있으며, 여러 번 테스트했지만 실제로는 아무도 없었습니다. y ' 이상한 가격 책정 모델, 어려운 커스터마이즈, 일부는 전체가되었습니다.

HTML의 일부에서 요소를 사용하여 CSS 파일을 HTML에 연결하면 달성 할 수 있습니다. 1) 태그를 사용하여 로컬 CSS 파일을 연결하십시오. 2) 여러 개의 태그를 추가하여 여러 CSS 파일을 구현할 수 있습니다. 3) 외부 CSS 파일은 다음과 같은 절대 URL 링크를 사용합니다. 4) 파일 경로 및 CSS 파일로드 순서의 올바른 사용을 확인하고 성능을 최적화하면 CSS Preprocessor를 사용하여 파일을 병합 할 수 있습니다.

Flexbox 또는 그리드 선택은 레이아웃 요구 사항에 따라 다릅니다. 1) Flexbox는 탐색 표시 줄과 같은 1 차원 레이아웃에 적합합니다. 2) 그리드는 매거진 레이아웃과 같은 2 차원 레이아웃에 적합합니다. 두 사람은 프로젝트에 사용하여 레이아웃 효과를 향상시킬 수 있습니다.

CSS 파일을 포함시키는 가장 좋은 방법은 태그를 사용하여 HTML 부분에 외부 CSS 파일을 소개하는 것입니다. 1. 태그를 사용하여 외부 CSS 파일을 소개합니다. 2. 작은 조정의 경우 인라인 CSS를 사용할 수 있지만주의해서 사용해야합니다. 3. 대규모 프로젝트는 SASS와 같은 CSS 전 처리기를 사용하여 @Import를 통해 다른 CSS 파일을 가져올 수 있습니다. 4. 성능의 경우 CSS 파일을 병합하고 CDN을 사용해야하고 CSSNANO와 같은 도구를 사용하여 압축해야합니다.

예, YoushouldLearnbothflexBoxAndgrid.1) FlexBoxisIdealforone-Dimensional, FlexiblelayoutSlikenavigationMenus.2) GridexCelsIntwo-Dimensional, ComplexDesignsSuchasmagazinElayouts.3) 결합 된 BothenSlayoutFlexibility 및 HeartingFortructur

자신의 코드를 리팩터링하는 것은 어떤 모습입니까? John Rhea는 자신이 쓴 오래된 CSS 애니메이션을 선택하고 최적화하는 사고 과정을 살펴 봅니다.

cssanimationsarenherinly에 hardbutreepracticenderstandingofcsspropertiesandtimingflestions.1) startsimpleants withsimpleatslikeScalingabuttononHoverusingKeyframes.2) useAsingfuctionslikecubic-bezierfornateffects, 그러한 분위기, 3)


핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

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

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.