네이버 e스포츠 2일차

작성된 본문

자세한 코드는 아래에 링크해 두었고, 유념할 부분만 정리해 작성한다.

체크포인트

내용 자체는 대부분 아는 내용이고, svg 태그를 들어 찾아보고 간단하게 정리해보았다.

• SVG 태그란?

SVG태그는 Scalable Vector Graphics의 약자로 벡터 기반 그래픽을 XML 형식으로 정의하는 것을 의미한다.

사각형 : <rect>, 원 : <circle>, 타원 : <ellipse>, 선 : <line>, 다각선 : <polyline>, 다각형 : <polygon>, 패스 : <path> 의 태그로 다양한 도형을 그릴 수 있다.

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
    <circle cx="12" cy="13" r="4"></circle>
</svg>

(결과)

상세한 방법은 아직 이해하지 못했고 실제로도 어렵다고 한다. 여기에서도 그림파일을 SVG 태그로 변환할 수 있다.

학습 소감

분명 본 내용은 그렇게 어렵지 않은데 조금만 더 많은 내용을 알려고 하면 다시 또 어려운 내용이 나온다. 아직 카피캣도 혼자하기는 어려울 듯 하지만, 하나하나를 뜯어보면 아는내용이라 또 집중이 안되기도 하는것이 따로 혼자서 만들어보는 과정이 필요할 듯 하다.

진행한 코드 링크

오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.