본문 바로가기

분류 전체보기88

#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.
#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.
안녕하세요 반갑습니다! 비전공이지만 개발자를 꿈꾸고 있는 사람입니다. 일단은 저 혼자 기록하며, 성장하는 목적으로 블로그를 시작하려 합니다. 저처럼 이제 막 시작하시는 분들이라면 같이 공부해봐요 ! print("Nice to meet you.") 2022. 8. 8.

티스토리툴바