학습에 앞서 준비해야 할 사항을 안내합니다. (참고: yamoo9's Preparing for Class)

"SK 동반 성장, React & Vue 교육 사전 설문"에 응답해주세요.

줌(Zoom)을 사용한 화상 강의의 특성 상 녹화 된 강의를 시청하는 것과는 학습 환경이 다릅니다.

강의는 각 주제의 개념을 설명 함과 동시에 라이브 코딩 합니다. 주제 별 학습과 실습을 동시 진행하기 어려울 경우 학습과 실습을 병행한 방식보다 강의 주제를 듣고 노트에 정리한 후, 추후에 시간을 내서 실습하며 복습하는 것이 효과적입니다.

아래 나열된 웹 표준 기술은 수업 시간에 별도 설명없이 활용되므로 선행 학습이 필요합니다.

• HTML：의미있는 구조화(Semantic Markup)
• CSS：모던 레이아웃(Flexbox & CSS Grid 등)
• JavaScript：DOM 접근/조작, 명령형 프로그래밍(Imperative, Event Handling 등)
• ECMAScript NEXT：모던 JavaScript (v6(2015) 이후 매년 릴리스 됨)
• DOM：문서 객체 모델
• CSSOM：CSS 객체 모델
• WCAG / KWCAG：웹 콘텐츠 접근성 지침 국제/국가 표준
• WAI-ARIA：애플리케이션 접근성 개선 국제 표준

아래 나열된 기술은 수업 시간에 다루는 주제입니다. 가능하다면 사전 학습을 권장합니다.

• Git：버전 관리 시스템
• Sass：CSS 프리 프로세서
• TypeScript：타입 시스템 + 모던 JavaScript
• Webpack：모듈 번들러
• Babel：JavaScript 컴파일러
• esbuild / SWC：엄청 빠른 JavaScript 번들러
• Vite：차세대 프론트엔드 도구
• ESLint：JavaScript 린터
• Prettier：코드 포멧터
• Jest：테스팅 프레임워크

학습에 앞서 준비해야 할 사항을 안내합니다.

강의 중 주로 사용하는 브라우저는 Google Chrome입니다.
다른 웹 브라우저를 사용해도 무방합니다. (Mozilla Firefox, Microsoft Edge 등)

• React Developer Tools
• Vue.js devtools

강의에서 Node.js 런타임 환경을 사용합니다. (Node v16+ 권장)

강의 중 명령어 환경에서 사용하는 쉘 스크립트는 Zsh (또는 Bash Shell)입니다.

Windows에서 Bash Shell을 사용하려면? Git for Windows를 설치한 후 Git Bash 에뮬레이터를 사용하세요.
Windows 10 사용자인 경우, WSL을 설치해 Ubuntu를 사용하는 방법으로 대체할 수 있습니다.

💡 Power Shell 또는 CMD 명령에 능숙한 사용자라면? 꼭 Bash Shell을 사용할 필요는 없습니다.

💡 Windows 관리자 권한으로 Visual Studio Code 실행 방법을 참고하세요.

학습 저장소 yamoo9/SK-FE-2022를 포크(fork)한 후, 로컬 컴퓨터에 복제(clone)합니다.

• GitHub 학습 저장소 동기화

강의에서 사용되는 에디터는 Microsoft 사의 Visual Studio Code 입니다.

• VS Code 구성

COPYRIGHT ALL RESERVED. 2022 @ EUID