개발 공부

학습파일 변수 선언시 var 뿐만 아니라 let, const 이용해서 선언가능 var는 자유롭게 변수 선언 및 사용할 수 있다는 장점이 있지만 중복된 변수가 남발 될 수 있고, 의도치 않게 값이 변경되어 있을 수 있다. => 가장 큰 단점 이를 보완돼서 나온게 let,const이다 권장사항 :let,const를 위주로 사용하고 개발 가이드에 따라 쓰면된다. 변수 선언 방법 var 변수명 var userId = "user01"; let 변수명 let userPwd = "pass01"; const 변수명 const hobby = "운동"; **변수 선언시 자바와는 다르게 자료형을 별도로 지정하지 않음 (자료형의 개념이 없는건 아니다) =>변수에 대입되는 값(리터럴)에 따라서 알아서 자료형이 결정된다. 자바스..

학습파일 1) 2) HTML 요소에 접근하기(해당 요소객체 가져오기) html에서 요소를 가져오는 방법 5가지 1) 아아디를 이용해서 요소 가져오기 2) 태그명을 이용해서 요소 가져오기 3) name 속성값을 이용해서 요소 가져오기 4) 클래스를 이용해서 요소 가져오기 5) 내가 원하는 요소를 자유자재로 가져오기 (선택자를 활용) 많이 사용하는 아이디와,원하는 요소 2가지 방법 설명 1) 아아디를 이용해서 요소 가져오기 위와 같은 div 태그와 button 태그가 있고 button 클릭시 div 태그에 접근하고자 한다면 변수명 = document.getElementById("id값") 을 통해 접근 가능하다. area1에는 현재 아래 div 태그 전체를 가르킨다. 이후 내용을 추가하고 싶다면 area1...

공부한 파일 스크립트에서의 데이터 입/출력 1. 데이터를 출력하는 구문 1)[window].alert('알람창에 출력할 문구'); 2)[window].console.log('콘솔창에 출력할 문구'); 3)document.write('화면상에 출력할 문구'); 3) document.write('화면상 출력할 문구'); 화면에 출력 function documentWrite() { //document.write('안녕하세요') document.write("안녕하세요 반갑") //출력할 문구에 html 태그가 있을 경우 해석해서 시각적인 요소로 보여준다. var a = "" a += "" a += "1" a += "2" a += "" a += "" document.write(a) } 4)선택한요소.innerHT..

1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 매우 빠르게 배우고 짧은 소스 코드로 상호작용 되도록 고안됨 2. 자바스크립트 웹 브라우저에서 많이 사용되는 "인터프리터 방식"의 스크립트 언어 -인터프리터 방식 : 코드를 한줄씩 한줄씩 읽어가며 바로 실행하는 방식 실시간으로 텍스트를 분석해서 실행된다 => 코드에 문법 오류가 있으면 실행시점에 알려준다. * 자바는 컴파일 방식 + 인터프리터 방식 그래서 자바에서 컴파일 오류일 것 같은경우 미리 알려준다. 근데 자바스크립트는 그 전에 알려주는게 없다. 3. 장단점 * 장점 컴파일 과정 없이 인터프리터로 코드를 한 줄씩 읽어가며 바로 실행되기 때문에 "수행속도가 빠름" 코드 작성이 간단해서 초보자가 접하기 쉽다.(단순한 ..

하이퍼링크 하이퍼링크 기능은 웹 문서의 가장 핵심적인 기능이다 클릭을 통해 연결된 곳으로 이동하여 사용을 편리하게 해주는 기능이다. 텍스트를 클릭해 링크를 이동하는 방법과 이미지를 클릭해서 넘어가는 방법 페이지 내에서의 링크를 통한 이동 방법 (상위로 올라가는 탑버튼) 이 존재한다. 사용태그 기본적으로 a태그의 href속성으로 링크를 만들 수 있다. 1)텍스트 클릭 > 링크 이동 방식 글자관련태그 목록관련태그 네이버 *target 속성 ㅣ 연결된 페이지를 어떤 탭에서 열껀지 지정 (기본값) _self - 해당 페이지에서 바로 연결되어 링크 호출 _blank - 해당 페이지가 아닌 새로운 탭을 열어 링크 호출 2)이미지 클릭 > 링크 이동 방식 a 태그 사용 하여 링크 추가 후 > img 태그로 경로 이미..

영역관련태그 - div / span / iframe div 태그와 span 태그 차이점 1) 줄바꿈 적용 div - 블럭요소로 한줄 단위로 영역 차지 (이미 존재하는 태그 다음줄에 영역이 잡힘) 첫번째 영역 두번째 영역 세번째 영역 span - 인라인 요소로 content 영역만 차지 첫번째 영역 두번째 영역 세번째 영역 2) 영역지정 방식 하나의 태그에 문장 입력시 iframe - 웹 문서 안에 다른 웹 페이지를 추가하는 태그 (인라인 요소) 이미지 및 영상도 첨부 가능하다