반응형 브랜드 마케팅172 HTML 오디오(audio) 속성 태그 삽입 방법 웹페이지에서 이미지와 텍스트만으로 정보를 전달하기 부족하거나 아쉬울 때가 있습니다. 보다 흥미롭고 생생한 정보를 전달하기 위해 다양한 멀티미디어 파일을 사용하기도 하지만 비디오와 오디오 태그 사용으로 유튜브를 연결할 수 있습니다. HTML 태그 웹에서 지원하는 비디오 파일 형식은 MP4, WebM, OGG 등이 있습니다. OGG 파일은 사파리 브라우저에서 지원하지 않습니다. 오디오 파일을 연결하는 방법은 오디오 태그와 함께 사용하는 속성과 속성값이 있습니다. MP3파일이 없다면 유튜브의 NCS채널은 NoCopyrightSounds(저작권 없는 사운드)를 운용하는 채널로 MP3 파일을 다운로드할 수 있습니다. 로 닫습니다. 로 닫습니다. 끝나는 태그로 닫고 마무리합니다. HTML 속성 입력 내 컴퓨터에 저.. 2023. 7. 15. 비주얼 스튜디오 코드 파일 설치 방법 | 무료 코딩 언어 프로그램 윈도 메모장과 Textedit를 사용해서 HTML과 CSS코드를 작성할 수 있지만 오차 없이 정확하기 코딩하기 위해서는 비주얼 스튜디오를 사용하면 좋습니다. 비주얼 스튜디오 코드를 사용하면 여러 가지 편리한 점이 있습니다. HTML태그와 CSS속성과 속성값을 입력할 때 오타를 줄여주는 코드 자동 완성 기능이 있기 때문입니다. 비주얼 스튜디오에는 작성한 코드를 웹브라우저에서 즉시 확인할 수 있는 확장 기능이 있는데 윈도, 맥, 리눅스 운영체제에 설치할 수 있으며 가장 좋은 것은 비용 부담 없이 무료로 사용할 수 있다는 점입니다. 비주얼 스튜디오 코드 무료 설치 VS CODE 검색 구글 검색창에 vs code라고 입력 후 검색을 클릭합니다. 비주얼 스튜디오 코드 사이트에 접속하면 화면 중앙의 파란색의 Dow.. 2023. 7. 14. HTML 버튼 바로가기 태그 만드는 법 티스토리와 같은 HTML 문서에 클릭할 수 있는 버튼이 필요하면 버튼박스 태그를 사용합니다. 버튼태그는 HTML에서 버튼 모양으로 표시되는데, 해당 링크나 이동시킬 수 있는 홈페이지 또는 웹페이지 영역으로 사용자를 쉽게 이동시킬 수 있습니다. HTML 버튼 박스 예시는 버튼 박스를 클릭하면 사용자에게 편리한 링크를 제공하는데 새로운 페이지에서 열리는 버튼을 만들 수 있습니다. HTML5에서 button 태그에 추가된 속성과 속성값이 있는데, 그중에 hyperlink(하이퍼링크)처럼 페이지를 이동하고 페이지를 설정할 수 있는 formaction속성과 속성값이 있습니다. 종류 설명 formaction form 데이터가 서버로 제출될 때 도착을 URL을 입력 type 속성이 submit일 때 사용할 수 있습니.. 2023. 7. 14. 낙서를 예술 작품으로 만드는 AI | Artificial. ink Artificial.ink는 그림을 못 그리더라도 아무렇게나 낙서나 모양을 형상만 대충 그리기만 한다면 낙서가 예술작품으로 만들 수 있습니다. 준비물은 마우스만 있으면 충분합니다. 쉬운 사용법으로 낙서만 그려줍니다. AI가 그릴 때까지 5초만 기다리면 됩니다. 웹 마케팅 또는 작업에 필요한 이미지를 유료로 구매할 필요 없이 Artificial.ink 방문하면 로그인 계정이 필요하지 않고 무료로 낙서를 기반으로 한 이미지를 무한히 생성할 수 있습니다. 해당 프로그램의 좌측은 낙서를 그리고 'Generate(생성)' 버튼만 클릭하면 됩니다. 낙서로 예술 사진 AI 생성 Artificial.ink Upgrade your online presence with a personalized profile pictur.. 2023. 7. 1. 구글 코랩 파이썬 코드 실습 | GPT API 키 명령어 입력 챗GPT에서는 API 서비스를 시작했는데, API(Application Programming Interface)란 별도의 코드를 활용해 챗GPT 플랫폼을 사용하는 것을 말합니다. ChatGPT API를 활용하면 홈페이지 접속하지 않고도 본인만의 자동화 코드에서 챗GPT 서버에 프롬프트를 입력하고 결과를 받을 수 있습니다. API 사용법을 익히면 간단히 수백에서 수천 가지의 프롬프트 입력 및 결과 생성이 가능하며, 본인만의 애플리케이션 안에 ChatGPT를 탑재할 수 있습니다. 파이썬 코드 실습 기초 파이썬 실습은 구글에서 제공하는 코랩(Colab)이라고 부르는 사이트에 접속하면 설치 과정 없는 파이썬을 무료로 시작할 수 있습니다. 구글이나 네이버에서 '구글 코랩'을 검색하면 최상단에서 찾을 수 있습니다... 2023. 7. 1. 챗GPT 오픈AI API 키 발급하기 | 주의사항 OpenAI API는 구글 스프레드시트와 같은 외부 프로그램에서 GPT에 접근을 돕는 기능입니다. GPT 사용을 위해 사이트에 로그인하듯이 API를 통해 GPT에 접근하려면 API 키를 발급받아야 합니다. 오픈 AI API 비밀키 발급 1. OpenAI API 플랫폼 공식 홈페이지에 로그인합니다. 2. 홈페이지 주소는 https://platform.openai.com/overview입니다. 3. 우측 상단의 Persoal을 클릭하면 View API keys(API 키 보기)를 찾을 수 있습니다. API 키 발급 주의사항 API키는 비밀이며, 비밀 API 키는 생성한 후에 다시 표시가 되지 않아 주의하는 것이 좋습니다. 물론 API 키를 다른 사람과 공유하거나 브라우저나 다른 클라이언트 측 코드에 노출해서.. 2023. 6. 30. 이전 1 ··· 6 7 8 9 10 11 12 ··· 29 다음 반응형