본문 바로가기
반응형

FrontEnd7

[자바 스크립트] 배열과 객체 배열 만드는 방법 1. []로 만들기 var week=['월','화','수','목','금','토','일']; 2. Array로 만들기 var week = new Array('월','화','수','목'); var week=new Array(); 배열 특징 - Array 객체 - 여러 타입의 데이터가 섞여 저장 가능 var any=new Array(); any[0]=0; any[1]=5.5; any[2]='가나다라마바사'; Array 객체 메소드 var a= new Array('가나다'); var b=new Array('라'); var c; c=a.concat(b); c=a.join('##'); c=a.reverse(); c=a.slice(1,2); c=a.sort(); c=a.toString(); Stri.. 2023. 4. 24.
[자바스크립트] 자바스크립트 언어 특징 및 문법 자바 스크립트: 웹 프로그래밍의 개념을 창시한 언어, 모든 브라우저에서 실행되는 웹 범용 언어 특징 - 조각난 소스 코드 형태로 HTMl 페이지에 내장 - 컴파일 과정 없이 자바스크립트 처리기에 의해 바로 실행 - c언어 구조를 차용하고 단순화 웹 페이지에서의 역할 - 사용자 입력 및 계산 - 웹 페이지 동적 제어 - 웹 페이지가 웹 서버와 데이터 통신 자바스크립트 코드 위치 1. HTML 태그의 이벤트 리스너 속성에 작성 y) ? x:y; 문자열 비교 - 사전에서 뒤에 나오는 문자열이 크다고 판단 전역함수 - parseInt() : 문자열을 숫자로 변환하여 리턴 - isNaN() : 숫자가 아니면 true 리턴 ※ NaN : Not A Number 2023. 4. 23.
[CSS3] CSS3로 웹 페이지 꾸미기 css는 html 문서에 색이나 모양, 출력 위치 등 외관을 꾸미는 언어 스타일 시트 구성 요소 span {color:blue; font-size: 20px;} 셀렉터 - css3 스타일 시트의 이름이나 규칙 블록 - {} 이용하여 작성 프로퍼티와 값 - 프로퍼티:값 으로 표현 - 세미콜론으로 분리 주석문 - /* 이 사이에 작성하면 된다 */ CSS3 규칙 - CSS3 스타일은 부모 태그로부터 상속된다 - 스타일 오버라이딩: 동일한 CSS3 프로퍼티에 서로 다른 값을 설정하는 충돌 시 우선순위가 높은 스타일을 적용하는 규칙 ‹/head> Web Programming ‹div> 2학기 학습 내용입니다. HTML5 css/strong> JAVASCRIPT HTML 삽입 미리보기할 수 없는 소스 셀렉터 만들.. 2023. 4. 22.
[HTML5] HTML5 문서 구조화 시맨틱 웹 웹 문서를 구조화하여 의미 있는 내용 탐색이 용이한 웹 → 태그를 이용하여 블록을 구성하기보다 시멘틱 태그를 이용할 때, 검색엔진이 문서와 블록의 의미를 파악하기 쉬움 시맨틱 태그 볼프강 아마데우스 모차르트 모차르트(1756년 1월 27일 ~ 1791년 12월 5일)는 1756년 1월 27일 잘츠부르크에서 태어난 천재 적인 오스트리아의 작곡가를 소개한다. 웹 페이지 소개 ‹figure> 1770년대 초상화 목차 2023. 4. 20.
[HTML5] HTML5 기본 문서 만들기 기본 문법 html5 문서임을 브라우저에 알리는 지시어, 반드시 첫 줄에 나와야 함 주석 문단 만들때 새 줄로 넘어갈 때 사용 수평선 그을 때 순서 있는 리스트 순서 없는 리스트 정의 리스트 예제 2023. 4. 20.
웹 프로그래밍 개요 웹은 무엇인가? - 서버+클라이언트 - 웹 서버: 문서, 이미지 등의 데이터를 저장 - 웹 클라이언트: 웹 서버로부터 데이터를 다운로드하여 사용자에게 보여주거나 사용자 데이터를 웹 서버에 업로드 - 사용자는 웹 브라우저(크롬)를 통해 웹 서버에 접속 - 웹 사이트: 구글(google.com), 네이버(naver.com) - 웹 브라우저: 웹 서버에 접속해서 웹 페이지, 이미지 등 데이터를 다운로드하여 보여주는 소프트웨어 ex) 크롬, 파이어폭스 웹은 여러 인터넷 서비스 중 하나이고 고속도로가 인터넷이면 웹은 고속도로를 활용한 물류 산업이라고 비유할 수 있다 웹 서버 소프트웨어 - 웹 브라우저로부터 요청을 해석하여 웹 문서를 전달하거나 적절한 웹 응용 프로그램을 작동시키고 실행 결과를 다시 전송 - Apa.. 2023. 4. 18.
HTML, CSS, JAVASCRIPT 비교하기 HTMl은 프로그래밍 언어? 마크업 언어? 프로그래밍 언어 - 컴퓨터 시스템을 구동시키는 소프트웨어를 작성하기 위한 언어, 즉 컴퓨터에게 일을 시키기 위한 언어 - 메모리에서 데이터를 읽고, 데이터에 대한 조건부 논리를 제공하고, 반복적으로 논리를 실행하는 프로그래밍을 할 수 있는 방법을 제공 - 데이터를 관리하는 방법대로 변수를 선언하고, 변수에 값을 할당하는 방법을 제공 - 파이썬(Python), 자바(Java) 마크업 언어 - 태그 등을 이용해서 문서나 데이터의 구조를 표현하는 언어 - 웹사이트를 제작할 때 골격에 해당하는 부분을 만들어줌 HTML은 조건문, 변수, 반복 루프가 없기 때문에 프로그래밍 언어가 아니라 마크업 언어 → HTML은 프로그래밍 언어에 해당하는 기능들을 지원하지 않기 때문 H.. 2023. 4. 18.
728x90