coyojo10의 개발블로그!

HTML 코드 구조 파악 HTML 코드 기본 구조 태그에 대해서 좀더 자세히 알아보기 태그 웹브라우저에게 해당 문서는 HTML 문서라는 것을 명시하기 위한 태그입니다. 태그 HTML 문서의 범위를 알려주는 태그입니다. 시작과 끝에 태그를 열고 닫아주면 됩니다. 속성 lang: 문서가 어떤 언어로 작성되어있는지 명시하는 용도. ex) ko, en 등.. 태그 문서에 대한 메타데이터를 넣는 태그입니다. head 태그 내부에는 주로 meta, link, title 태그 등이 들어가게 됩니다. 태그 실제 화면에 표시되는 내용을 넣는 태그입니다. meta태그 메타데이터를 설정하기 위한 태그입니다. meta 태그 속성 charset: 문자 인코딩 방식..

=> 주로 css. 파비콘 파일을 가져오기 위해서 사용하는 태그 - 속성 : rel => 현재 html 문서와 관계를 정의 href => 데이터 경로 표시 => 메타 데이터를 나타내기 위한 즉 문서에 대한 설명 *** 알아둬야 하는 meta 태그 name 속성값 -- author 문서 작성자 또는 회사명 ex) -- keywords : 검색 엔진에서 잡을 만한 키워드

IP ==> 인터넷 세계의 주소 체계 ex) 333.45.11 도메인 => IP를 보기 쉽게 만든 주소 체계 EX) www. naver. com 포트(PORT) : 네트워크상의 문, 보통 번호를 붙여서 구분함 EX) 80.334.3306.22.21 프로토콜 => 서버,클라이언트끼리 어떤 방식으로 소통할 것인가 -> 통신 규약을 의미한다. 예시) HTTP,HTTPS,SSH,SFTP 각 프로토콜은 자주 쓰느 포트 번호가 있다. 포트 번호를 바꿔도 클라이언트, 서버 명세사항만 맞다면 기능에는 전혀 문제가 없지만 일종의 관습이다.

1번 - 빨강색 2번 - 파란색 3번 - 초록색 css 적용방법 1 ) 태그 내부에 직접 css 적용하는 방법 1번 - 빨강색 h1 태그 - 노란색 css 적용 방법 2) head태그 내부에 스타일태그를 줘서 쓰는법 css 적용방법 3) 외부 css파일 link태그 이용해서 쓰는법 ==> href 에 적용할 css 파일을 적어준다.

는 사용자에게는 보이지 않는 숨겨진 입력 필드이다. hidden 속성을 정리해보면 hidden input 태그의 type 속성으로 지정하는 옵션 body 영역에 숨겨져서 name 속성의 변수명으로 value의 값으로 넘겨줌 사용자에게 보이지 않는 숨겨진 입력 필드를 정의 화면에 출력은 되지 않지만, 데이터를 보낼 때 사용됨 input 태그를 hidden 속성으로 지정하면 화면에 보이지는 않지만 value에 이미 값이 저장되어 있음 그렇다면, hidden 속성을 사용하는 이유는 무엇일까? 폼 제출(submit) 시 사용자가 변경해서는 안 되는 데이터를 함께 보낼 때 유용하게 사용된다. 예를 들면, 수정할 게시글이 데이터베이스 테이블에서 가지고 있는 Primary Key 값이 이에 해당될 수 있다. 이 값이..

1. 자바스크립트에서 사용하는 객체 - 문서 객체 모델(DOM) - 브라우저 객체 모델(BOM) - 내장 객체 : 웹 프로그래밍시 자주 사용하는 요소를 미리 객체로 정의해 놓은 것, (날짜, 시간 가져올때 Date객체 사용) 2. 내장 객체 사용하기 - new 객체명( ) 객체를 참조해서 사용해야 하므로 new 객체명() 과 같은 방식으로 객체를 인스턴스 형태로 만들어 사용한다. 즉, 자바스크립트 내장 객체는 그대로 두고 그 객체와 똑같은 속성과 기능을 만들 수 있다. 내장 객체가 틀이라면 그 틀을 이용해서 찍어내는 것이 인스턴스이다. ex) new Date() var 변수명 = new 객체명() 객체 인스턴스를 만든 후 그것을 사용하기위해 변수를 선언하고 할당해준다!! 실습! ==> 날짜 , 시간 정보..

미션 1) 원하는 특수문자와 출력 횟수를 매개변수로 입력받아서 젹용하는 함수 만들기!! 함수명 : display 매개변수 2개 입력받기는 prompt로 반복은 for문 활용!! , body에서 호출 function display(str,num){ str = prompt("원하는 특수 문자를 입력하세요.") num = prompt("출력하고 싶은 반복횟수를 입력하세요.") for(i=1;i

1. 함수 밖에서 선언하는 경우 - 전역변수 : 함수끼리 변수를 공유해서 사용하거나 함수에서 변경한 값을 문서 전체에서 사용하는 경우 선언 2. 함수 내부에서 변수를 선언하는 경우 - 전역변수(글로벌변수 ) 3. 함수 내부에서 var 키워드를 이용하여 함수 내부에서 변수를 선언 - 지역변수(로컬변수) => 함수 안에서만 사용할 수 있는 함수!! 즉, var를 사용하여 함수 밖에서 선언하면 전역변수, var 없이 함수 내부에서 변수 선언하면 전역변수 var num2 = 20 // var 키워드를 썼어도 함수 밖에 선언했으니 num2 는 전역변수 function ( ){ var num1 = 10 // 함수 안에서 var 키워드를 써서 변수 선언했으니 num1은 지역변수 !! } [ 실습 예제!!] 실행 결과 !

[함수를 선언하는 방법 ] 1. return 값이 없고 매개변수가 없는 함수 선언하기 : function 함수명 ( ) { 함수에 정의할 내용 } ​ 1-1. 함수를 호출하는 방법 - 리턴 값이 없고 매개변수가 없는 함수 호출방법 ==> 함수명(); 2. return 값이 없고 매개변수가 있는 함수 선언하기 - 매개변수가 있다는 것은 매개변수가 없는 함수보다 함수를 사용할 수 있는 경우의 수가 더 많아졌다는 의미. : function 함수명 ( 변수명1, 변수명2, ... ) { 함수 내용 } =======> 이때 변수명은 함수에 필요한 변수의 갯수만큼 정의 해줘야한다!! function test2(num1,num2){ document.write("test2함수 : " + (num1+num2) + "")..