본문 바로가기

전체 글88

#9 줄바꿈 - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : 인기 있는 태그 2가지. CSS 규칙도 접해보겠다. 우리는 코드에서 줄바꿈을 했음에도 불구하고 웹 페이지에서는 반영되고 있지 않다. 'html new line tag' -> 종료 태.. 2022. 8. 12.
#8 통계에 기반한 학습 - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : 통계를 기반으로 해서 공부하는 방법 150개 태그를 다 외워야 될까요? 그럴 필요없다. 1분만 있으면 찾을 수 있다. 통계를 기반으로 어떤 방향으로 공부해야할지 스스로 정하기 밑천으.. 2022. 8. 12.
#7 혁명적인 변화 - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : 생활코딩님이 오랜 시간 가지고 있던 공부에 대한 오해가 있다. '중요한 것은 어렵고, 쉬운것은 사소하다' 생활코딩을 운영하면서 느낀 것은 다르다. 처음에 배우는 내용은 너무나 쉽지만.. 2022. 8. 12.
#1.4 Why JS - <바닐라JS-크롬 앱 만들기> 출처 : https://nomadcoders.co/javascript-for-beginners 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript for Beginners nomadcoders.co 요약 : 자바스크립트는 99.98%의 컴퓨터에서 사용하는 언어이다. 탄생배경 : 넷스케이프 브라우저(네비게이터) 이용자들은 웹페이지가 더 인터렉티브 해지길 바랬다. 왜냐하면 당시에는 HTML과 CSS밖에 없었다. 직접 프로그래밍 언어를 만들자는 사람들이 등장했고 1995년 12월. 브렌던 아이크가 자바스크립트를 10일 만에 만들어냈다. 인터넷 붐이 일어난 뒤 사람들은 또 다른 프로그래밍 언어를 개발해 기존 사이트들을 망가뜨리기 보다는 자바스크립트를 계속 쓰자고 결정했다. .. 2022. 8. 11.
#4 웹페이지를 구성하는 기본 태그 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.4 HTML5 Tag - Basic 웹페이지를 구성하는 기본 태그 필사 : 1. 문서 형식 정의 tag 문서 형식 정의(Document Type Definition, DTD) 태그는 출력할 웹 페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 대소문자를 구별하지 않는다. 문서별 기술 양식은 아래와 같다. 문서의 최상위에 위치해야 대소문자를 구별하지 않는다는 것이 뭘까? html 이 부분을 소문자로 써도 된다는건가? 2. html tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재.. 2022. 8. 11.
#6 기본문법 태그 - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : 6. 기본문법 태그 한꺼번에 만들 수 없기 때문에 조각 조각내서 하나씩 완성해 가면 된다. 그냥 따라하지 말고 자기 자신을 주인공으로 만들어라. 나의 삶에서 중요한 정보들이 있을 것.. 2022. 8. 11.
#3 시맨틱 요소와 검색엔진 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.3 Semantic Web 시맨틱 요소와 검색 엔진 필사 : 시맨틱 웹(Semantic Web) 2018년 기준 전세계적으로 웹사이트는 19억개, 인터넷 사용자 수는 40억명이다. 대부분의 인터넷 사용자는 원하는 정보를 취득하기 위해 Google이나 Naver 같은 검색사이트를 이용한다. "나는 검색된다. 고로 존재한다"는 말이 있을 정도로 웹사이트는 검색엔진에의 노출이 매우 중요하다. 당연한 것이 검색엔진에 노출되지 않는 웹사이트에는 접속하는 이도 없기 때문이다. 검색엔진은 이 시대의 가장 강력한 권력 중의 하나라고 말할 수.. 2022. 8. 10.
#5 HTML코딩과 실습환경 준비 - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : HTML 코딩을 위해 필요한 것들 1. 웹 브라우저 2. 코드 작성 프로그램 -> Editor 코드를 작성하는 데 최적화 되어있는 전문적 도구. 에디터. 생활코딩님은 ATOM 사용... 2022. 8. 10.
#4 코딩과 HTML - <WEB1-HTML & Internet> 출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa www.youtube.com 요약 : 기획을 끝냈으니 구현을 할 차례이다 화면이 2개로 나뉘어져 있다. 집중해서 봐야할 부분 : 어떤 쪽이 사람이 하는 일인지, 어떤 쪽이 기계가 하는것인지. 어떤 것이 원인이고 어떤 것.. 2022. 8. 10.