HTML, CSS의 역할HTML에서 자주 쓰이는 태그의 종류와 기능CSS의 다양한 스타일 속성 익히고 HTML요소에 직접 적용.html파일, .css파일 연결자기 소개 페이지 만들기(사이트 호스팅)
HTML, CSS의 역할HTML에서 자주 쓰이는 태그의 종류와 기능CSS의 다양한 스타일 속성 익히고 HTML요소에 직접 적용.html파일, .css파일 연결자기 소개 페이지 만들기(사이트 호스팅)
Head 요소 \-문서의 메타데이터 집합 Head 내 포함되는 요소 : 텍스트
Link :
5.
변수 Variable : anything that can varynumber let myAge = 30;string let myName = 'SeoHa;'boolean let female = True;array(str) let myColor = \['White','Bl
JavaScript 정의 : 웹페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어 변수는 데이터를 담기 위한 메모리 공간. (어떤 값을 담기 위한 상자나 그릇) 자바스크립트에서는 var키워드로 변수
• 연산자 우선순위를 표현하기 위해서는 ()를 사용• 수학 연산자, 논리 연산자, 관계 연산자, 삼항 연산자 등 존재• +, -, \*, /, %(나머지) 등이 있다.• &&연산자• ||연산자• 간단한 비교와 값 할당은 삼항연산자를 사용할 수 있다.• 비교는 ===를
데이터 타입은 프로그래밍 언어의 기본적인 구성요소데이터 타입이란 변수를 선언할 때, 숫자나 문자열 또는 이외의 것들을 변수에 저장하는 데이터 종류자바스크립트는 변수에 타입이 없으므로, 모든 타입의 데이터를 저장할 수 있다.(변수에 저장된 데이터 타입을 동적으로 바꿀 수
log는 console이라는 object(객체) 안의 function(함수)\*function에 외부의 값을 입력하는 방법1) 함수function 외부에서 변수variable에 값argument을 부여2) 함수function를 통해 값을 반환return3) consol
예1) document.getElementById("wecode");] \---> wecode = html에서 부여한 id값예2) document.querySelector(".study);] \---> study = html에서 부여한 class값addEventL
\---> template literal 이용하여 variable & string1) 기호를 이용하여 javascript editor에서 작성한대로 줄바꿈 적용 2) String 내에서 ${variable}이용하여 변수적용구조forwhile해석3단 구구단 작성for
<HTML과 JS의 만남>1) script태그\-> a에 따라 결과가 매번 달라짐2) event이벤트:웹 브라우저 위에서 일어나는 사건(onclick, onchange, onkeydown..)\-> onclick의 속성값으로는 자바스크립트가 와야하고, onclic
생활코딩 심화 JavaScript : HTML로 구현된 웹페이지는 한번 출력되는 수정이 안됨. 가 JavaScript *JavaScript는 * : Script태그* > HTML과 JavaScript의 차이 > 해석 : > >
반복문과 배열반복문 예고예제를 Night로 전환했을 때 링크의 색깔이 바뀌도록 하고 싶다!그런데 링크가 셀 수 없이 많을 때는 어떻게 할 것인가?배열배열은 수납장과 같다. 안에 내용물이 담기고 이들은 , 로 구분된다.(문자열은 " "로 묶어 줘야함). 각 순서를 인
크롬,VSC1\. 크롬 콘솔에서 실행2\. 파일 만들고 저장 후 실행개발자 도구 검사Reference Error : 예외 처리Syntax Error : 구문 오류자바스크립트 표준스타일키워드 : break, class, const등 특별한 의미가 있는 단어식별자 : 이
true, false비교연산자 : ===, !==, >, <, >=, <=논리부정 연산자 : !불단항 연산자 : 피연산자가 하나이항 연산자 : 피연산자가 두개논리 합 연산자 : ||(또는)형태 : 불 || 불 -> 적어도 하나만 true면 전체 값이 true
if조건문 :if(불 값이 나오는 표현식){불 값이 참일 때 실행할 문장}if else조건문 :if(불 값이 나오는 표현식){불 값이 참일 때 실행할 문장} else {불 값이 거짓일 때 실행할 문장}예제)switch조건문조건부 연산자불 표현식 ? 참일 때의 결과 :
배열 : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형요소 : 배열 내부에 들어있는 값요소, 요소, 요소,... ,요소인덱스 : 요소의 순서배열인덱스배열.length : 배열 내부에 들어있는 요소의 개수 확인배열.push(요소) : 배열 뒷부분에 요소 추가배열
가변 매개변수 함수 : 매개변수의 개수가 고정적이지 않은 함수(나머지 매개변수(...)를 활용해서 만든다)나머지 매개변수 (배열이 들어온다)나머지 매개변수와 일반 매개변수 조합전개 연산자 : 배열을 함수의 매개변수로써 전개하고 싶을 때 시용기본 매개변수 : 매개변수에
객체 : 실제로 존재하는 사물(배열도 객체) 이름(name)과 값(value)으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입typeof (\[]) "object" // object가 객체!!키: 값 (중괄호{...}로 생성, 쉼표(,)로 연결해 입력)배열은
웹의 동작원리HTTP 통신
1\. 공유기가정집에 노트북, 데스크탑, 스마트폰 등 기기들이 늘어남에 따라 각 기기마다 IP가 필요함.기존에 통신사로부터 제공받은 Public IP address는 공유기가 갖게 되며, 각 기기들은 LAN을 통해 Private IP address를 할당받게 됨공유기는
1\. Domain Name System (DNS)각각의 컴퓨터는 host로써 IP주소를 가지고 있음IP주소를 통해서 각각의 host는 네트워크에 연결되어 통신이 가능함네트워크가 커짐에 따라 사람들은 IP주소를 기억하기 어려워짐'DNS서버'를 통해 수많은 IP를 저장하
1\. 원시웹Internet vs WEB : 인터넷이 운영체제라면, 웹은 운영체제 위의 하나의 웹웹의 역사 : 1960년에 핵공격에 통신시스템이 취약하므로 중앙이 없는 인터넷을 만듦\-> 1990년에 스위스에서 팀버너스 리가 웹페이지 만듦 (원시웹 : info.cern