WEB7 공기반 소리반으로 완성된 머신러닝 기반 음악 Lo-Fi Player Interactive lofi beat player. magenta.github.io 2016년 구글 브레인들이 모여 발표한 마젠타 프로젝트. 머신러닝으로 음악과 미술을 창작하는 프로젝트이다. 음악의 경우 알파고를 개발한 영국의 딥 바인드와 협력하여 '엔시스(NSynth)'라는 툴을 만들었다. 여러가지 악기와 음이 담긴 데이터 베이스를 구축하고 이를 AI에 학습시켜 새로운 소리와 음악을 만드는 것이다. Lo-Fi Player는 마젠타 프로젝트에서 새롭게 선보이는 웹 사이트로, 방 안의 사물들을 하나씩 클릭해보며 로파이 힙합을 믹싱할 수 있는 흥미로운 사이트이다. 각종 사물들로 정교한 로파이 힙합을 믹싱하여 친구들과 공유할 수도 있다. 내가 Lo-Fi Player로 믹싱한 음악 Lo.. 2020. 9. 13. [IIS] 인터넷 정보 서비스란? IIS (Internet Information Service, IIS) IIS는 마이크로소프트 윈도우에서 사용 가능한 웹 서버 소프트웨어입니다. 흔히 IIS라는 약칭으로 많이 불리며 윈도우에서 무료로 제공됩니다. 마이크로소프트에서 직접 개발하여 제공하는 프로그램이니 만큼 윈도우 서버와의 호환성이 좋으며 웹 프로그래밍 언어 및 기술로 ASP와 ASP.NET을 주력으로 밀고 있습니다. 특징 일반적인 http 지원 SMTP 메일 전송 프로토콜 지원 FTP 파일 전송 프로토콜 지원 윈도우에서 IIS 사용하기 1. 제어판에 들어가서 프로그램 및 기능 탭으로 들어갑니다. 2. Windows 기능 켜기/ 끄기 3. 이미지와 같이 항목을 선택합니다. 4. 확인을 누르면 설정이 적용된 후 IIS 앱을 실행할 수 있습니다.. 2020. 5. 31. [Node.js] Template Literals 템플릿 리터럴 Tempalte Literals 템플릿 리터럴은 ES6 JavsScript 문법이다. 일반 문자열과 달리 백틱(`) 문자를 사용하며 런타임 시점에서 문자열로 처리, 변환된다. 일반적인 문자열에서 줄바꿈 // 중간에 줄바꿈 시 오류 발생! var name = "mint"; var text = "Hello, " + name + " Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled i.. 2020. 4. 25. [HTML] 시멘틱 태그 Semantic Tag 시멘틱 태그 Semantic Tag HTML5에 도입된 시멘틱 태그는 의미론적인 태그이다. 단순히 시멘틱 태그만으로는 화면이 변하지 않지만, 문서의 구조를 브라우저와 개발자가 쉽게 알아볼 수 있도록 한다. 구조 header : 문서나 section의 머리글을 지정한다. nav : 요소 탐색 링크의 집합이다. (주로 메뉴바를 만들 때 사용한다.) section : 여러 중심 내용을 감싸준다. article : 내용을 정의한다. aside : 중심 내용 요소를 제외한 콘텐츠를 정의한다. (링크, 메뉴, 광고 등) footer : 문서나 section의 바닥글을 지정한다. section section 내에는 header와 footer를 넣을 수 있고, section 내에 section을 넣는 것도 가능하다. 2019. 12. 4. [HTML] 폼태그 form tag form 태그 웹 페이지의 입력양식 (로그인, 회원가입 등) 전체적인 양식을 의미하는 추상적인 코드이다. 따라서 form 태그 자체로는 화면에 보이지 않는다. 입력된 정보(데이터)를 다른 목적지로 보낼 수 있다. Attribute 속성 action : 양식이 제출될 때 양식 데이터를 보낼 URL method : 양식 데이터를 보내는 방법 (get/ post) GET POST 이름 - 값 양식 데이터를 URL에 추가한다. HTTP 요청 본문 내에 양식 데이터를 추가한다. URL의 길이가 제한적이다. (약 3000자) 길이 제한이 없다. URL에 데이터가 추가되기 때문에 민감한 정보가 포함되어있는 경우 권장하지 않는다. (비보안 데이터에 적합하다.) 보안 데이터에 적합하다. name : form의 이름 Ta.. 2019. 11. 28. [CSS] 선택자 Selector CSS 선택자 스타일 속성을 적용하는 요소를 선택자라고 한다. 선택자는 태그 하나가 될 수도 있고 각기 다른 태그 여러개를 묶어서 별도의 선택자로 지정할 수도 있다. Hello World html/css 이런식으로 태그에 하나하나 스타일 속성을 지정해줄 수도 있지만 나중에 속성을 바꿔야 하는 일이 생길 경우, 또 다시 하나하나 바꿔줘야 하는 어려움이 있다. Hello World html/css CSS 선택자를 사용해서 스타일 속성을 적용하고자 하는 태그를 묶어 한번에 지정하면 유지보수도 쉬워지고 코드도 간결해진다. 선택자에는 여러가지 종류가 있으며 사용자의 의도에 맞게 적절히 혼합 사용하는 것이 중요하다. 타입 선택자 태그의 이름을 지정한다. See the Pen mddQzJR by Joy (@Joy-P.. 2019. 11. 16. [HTML] HTML 기초 HTML HyperText Markup Language 하이퍼텍스트를 마크업하는 언어 온라인 상의 문서를 만들기 위한 구조화된 언어 HyperText 하이퍼텍스트 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 Markup 마크업 태그를 사용하여 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 기능 태그 마크업할 때 사용하는 약속된 표기법을 태그(Tag)라고 한다. HTML은 태그를 사용해서 구조화를 하며 웹 문서에 표시하려는 내용을 전달하는 데 매우 중요한 역할을 한다. 를 이용해서 구분한다. 태그는 대문자와 소문자를 구별하지는 않지만, HTML5 표준 명세에는 소문자 사용을 권장한다. 와 를 정확히 입력한다. (br, img 와 같이.. 2019. 11. 16. 이전 1 다음
