이번 영상은 인공지능 동물상 테스트 웹 서비스를 출시하는 과정을 담았습니다. 코딩 없이 약 200여개의 SNS에 공유하기 기능을 한방에 구현하고, GitHub의 기초와 활용 및 Netlify 자동 Deploy 과정을 다룹니다. 또, 간단히 favicon 생성하여 적용하는 과정도 포함되어있습니다. 네이버, 구글에 "동물상 테스트"를 검색해보시면 해당 서비스를 이용해보실 수 있습니다. 이용해보시고 수정이 필요한 사항이 있다면 댓글로 말씀해주세요~! 이 영상은 시리즈물로 구름IDE를 개발환경으로 사용하고 있습니다. 이전 개발 과정이나 환경 세팅이 궁금하신 분은 이전 영상을 시청해주세요! (영상별 단독으로 배울 것도 많으니 꼭 이전 영상을 봐야하는 것은 아닙니다.) - 실전 수익형 웹, 앱 서비스 만들기 (인공..
코딩 없이 DISQUS를 이용해 댓글 기능을 복사&붙여넣기만으로 구현하고 JavaScript 부분을 보강하여 사용성을 개선합니다. 이 영상은 시리즈물로 구름IDE를 개발환경으로 사용하고 있습니다. 이전 개발 과정이나 환경 세팅이 궁금하신 분은 이전 영상을 시청해주세요! - 실전 수익형 웹, 앱 서비스 만들기 (인공지능이 보는 나의 동물상 찾기) https://www.youtube.com/playlist?list=PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO - 구름IDE https://ide.goorm.io/ - 완성 코드 보기 https://goor.me/MGzkb - DISQUS https://disqus.com/ - 조코딩 지난 영상 보기 https://www.youtube.com/..
안녕하세요 조코딩입니다. 코로나19로 많은 분들이 어려움을 겪고 계시는데 조금이라도 보탬이 되고자 유용한 정보 공유드립니다. 정부 차원에서 공적 마스크 재고 조회 API가 공개될 예정입니다. 약국 3/10 7시부터, 우체국 3/11부터, 농협 하나로마트 제공일은 아직 협의 중입니다. 요즘 마스크가 부족하여 약국 등 구매처에 긴 줄을 서시고 수시로 재고를 문의하시는 분들이 많은데 해당 API를 이용한 웹, 앱 서비스가 나온다면 많은 분들이 도움을 받으실 수 있을 것 같습니다. 현재 많은 개발자분들이 재능기부 형태로 서비스를 제작하고 있습니다. 그러나 소수의 서비스만 운영된다면 서버가 다운되는 등 많은 분들이 이용하지 못할 우려가 있으므로 많은 서비스가 제작되어야 한다고 생각합니다. 조코딩 채널을 구독하시는..
디자인을 코드로 개발자에게 전달하는 퍼블리싱 툴인 Zeplin의 개념과 그 사용법을 알아보고 동물상 테스트 완성형 서비스 만들기 2강에 이어서 디자이너에게 전달받은 디자인으로 웹 앱을 만드는 실습 강의입니다. 반응형 웹 사이트를 만드는 기본 개념인 %, rem, media query과 효율적인 배치를 도와주는 flexbox에 대한 간단한 개념과 실습을 담았습니다. 자세히 설명하면 강의가 너무 길어져서 최대한 간략하게 실전 실습 위주로 진행하였는데 궁금한 내용이 있으시다면 언제든 댓글 남겨주세요! 또, 영상속 제플린 프로젝트를 보시고 싶으신 분은 메일 주소 댓글로 남겨주시면 초대 드리겠습니다. 이 영상은 시리즈물로 구름IDE를 개발환경으로 사용하고 있습니다. 이전 개발 과정이나 환경세팅이 궁금하신 분은 이..
마이크로소프트의 Microsoft AI Lab projects에 소개된 최신 인공지능 기술을 소개드리는 영상입니다. 1. Sketch2Code : 그림을 분석해 프론트엔드 코드(HTML, CSS, Bootstrap)로 변환해주는 기술 2. Machine Reading Comprehension : 글을 이해하고 질문에 대한 답을 찾아주는 기술 3. Microsoft Math : 수식을 이해하고 풀이 과정과 정답을 알려주는 기술 4. Pix2Story : 이미지를 바탕으로 여러 장르의 소설을 만들어내는 기술 5. Celebs Like Me : 사진과 닮은 연예인을 찾아주는 기술 인공지능의 가능성은 정말 어마어마한 것 같습니다. 아직은 시작 단계에 불과하지만 가까운 미래에 이런 서비스들이 발전하면 어떻게 될지..
Machine Learning for Kids (머신러닝포키즈), 내부적으로는 IBM Watson의 텍스트 인식 기술을 활용하여 머신러닝을 통해 인공지능 감정을 만들어보고 댓글을 입력했을 때 그 반응은 어떤지 알아보는 영상입니다. ML for Kids는 Teachable Machine과 유사하게 코딩을 몰라도 머신러닝을 쉽게 배울 수 있게 해줍니다. 데이터를 입력할 때 영상에 나온 것처럼 매크로를 활용하면 편리하게 입력할 수 있는데 추후 파이썬 매크로에 대한 강의도 다루도록 하겠습니다. - Machine Learning for Kids (머신러닝포키즈) https://machinelearningforkids.co.uk/ - Teachable Machine 1강 (개념 설명 포함) https://youtu..
수익화까지 할 수 있는 완성형 웹, 앱 서비스, 인공지능이 보는 나의 동물상 테스트 만들기 2강으로 크롤링한 대표 동물상 연예인 사진 데이터를 Teachable Machine 2.0을 통해 학습시켜 모델을 만들고 이를 이용해 웹캠 없이 스마트폰에서도 사용할 수 있는 웹 서비스를 제작합니다. Codepen을 활용하여 이미 만들어진 양식을 이용해 파일 업로드 및 스마트폰 촬영도 가능하도록 설정해줍니다. 이번 강의는 디자인과 사용성이 매우 좋지 않지만 다음 강의에서 상당히 쓸만한 서비스로 만들어보겠습니다. - 구름IDE https://ide.goorm.io/ - Codepen 파일 업로드 https://codepen.io/aaronvanston/pen/yNYOXR - Teachable Machine https..
수익화까지 할 수 있는 완성형 웹, 앱 서비스, 인공지능이 보는 나의 동물상 테스트 만들기 1강으로 인공지능 학습에 필요한 동물상 연예인 사진 데이터를 수집하기 위한 파이썬 크롤링 기초 강의입니다. Beautifulsoup를 활용하여 네이버 실시간 검색 순위를 크롤링하여 텍스트 파일로 저장해보고, google-images-download를 활용하여 코드 1줄만 수정하고도 연예인 사진을 다운받는 실습을 해봅니다. 파이썬과 라이브러리의 개념을 잘 모르셔도 따라 하실 수 있게 기초부터 차근차근 설명해 드립니다. 이처럼 잘되어있는 라이브러리와 예제 코드를 활용한다면 코드 1줄만 수정하여도 원하는 로직을 작성하실 수 있습니다. - 구름IDE https://ide.goorm.io/ - Beautifulsoup 공식..
이번 영상은 지난 영상에서 소개해 드린 구글이 최근 발표한 Teachable Machine 2.0을 활용하는 2번째 영상으로 자세 학습 인공지능(Post Recognition AI)와 카카오 음성 합성 API(Text To Speech, TTS) 기술을 활용하여 인공지능 피트니스 트레이너 웹앱 서비스를 제작하는 영상입니다. 이렇게 이제는 조금의 코딩 능력만 있다면 인공지능 기술이 생각보다 활용하기 어렵지 않고, 이를 공개되어 있는 다양한 API와 결합한다면 큰 노력 없이도 재미있고 유용한 것들을 많이 만들 수 있습니다. 영상을 보시는 분들도 자신만의 아이디어를 펼치셔서 창의적인 서비스를 만드실 수 있으면 좋겠습니다! 영상을 보시다가 HTML, CSS, API, Deploy 등 개념을 모르는 부분이 있으시..
이번 영상은 구글이 최근 발표한 Teachable Machine 2.0을 소개드리고 이를 이용해 이미지를 인공 신경망 학습 알고리즘을 통해 학습하여 모델을 만들고 그 모델을 적용하여 과일을 구분하고 특징을 알려주는 웹 앱 서비스를 제작하는 영상입니다. Google의 이런 편리한 기술로 이제 나이와 직업에 상관없이 코딩 전혀 모르는 비전문가도 누구나 자기만의 인공지능 모델을 만들고 적용할 수 있어서 이러한 기술로 세상이 정말 많이 변화할 것 같습니다. - Teachable Machine 2.0 공식 홈페이지 https://teachablemachine.withgoogle.com/ - 완성 사이트 주소 https://jocoding-ai.netlify.com - Netlify Deploy 강좌 및 주소 ht..