Become a Fullstack Developer from Scratch – Full Beginner’s Tutorial
- 풀스택 개발자 학습 여정 소개: Scribba에서 제공하는 풀스택 개발자 과정은 HTML, CSS, JavaScript 기본부터 React, Node, Next, SQL, TypeScript, 테스팅, AI 엔지니어링까지 다룹니다. 🚀
- 실습 중심 학습 강조: 이론적인 학습을 넘어 게임 개발, Google 및 Instagram 클론, AI 투자 앱 구축 등 실제 프로젝트를 통해 학습합니다. 🎮
- 500개 이상의 챌린지 제공: 학습 과정에서 500번 이상의 챌린지를 통해 문제 해결 능력을 향상시킵니다. 🤔
- HTML 기본 구조 학습: HTML 파일 생성 및 브라우저에서 렌더링하는 기본 과정을 설명하고, heading 태그(H1, H2)를 사용하여 텍스트 스타일을 변경하는 방법을 소개합니다. 📝
- 이미지 태그 사용법:
<img> 태그를 사용하여 웹 페이지에 이미지를 추가하고, src 속성을 통해 이미지 소스를 지정하는 방법을 설명합니다. 🖼️
- 이미지 크기 조절 꼼수: CSS를 사용하지 않고
width 속성을 활용하여 이미지 크기를 조절하는 방법을 소개합니다. (유효한 HTML은 아니지만 실용적인 꼼수) 📐
- 이미지 주소 복사 및 활용: 온라인에서 원하는 이미지를 찾아 이미지 주소를 복사하여 웹 페이지에 사용하는 방법을 설명합니다. 🌐
- HTML 요소 중첩 (Nesting):
<div> 태그를 사용하여 HTML 요소들을 그룹화하고, 요소 간의 부모-자식 관계를 형성하는 방법을 설명합니다. 📦
- 개발자 도구 활용: Chrome 브라우저의 개발자 도구를 사용하여 웹 페이지의 텍스트를 실시간으로 변경하는 방법을 소개합니다. 🛠️
- HTML 문서 트리 구조 이해: HTML 요소들이 중첩되어 트리 형태의 구조를 이루는 것을 설명하고, 이를 통해 웹 페이지의 구조를 시각적으로 이해할 수 있도록 돕습니다. 🌳