HTML 환경 세팅, 기초 개념과 활용 (ft. 뉴스 기사 조작하는 방법)
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 HTML에 대해서 환경 설정부터 기초 개념, 활용, 공부 방법까지 모두 배우는 강의입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다! 📖수업페이지: https://www.notion.so/5-LIVE-76171e66dbb54420b37f7890702ce6c3 💬디스코드: https://discord.gg/zny87VeSaX [라이브 풀버전] 조코딩의 웹 개발 5주 완성 https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w [편집본] 2022 코딩 기초와 웹 프로그래밍 https://you..
숨어있는 개발자 찾는 방법 #Shorts
???: 저는 HTML로 프로그래밍 해요^^, 저는 html로 코딩해요~ 개발자: HTML은 프로그래밍 언어가 아닙니다. 마크업 언어입니다. 개발자 프로그래밍 밈을 영상화 해보았습니다ㅋㅋ 재미있게 보셨다면 좋아요 구독 부탁드립니다~! 다른 개발자 유머 보기: https://bit.ly/3fZmPl5 조코딩과 파이썬 배우기: https://bit.ly/2Xu3KRR 코딩 기초와 웹, 앱 프로그래밍: https://bit.ly/3m2J0L3 --- 본 음성은 인공지능 성우 서비스 타입캐스트에서 제작되었습니다. 인공지능 성우 스모크 외 1명) https://typecast.ai?attribution=6043872f25232b65011b0eb4
이제 개발자도 실직 위기? Microsoft의 충격적인 5가지 최신 AI 기술을 소개합니다.
마이크로소프트의 Microsoft AI Lab projects에 소개된 최신 인공지능 기술을 소개드리는 영상입니다. 1. Sketch2Code : 그림을 분석해 프론트엔드 코드(HTML, CSS, Bootstrap)로 변환해주는 기술 2. Machine Reading Comprehension : 글을 이해하고 질문에 대한 답을 찾아주는 기술 3. Microsoft Math : 수식을 이해하고 풀이 과정과 정답을 알려주는 기술 4. Pix2Story : 이미지를 바탕으로 여러 장르의 소설을 만들어내는 기술 5. Celebs Like Me : 사진과 닮은 연예인을 찾아주는 기술 인공지능의 가능성은 정말 어마어마한 것 같습니다. 아직은 시작 단계에 불과하지만 가까운 미래에 이런 서비스들이 발전하면 어떻게 될지..
[CSS 기초와 활용] 구글 클론 사이트 만들기 (feat. 개발자도구, Bootstrap, codepen 등)
CSS의 개념과 기초 문법에 대해 학습하고 이를 이용해 Google 유사 클론 웹사이트(Joogle)를 만드는 학습 영상입니다. 영상에 나온 것 처럼 CSS를 모두 외워서 사용하는 것이 아니라 google에 검색하여 관련 내용을 찾아서 적용하시면 훨씬 시간을 아낄 수 있습니다. 또, Bootstrap, Materialize, Semantic UI 등 CSS를 미리 만들어 놓은 라이브러리를 이용하시면 조금 더 쉽게 원하는 사이트를 구축하실 수 있습니다. (MIT라이센스 - 상업적 이용 무료) Bootstrap: https://getbootstrap.com Materialize: https://materializecss.com Semantic-Ui: https://semantic-ui.com Codepen은..
[HTML 기초 강좌 3강] 내 사이트 네이버에 검색되도록 만들기 (feat. 검색엔진 원리, 크롤러, SEO)
이번 영상에서는 네이버 웹마스터도구를 이용해 내가 만든 사이트가 네이버에 검색이 될 수 있도록 등록하는 영상입니다. 검색엔진의 원리에 대해 알아보고 robots.txt, sitemap.xml의 역할을 이해한 뒤 직접 제작하여 등록합니다. 또, SEO의 기본 개념에 대해 이해하고 간단히 적용하는 법을 배웁니다. 영상 마지막에 요약 정리 있으니 참고해주세요! *HTML 기초강의인데 왜 HTML 중심으로 다루지 않는 지 의문을 가진 분들이 계실텐데 궁극적인 목표는 웹 어플리케이션을 만드는 것이기에 HTML의 기본만 이해해도 할 수 있는 기초적이지만 유용한 것들을 먼저 다루고자 합니다. 추후 HTML&CSS 심화 강의를 통해 핵심 개념을 다루겠습니다. - 네이버 웹마스터도구 https://webmastertoo..
[HTML 기초 강좌 1강] 태그 이해하기 (Feat. 네이버 해킹?!)
웹 개발의 가장 기본인 HTML의 태그에 대해 이해해보는 강좌입니다. HTML 태그의 기본에 대해 이해하고 크롬 개발자 도구를 이용해 실제 웹 사이트를 분석하고 기사 조작, 실시간 검색순위 조작을 통해 실습해보는 강좌입니다. 안녕하세요 누구나 배울 수 있는 쉬운 코딩 채널을 만들어가는 조코딩입니다. 이번 영상부터 HTML의 기본에 대해 함께 배워보겠습니다. HTML이란 지난 코딩 공부 순서 영상에서 말씀드렸던 것처럼 웹의 Front-End의 뼈대를 구성하는 언어입니다. 즉, 웹 페이지의 전체적인 구조가 어떻게 되어 있는지를 표시하는 마크업 언어인 것이죠. HTML은 Hyper Text Markup Language로 풀어쓰자면 하이퍼텍스트 하이퍼링크 들로 구성된, 마크업 웹페이지 구조가 어떻게 되어있는지 ..