본문 바로가기

국비학원 전 강의 필사84

#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.
#1 Introduction - <바닐라JS-크롬 앱 만들기> 출처 : https://nomadcoders.co/javascript-for-beginners 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript for Beginners nomadcoders.co 요약 : #1.0 Welcome 평생 자바스크립트를 건드려 본 적이 없는 초보들을 위한 강의이다. 첫번째 촬영에서 받은 피드백을 토대로 두번째 촬영. ★ 사용자의 질문이나 피드백을 토대로 개선 #1.1 What Are We Building 모멘텀이라고 하는 유명한 앱을 클론할 것이다. 모멘텀은 새로운 탭 화면을 생산성 앱으로 대체한다. 이름 기억, 시계, 위치, 날씨, 매일 바뀌는 배경화면, 명언, to do list 이 모든 것이 기본 자바스크립트(바닐라 자바스크립트)로.. 2022. 8. 9.
#2 HTML5 기본 문법 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.2 HTML5 Introduction & Syntax HTML5 기본 문법 요약 : 1. HTML5 HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5에 추가된 기능들 멀티미디어(Multimedia) - 비디오 및 오디오 기능 자체적 지원 그래픽(Graphics & Effects) - 2차원 그래픽과 3차원 그래픽 지원 통신(Connectiv.. 2022. 8. 9.
#1 프런트엔드 개발자 학습 방향 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 필사 : 유저와 어플리케이션의 소통을 위한 창구를 사용하기 좋게 구현 입력한 정보를 서버로 전송하기도 하고 서버의 데이터를 가져와서 UI에 표시하기도 한다. UI : User Interface 디자이너, 백엔드 개발자와의 협업 - HTML : tags & attributes, Semantic web - CSS : Layout(float, flex, grid), transition/animation, 반응형 웹, Preprocessor(Sass, PostCSS), CSS 방법론, CSS 프레임워크 - 크로스 브라우징 - Javascr.. 2022. 8. 9.
#3 기획 - <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. 9.
#2 프로젝트의 동기 - <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 요약 : 프로그래머로 일하던 시절. 문득 비개발자 동료들에게 SQL 언어를 알려주고 싶었다. 의외로 반응이 좋았고 규모가 점점 커졌다. 교육 경험을 통해 무대공포증을 극복했다. (누구나 1시.. 2022. 8. 9.
#1 수업소개 - <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. 9.

티스토리툴바