TwentyTwentyOne

아래 글은 “웹 개발 기초부터 실무까지” 시리즈의 마지막 글로, 이번 시리즈를 마무리하는 글입니다.이번 시리즈를 통해 웹 개발의 기초부터 실무까지의 흐름을 정리하면서, 웹 개발자가 되기 위한 기본적인 로드맵을 구축해 보았습니다. 1. 우리가 다뤄온 내용 정리이 시리즈에서는 웹 개발 입문자가 실무까지 나아갈 수 있도록 다음과 같은 주요 내용을 다뤘습니다.주제 핵심 내용1. 웹 개발이란?웹 개발의 기본 개념, 프론트엔드 & 백엔드 소개2. HTML/CSS 기초웹사이트의 구조 및 스타일링, 반응형 웹 디자인3. 자바스크립트 기초기본 문법 및 DOM 조작, 이벤트 핸들링4. 자바스크립트 프레임워크React, Vue, Angular 비교 및 선택 가이드5. 백엔드 기초Node.js, Express, 데이터베이스 ..

[Project][SVG] Arc 를 그려보자! SVG 로 Arc를 그리기 위해서는 path를 사용해야합니다. path의 d 속성에는 여러개의 명령어가 있는데, 그중 M 과 A 를 이용해 그려보는 react 용 Arc Component를 만들어 봅니다. https://developer.mozilla.org/ko/docs/Web/SVG/Tutorial/Paths A 명령어 원호를 그릴수 있는 명령어인 A는 A rx ry x축-회전각 큰-호-플래그 쓸기-방향-플래그 x y 로 이루어져있습니다. rx 는 x축 반지름 ry 는 y축 반지름 입니다. 큰-호-플래그 는 180도를 기준으로 중심각을 결정합니다. M 명령어 M 명령어는 Move To 호를 그릴 시작 좌표를 지정해줍니다. Arc Components Ar..