Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Total
관리 메뉴

브래의 슬기로운 코딩 생활

프론트엔드웹개발 2주차 정리 본문

1-2/프론트엔드웹개발

프론트엔드웹개발 2주차 정리

김브래 2022. 9. 13. 23:20

오늘은 저번 시간에 이어 이론강의 남은 부분을 마저 하고

실습을 짧게 했다.

---------------------------------------------------

 

프로그래밍: 사람이 원하는 대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위

 

웹 프로그래밍: 웹 브라우저와 관련된 프로그램을 작성하는 것

- 백엔드 프로그래밍: 서버에서 데이터 관리를 프로그래밍

- 프론트엔드 프로그래밍: 서버에서 받아온 정보를 웹 브라우저에 어떻게 표시할 것인지 프로그래밍

 

 

웹 페이지 구성 3요소

구조와 내용 - HTML

모양 - CSS(Cascading Style Sheet)

행동 및 응용 프로그램 - JavaScript

 

웹 프로그래밍의 기본: HTML, CSS, JavaScript

자바스크립트로 할 수 있는 것들

- 웹 사이트를 동적으로 만들 수 있다.

- 웹 브라우저에서 실행되는 프로그램을 만들 수 있다.

- 서버를 구성하고 서버용 프로그램을 만들 수 있다.

 

jQuery (제이쿼리)란?

- 자바스크립트 프로그랭밍을 더욱 쉽고 재미있게 만들기 위한 자바스크립트 라이브러리

- 제이쿼리를 사용하면 아주 많은 일들을 아주 쉽게 함

 

자바스크립트의 특징

- 모든 웹 브라우저에서 작동

- 풀스택 웹 개발 뿐 아니라 다양한 용도의 프로그램을 만들 수 있다.

- 다양한 자바스크립트 공개 API를 사용할 수 있다.

-----------------------------------------------------------------------------------------

<SCRIPT> 태그

- <head> 태그와 <body> 태그 사이에 넣음

자바스크립트의 위치

- 내부 자바스크립트: 내부에 명령어 입력

- 외부 자바스크립트: 외부의 파일(.js1)을 불러옴

- 인라인 자바스크립트

 

SRC 속성: 파일에 저장된 스크립트 코드를 지정할 수 있음

document.write("문자열"): 따옴표 안에 있는 문자열을 웹 브라우저 상에 출력하라는 명령어