본문 바로가기
반응형

programming760

svg 경로 패스 개념 종류 About svg path svg에는 path를 이용해 선을 그리는 기능이 있다. path의 기능은 어렵지 않지만 이 중 몇가지가 개념적으로 어려울 수 있다. svg path 에는 10가지의 기능을 제공하며 좌표의 시작을 M으로 시작하여 Z으로 종료한다. 개념을 먼저 잡고 코드는 다음으로 미룬다. svg 경로 종류 About svg path svg path를 이용하면 복잡한 선형곡선을 그릴 수 있다. 이것을 베지어곡선이라 한다. 점과 선을 이용해 그리는 것으로 복잡한 수식보다는 개념부터 알고 넘어가자. svg path의 개념 중 가장 어렵기도 하지만 이해하면 어렵지 않다. svg path의 기본 사용법은 아래와 같다. 먼저 svg path 종류부터 살펴본다. svg path는 10가지가 있다. svg path 종류 10가지 svg.. 2021. 9. 8.
자바스크립트 html 코드 작성 위치 javascript code in html html 코드 내에 자바스크립트를 작성하는 위치는 개발자마다 다르다. 하지만 어느 위치에 작성하든 상관이 없다. 자바스크립트는 클라이언트 언어이며 프론트엔드를 위한 언어이기 때문이다. 즉 웹브라우저가 웹페이지의 실행을 완료한다는 것은 웹브라우저에서 html 문서와 함께 실행될 자바스크립트를 다운로드 받았다는 의미이기 때문이다. 자바스크립트 html 코드 작성 위치 javascript code in html 자바스크립트는 html 웹페이지에 존재하며 웹페이지를 동적으로 처리한다. 사용자가 버튼을 눌렀을 때 동작하는 이벤트도 자바스크립트이다. 이런 자바스크립트를 html 문서 내에 위치시키는 것은 의견이 다르지만 html 문서 어디에 위치하든 상관이 없다. 다만 자바스크립트는 외부 js 파일 불러오기 자바스.. 2021. 9. 8.
파이썬 세트 반복문 사용 아이템 값 출력하기 Python Loop Item 파이썬 세트는 반복문을 사용하여 아이템 값을 화면에 출력할 수 있다. 대표적인 for 반복문을 사용할 수 있다. while 반복문을 사용하려면 다른 컬렉션으로 데이터 타입을 변환해야 한다. 파이썬 세트는 인덱스 값을 제공하지 않기 때문이다. 하지만 for 반복문을 사용해 보자. 파이썬 세트 반복문 사용 아이템 값 출력하기 Python Loop Item 파이썬 세트는 컬렉션이기 때문에 반복문으로 값을 출력할 수 있다. 반복문은 많이 사용되기 때문에 알아두자 리스트나 튜플 등에서 반복문을 사용할 수 있다면 파이썬 세트를 반복문 처리하는 것은 어렵지 않다. 반복문을 사용하기 전에 먼제 데이터를 준비하자. print('----------') vSet_Company = {"YG Ent.", "블랙핑크"} vSet.. 2021. 9. 8.
자바스크립트 html 속성 변경하는 방법 여러가지 자바스크립트를 이용하면 html 속성들을 동적으로 변경할 수 있다. 이미지를 변경시키거나 텍스트를 변경할 수도 있다. 특정 문자열을 숨기기 할 수도 있고 반대로 보여주기 할 수 있다. 이처럼 자바스크립트는 html 문서를 동적으로 동작할 수 있고, 사용자가 원하는 것을 할 수 있도록 해 준다. 자바스크립트와 html html은 웹브라우저에서 볼 수 있는 웹문서이다. 자바스크립트는 웹문서인 html을 정적이 아닌 동적으로 움직이도록 해 준다. 대표적인 것이 이미지가 그렇고 문자의 형태를 변경하고 수정하는 것이 있다. 자주 사용되는 몇가지를 소개하면 다음과 같다. 문자열 텍스트 변경 문자열 텍스트 속성 값 변경 특정 요소를 숨기기, 보여주기 태그의 스타일 변경 이미지 변경 위의 몇가지를 코드로써 만들어 본다.. 2021. 9. 7.
반응형

티스토리툴바