본문 바로가기

웹사이트16

KBS에서 제공하는 무료 컨텐츠 웹사이트 안녕하세요. 혀코입니다. 이번 시간에는 KBS에서 제공하는 무료 컨텐츠 웹사이트에 대해서 알아보겠습니다. KBS에서 제공하는 무료 컨텐츠 웹사이트는 바로 KBS 바다 입니다. 웹사이트 바로가기: https://bada.kbs.co.kr 해당 웹사이트에서 6300개 이상의 무료 동영상 클립과 5300개 이상의 무료 이미지, 50개 이상의 무료 오디오 190개 이상의 무료 컬렉션을 제공합니다. KBS에서 그동안 TV 수신료 꼬박꼬박 챙겨가더니 이런 좋은일도 하는군요. 이렇게 KBS에서 제공하는 무료 컨텐츠 웹사이트에 대해서 알아봤습니다. 이런 무료 컨텐츠들을 활용해서 뭔가 만들고 싶어지네요. 해당 정보가 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. :) 2022. 7. 11.
웹개발자들을 위한 코딩 챌린지 웹사이트 안녕하세요. 혀코입니다. 이번 시간에는 웹개발자들을 위한 코딩 챌린지 웹사이트에 대해서 알아보겠습니다. # Codewars https://www.codewars.com/ Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com # Topcoder https://www.topcoder.com/ | Design & Build High-Quality Software with On-Demand Talent The Topcoder Co.. 2020. 8. 23.
웹개발자들을 위한 무료 강의 웹사이트 안녕하세요. 혀코입니다. 이번 시간에는 웹개발자들을 위한 무료 강의 웹사이트에 대해 알아보겠습니다. # Freecodecamp https://www.freecodecamp.org/ freeCodeCamp.org Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft. www.freecodecamp.org # Codecademy https://www.codecademy.com/ Learn to Code - for Free | Codecademy Learn the technic.. 2020. 8. 22.
티스토리 사이트맵 제작 및 Google Search Console 등록하는 방법 안녕하세요. 혀코입니다. 티스토리 블로그 포스팅을 했는데 구글에서 검색이 잘 안된다면 Google Search Console에 사이트맵이 제대로 등록이 되었는지 확인해봐야 합니다. 오늘은 티스토리 블로그의 사이트맵을 제작하는 방법과 파일을 업로드해서 Google Search Console의 사이트맵에 등록하는 방법에 대해서 알아보겠습니다. 참고로, 티스토리에서 사이트맵이 자동으로 생성되지 않기 때문에 블로그 포스팅을 할때마다 새로운 페이지 링크를 사이트맵에 추가해줘야 하는 번거로움이 있으니 참고해주세요. 우선 아래 형식처럼 sitemap.xml 파일을 만듭니다. https://smilehugo.tistory.com/entry/worknet-event-galaxy10s-notebookpen-ipad-191.. 2019. 12. 18.
일본 시민단체가 공개한 일본군 위안소 지도 일본의 한 시민단체가 일본군 위안소 지도를 공개했다고 합니다. 일본군 위안소 지도 확인 가능한 웹사이트 주소 공유합니다. https://wam-peace.org/ianjo/map/ 출처: https://www.dogdrip.net/237284790 2019. 12. 17.
이모티콘 및 특수 문자표를 모아놓은 웹사이트 이모티콘 또는 특수 문자를 입력하고 싶을 때 다들 어떻게 입력하시나요? 자음을 누르고 한자키를 입력한다구요? 휴대폰의 이모지를 이용하시나요? 찾아보니 이모티콘 및 특수 문자표를 모아놓은 웹사이트가 있어 소개해 드릴까합니다. 원하는 이모니콘 또는 특수 문자를 찾은 다음에 간단하게 클릭만 하면 클립보드에 바로 복사가 되어서 사용하기 편하답니다. https://unicode-table.com Unicode® Character Table Unicode character search web service. Find, copy and paste your favorite characters: 😎 Emoji, ❤ Hearts, 💲 Currencies, → Arrows, ★ Stars and more 🚩 unicode-.. 2019. 12. 12.
웹사이트의 옛 모습을 확인할 수 있는 웹사이트 현재의 구글, 아마존, 네이버, 다음의 초창기 웹사이트 레이아웃은 어떻게 생겼을까? 이러한 궁금중을 해결시켜줄 웹사이트가 있어서 소개드리려고 합니다. 바로 wayback machine이라는 웹사이트입니다. https://archive.org/web/ Internet Archive: Wayback Machine archive.org 사용 방법은 간단합니다. 웹페이지 상단에 보면 웹사이트 주소를 집어넣는 곳에 확인하고 싶은 도메인 주소를 집어 넣기만 하면 됩니다. 그리고 달력에서 년도와 날짜를 선택해 주기만 하면 됩니다. 구글을 확인해 봤습니다.(https://www.google.com) 하얀 바탕에 딱 세줄이 전부.... 다음은 애플을 확인해 볼께요. 국가별 사이트를 선택할 수도 있고 구글에 비해서 컨텐츠.. 2019. 12. 12.
개발자의 프로그래밍 레퍼런스 웹사이트 - devdocs 거의 모든 프로그래밍 언어의 레퍼런스를 한눈에 볼 수 있도록 만들어논 웹사이트가 있어서 소개드릴까 합니다. HTML, CSS, JavaScript 는 기본으로 볼 수 있는 상태로 되어 있고, 나머지는 활성화 하시면 해당 프로그래밍 언어의 레퍼런스를 확인할 수 있습니다. 필요에 따라 활성화 하시고 사용하시면 될 것 같네요. https://devdocs.io/ DevDocs Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more. devdocs.io 2019. 12. 12.
개발자가 알아두면 유용한 웹사이트 - w3schools 프론트엔드를 포함해 백엔드 개발자가 알아두면 유용한 웹사이트 w3schools를 소개해 드립니다. HTML, CSS, JavaScript 뿐만아니라, JavaScript에 연관된 jQuery, React, AngularJS, JSON, AJAX를 비롯해 서버언어인 SQL, PHP, ASP, Node.js, Raspberry Pi와 Python, Java, C++, C#에 관련된 프로그래밍 정보를 총 망라하고 있습니다. 또한 웹사이트 내에서 프로그래밍 예제도 있고 간단하게 연습할 수도 있습니다. 관심있으신 분은 북마크하시고 프로그래밍할때 유용하게 사용하시면 좋을 것 같습니다. https://www.w3schools.com/ W3Schools Online Web Tutorials 2019. 12. 12.
프론트엔드 개발자가 알아두면 유용한 웹사이트 - MDN web docs 프론트엔드 개발자가 알아두면 유용한 웹사이트를 소개드릴까 합니다. 바로 MDN web docs 입니다. HTML, CSS, JavaScript에 관련해서 자세한 정보를 확인할 수 있으며, 학습 가이드라인도 제공해 주니 관심있으신 분은 북마크 하시고 이용하시면 될 것 같습니다. https://developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문서도 포함합니다. developer.mozilla.org 2019. 12. 12.
경품이벤트 정보를 얻을 수 있는 웹사이트 - 슈퍼투데이 경품이벤트 정보를 찾다가 알게된 사이트를 공유해볼까 합니다. 바로 슈퍼투데이라는 웹사이트인데 경품이벤트 정보를 한눈에 확일할 수 있어서 좋은 것 같습니다. 경품이벤트 정보를 얻어서 이벤트에 응모도 하고 당첨되서 경품도 받게되길 바래봅니다. https://www.suto.co.kr/ 이벤트응모 슈퍼투데이 경품 이벤트 응모, 즉석당첨 이벤트, 당첨확률 높은 이벤트, 경품응모 최적화 커뮤니티 www.suto.co.kr 2019. 12. 12.
DartPad - Dart 프로그래밍 언어 연습할 수 있는 웹사이트 Flutter를 사용해서 Android/iOS 개발 예정이시라면 Flutter를 구성하는 프로그래밍 언어인 Dart는 필수로 배워야 합니다. 그래서 오늘은 Dart 프로그래밍을 연습할 수 있는 웹사이트 정보를 공유해 드리고자 합니다. 웹사이트는 아래 링크를 클릭하시면 됩니다. https://dartpad.dartlang.org/ 아래 화면은 초기 화면입니다. 왼쪽에 코드를 적고 Run 버튼을 누르면 오른쪽 콘솔 창에 결과 값을 확인할 수 있습니다. 오른쪽 위에 Samples를 클릭하면, Hello World, Int to Double, Mixins, Fibonacci, Sunflower, Websockets 샘플코드를 바로 적용해 볼 수 있으니 한 번 해보셔도 좋을 것 같습니다. 2019. 9. 17.
MP4파일을 GIF파일로 변환할 수 있는 웹사이트 지난번에 PC 화면을 GIF 파일로 녹화하는 프로그램 소개드렸었는데요. 오늘은 MP4 동영상 파일을 GIF 움직이는 이미지 파일로 변환할 수 있는 유용한 서비스를 제공하고 있는 웹사이트를 소개드리고자 합니다. 웹사이트 바로가기 링크 Online video to GIF converter Upload your video, select the part you want to convert and instanlty create a GIF in good quality for free and without watermarks. ezgif.com 사용 방법은 간단합니다. 스마트폰으로 짧은 동영상을 만들어서 웹사이트에 업로드를 하면 다음과 같은 화면이 나오게 됩니다. 위 화면에서 녹화된 영상을 'Start time'과 .. 2019. 9. 4.
인물사진에서 배경을 삭제하는 간단한 방법 사진 이미지에서 인물을 제외한 배경을 순식간에 삭제하는 방법에 대해서 소개드리고자 합니다.인물 사진을 찍다보면 불필요한 배경을 지워야 하는 일이 종종 있습니다. 소개해 드리는 웹서비스를 이용하면 사진에서 인물을 제외한 배경을 순식간에 삭제할 수 있습니다. 웹서비스 이름은 Remove Image Background 입니다. AI를 사용해서 이미지에서 인물을 제외한 배경을 삭제해 주는 서비스를 무료로 제공하고 있습니다. 잘 작동하는지 궁금해서 Unsplash에서 무료로 다운로드 받은 인물 사진을 가지고 테스트 해보았습니다.사진을 올리자마자 오른쪽 그림처럼 배경을 제거한 이미지를 다운로드 받을 수 있게 만들어 주네요.궁금하신 분은 한 번 테스트 해보세요. ^^ 웹사이트 바로가기 ↓↓↓https://www.re.. 2018. 12. 18.
[웹사이트] Slides - 무료로 프레젠테이션을 제작할 수 있는 웹사이트 오늘 소개해 드리려는 웹사이트는 Slides 입니다. 온라인에서 무료로 프레젠테이션을 제작할 수 있는 웹사이트 입니다.프레젠테이션을 만들 수 있을뿐만 아니라 바로 공유기능을 통해, 실시간으로 프레젠테이션 내용을 공유할 수 있으며, 스피커 모드로 프레젠테이션을 할 수 있고, 유튜브 처럼 다른 웹사이트에 embed 형식으로 가져다가 붙여서 사용할 수 있어서 유용하게 사용할 수 있습니다.무료뿐 아니라 매년 구독하는 형식으로 무제한으로 만들 수 있는 플랜도 있습니다.우선 무료로 가입하는 방법을 알려드리겠습니다. Slides 웹사이트 바로가기 ↓↓↓https://slides.com/ Slides 웹사이트로 이동해서 Sign up now를 클릭합니다. 무료뿐 아니라 매년 $60, $120, $240로 구독해서 제한.. 2018. 11. 29.
[웹사이트] Mydevice - 현재 이용하는 브라우저의 정보 확인하기 웹사이트 개발을 하다보면, 반응형 웹사이트를 구축하기 위해 현재 사용중인 브라우저의 너비 즉 가로값을 확인해야 할 때가 많이 있습니다. 크롬에서 개발할 때에는 보통 F12를 눌러서 개발모드 화면을 활성화 후, 크롬 브라우저를 가로방향으로 줄이거나 늘리면, 브라우저 우측 상단에 브라우저의 사이즈를 확인 할 수 있으나 바로 사라지거나 창을 많이 열어놓을 경우, 컴터가 버벅거리기 때문에 개발할때 어려울 수 있습니다.우연하게 웹사이트를 돌아다니다가 현재 사용중인 브라우저의 너비를 바로 확인할 수 있는 my device 웹사이트를 찾아서 공유합니다. 해당 웹사이트에는 각 스마트 폰에 해당하는 화면 비율도 나와있어서 모바일에 최적화해서 반응형 웹사이트를 구축할때 편리한 정보도 제공하고 있습니다. My Device .. 2018. 11. 22.