자바스크립트dynamic

페이지 정보

profile_image
작성자돌려막기인생 조회 11회 작성일 2020-12-03 08:41:45 댓글 0

본문

Dynamic Landing Page | JavaScript

In this project we will build a homepage or landing page with the time that we can interact with and save our name/focus to local storage.

Code:
https://codepen.io/bradtraversy/pen/XLrQvz

Sponsor: Freelancer Bundle (Use "brad25" for 25% off)
https://studywebdevelopment.com/freelancing.html

Become a Patron: Show support \u0026 get perks!
http://www.patreon.com/traversymedia

Website \u0026 Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
https://www.facebook.com/traversymedia
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia

123-3-자바스크립트 이벤트와 DOM

- 짧굵배 온라인 프로그래밍 강좌: https://www.dinfree.com 

이번 강좌에서는 자바스크립에서 사용자 이벤트를 처리하는 방법과 동적인 콘텐츠 핸들링을 위해 필요한 문서객체 모델(DOM)이 무엇인지 배우게 됩니다.

이 강의를 통해 웹페이지에서 발생하는 이벤트를 자바스크립트 코드와 연계할 수 있고 DOM을 통해 콘텐츠 혹은 디자인을 동적으로 핸들링 할 수 있습니다.

정적 웹은 뭐고 동적 웹은 뭔가요?

#정적웹 #동적웹 #PHP

우리가 인터넷에서 보는 웹사이트들은
정적 웹이나 동적 웹, 또는 이 둘의 혼합으로 구분될 수 있어요.

HTML, CSS, JavaScript 편에서 살펴봤던 정적 웹과는
동적 웹이 어떻게 다른지, 그리고 어떻게 구현할 수 있는지

PHP를 사용해서 간단한 동적 웹의 예시를 살펴보고,
정적 웹과 동적 웹이 각각 어떤 용도에 적합한지 알아봅니다.

= = =

얄코사이트: https://www.yalco.kr
개발자스티커 구매: https://smartstore.naver.com/honeykers

가장 쉬운 Git 튜토리얼:

포인터 쉽게 알아보기:

객체지향에 대해 알아보기:

객체지향 디자인 패턴:

함수형 프로그래밍이란?:

쿠키 vs 세션 vs 캐시:

프로세스와 스레드:

비동기 프로그래밍:

REST API 알아보기:

GraphQL 알아보기:


= = =

영상 주요 포인트
정적 웹
정적 웹은 말 그대로 움직이지 않는,
언제 접속해도 같은 리소스를
건네주는 웹사이트를 말해요.

이전의 이 영상에서 어떻게 HTML, CSS, Javascript로
어떻게 웹사이트를 만들 수 있는지 보여드렸죠?

정적 웹은 말 그대로 움직이지 않는,
언제 접속해도 같은 리소스를
건네주는 웹사이트를 말해요.

...

결국 정적 웹의 기준은 접속할 때마다 받게 되는
HTML, CSS, Javascript 코드들,
그리고 동봉된 이미지, 동영상 등의 파일들이 같은가에요.

좀 더 정확히는,

서버에서 이걸 매 번 가공해서 제공하는게 아니라
프로그래머가 작성해서 갖다 준 제품들이
진열되어 있는 걸 그대로 가져가게 하냐는 거죠.

접속 시마다 내용이 변할 필요가 없는 사이트들
예를 들어 어떤 회사나 학교의 소개 페이지라던가
댓글 기능이 없는 블로그 페이지 등에 사용될 수 있겠죠.

동적 웹
한편, 사용자들이 글을 올리는 게시판은 어떨까요?

글 열 개가 있던 게시판이 HTML 파일로 진열돼 있어요.
그런데 누가 글을 하나 더 올리면,
그때마다 개발자가 글이 열 한 개 있는
페이지를 새로 코딩해서 가져다 놓을 수는 없잖아요.

하물며 끊임없이 정보들이 올라오는
SNS 웹페이지 같은 곳은 말할 곳도 없겠죠.
그런 사이트는 편의점이 아닌 식당으로 만들어서
서버가 그때그때 요리를 하도록 해야 하는 거에요.
⭐️ 영상에서 코드 예제와 함께 살펴보세요!



= = =

엔딩송 : 권민호, 김한영 - Let's Dance
자료출처 : https://gongu.copyright.or.kr
Music promoted by DayDreamSound :


... 

#자바스크립트dynamic

댓글목록

등록된 댓글이 없습니다.

전체 1,241건 1 페이지
게시물 검색
Copyright © www.xn--o39a1nho45w8m5a9ok.kr. All rights reserved.  Contact : help@oxmail.xyz