[HTML]Playlist 음악 스트리밍 사이트 제작 - 1

웹 클론코딩을 함으로써 코드 이해력과 응용력을 기르려고 주제를 찾아보던중 간단한 음악 플레이어를 만들고자 하였습니다 자바스크립트부분은 아직 많이 미흡하여 기존에 있는 음악 재생구현부분을 가져다가 부가기능을 추가하거나 구현하고자하는 내용은 구글링을 많이 하였습니다 해당사이트는 데스크톱 환경에 맞추어 제작되었습니다 버튼이 작동하지않거나 스크립트부분에서 자잘한 오류들을 고치고 위와같은 사이트를 제작하였습니다 웹 이미지파일을 가져왔지만 이미지도 음악부분도 저작권을 피해갈순 없어서 개인 사이트 제작용도로만 사용하였습니다 비상업적 용도이지만 저작권 당사자로부터 삭제요청이 있을경우 해당소스 삭제하겠습니다 현재까지 작동되는 기능은 리플레이 이전,다음곡 재생 플레이리스트 재생목록 보기와 볼륨조절까지 가능합니다 음악자체는..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 22.
• textsms

[html]css :root 가상 클래스를 통해 div색상 변경하기

:root 가상 클래스란? css에서 :root 가상 클래스는 HTML 문서의 루트 요소를 선택합니다 html의 루트 요소는 이기 때문에 root와 선택자와 동일합니다 CSS :root 변수 css에서 :root를 이용하여 재사용할 값을 담아줄 변수를 저장하여 변수로 불러올 수 있습니다 시스템 유지보수를 하려면 웹페이지의 여러 색상들이 담겨있는데 매번 하나하나 해당 클래스의 색의 코드를 검색하여 변경하려면 어렵기 때문에 색뿐만 아니라 재사용 가능한 다양한 값들을 변수에 저장하고 필요한 곳에서 불러와 재사용이 가능합니다 CSS :root 전역변수 선언하기 :root를 사용하여 CSS전역 변수로 설정하면 변수 안에 담긴 값을 원하는 곳에서 언제든 불러올 수 있습니다 *전역변수는 함수외부를 포함하여 모든함수에..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 21.
• textsms

내 웹사이트에 IDE 온라인 컴파일러 추가하는법 (코드 5줄)

온라인 컴파일러 컴퓨터에 따로 컴파일러 설치 없이 온라인 페이지에서 코딩 후에 컴파일러를 통해 코드 작동이 가능한 온라인 컴파일러에 관해서 지난번에 게시물을 작성한 내용이 있는데요 JDoodle - Online Compiler, Editor for Java, C/C++, etc JDoodle is an Online Compiler, Editor, IDE for Java, C, C++, PHP, Perl, Python, Ruby and many more. You can run your programs on the fly online, and you can save and share them with others. Quick and Easy way to compile and run programs onlin..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 18.
• textsms

소스코드를 아름다운 이미지로 만들어주는 사이트 | 코드블록 스타일

제 블로그에 포스팅된 글 중에 본문에 이미지로 된 소스 코드를 함께 포함하여 작성된 글이 있습니다 코드가 길지 않은 경우 코드 블록이나 게시물 본문에 소스코드를 직접 작성하는 것보다 깔끔하게 이미지로 업로드하는 것이 가독성면에서 월등하며 더 높은 품질의 글을 작성하는데 도움이됩니다 코드의 내용이 많다면 다들 아실테지만 OCR 기능을 사용하여 텍스트화 하여 사용하여도 되고 직접 타이핑하여 작성하고 단순한 복붙을 방지하는 효과도 있습니다 Carbon 공식 홈페이지 Carbon이라는 웹사이트에서 맞춤형 디자인과 사이즈로 코드를 이미지화할 수 있습니다 따로 가입이 필요 없으며 다양한 기능을 제공하고 누구나 사용할 수 있습니다 Carbon | Create and share beautiful images of yo..

• format_list_bulleted 프로그래밍/기타
• · 2022. 10. 25.
• textsms

[Codeup - 1092] 함께 문제 푸는 날

문제 설명 온라인 채점시스템에는 초등학생, 중고등학생, 대학생, 대학원생, 일반인, 군인, 프로그래머, 탑코더 등 아주 많은 사람들이 들어와 문제를 풀고 있는데, 실시간 채점 정보는 메뉴의 채점기록(Judge Status)을 통해 살펴볼 수 있다. 자! 여기서...잠깐.. 같은 날 동시에 가입한 3명의 사람들이 온라인 채점시스템에 들어와 문제를 푸는 날짜가 매우 규칙적이라고 할 때, 다시 모두 함께 문제를 풀게 되는 그날은 언제일까? 예를 들어 3명이 같은 날 가입/등업하고, 각각 3일마다, 7일마다, 9일마다 한 번씩 들어온다면, 처음 가입하고 63일 만에 다시 3명이 함께 문제를 풀게 된다. 갑자기 힌트? 왠지 어려워 보이지 않는가? 수학에서 배운 최소공배수를 생각한 사람들도 있을 것이다. 하지만, ..

• format_list_bulleted 프로그래밍/C 문제풀이
• · 2022. 10. 3.
• textsms

설치없이 바로 사용가능한 온라인 컴파일러 TOP3 (C,Python,Java,C#등)

개발자라면 전용 데스크탑에서 설치된 에디터로 코딩을 한 후에 컴파일러로 바로 실행이 가능하지만 pc방이라던가 외부에서 개인 pc를 사용 못하거나 혹은 간단한 코드를 테스트해보고 싶은데 사양이 낮거나 컴파일러를 설치할 수 없는 환경일 때 웹상에서 설치 없이 간단하게 사용할 수 있는 최고의 컴파일러 3가지를 소개해드리겠습니다 replit 첫 번째로 소개해드릴 사이트는 replit입니다 설치 없이 온라인으로 바로 사용 가능하며 사이트내에서 다양한 언어를 공합니다 또 사이트 디자인도 굉장히 깔끔하고 사이트 이름도 간단하여 개인적으로 자주 애용하는 사이트입니다 특징 설치 없이 사용가능 비회원으로 사용가능 로그인하여 프로젝트 생성 시 확장 라이브러리까지 설치 가능함 The collaborative browser b..

• format_list_bulleted 프로그래밍/기타
• · 2022. 9. 27.
• textsms