테라시아의 웹개발일기

지역변수(local), 전역변수(global)     - 변수의 사용 범위(scope) : 지역과 전역으로 나뉨     - var를 사용하지 않고 선언하면 무조건 global     - var를 사용했다면 사용한 곳이 함수 내인지 아닌지       함수 내에서 var로 선언되면 함수가 끝나면 사라지는       local       함수 내가 아니면 global ☆ Code Java Variable Scope

Dialog     * modal or modeless       modal : 다이얼로그가 닫히기 전까지는 다른 액션 불가       modeless : 다이얼로그와 별도로 다른 액션 가능     java는 int, float, double : 고정타입의 변수     javascript는 변수의 타입이 정해져 있지 않다(가변적)     var라는 키워드를 사용(var myVariable;) (1) alert     alert("메시지");     warning의 방식 : 정보를 display한다 -> 닫기버튼 (2) confirm     answer = confirm("메시지");     확인/취소 버튼 존재     사용자가 확인을 누르면 true가 리턴     사용자가 취소를 누르면 false가 리턴..

Javascript로 HTML 요소 출력     Javascript 코드로 HTML 요소를 웹 페이지에     직접 삽입하여 브라우저에 출력되게 할 수 있음     document.write() 또는 document.writeln()     * writeln은 줄바꿈('\n') 문자가 삽입되지만       HTML은 줄바꿈 문자를 인식하지 않으므로        태그를 사용하여 줄바꿈을 표현하거나       을 직접 전달하여 줄바꿈을 구현 ☆ Code document.write를 사용하여 요소 삽입하기

Display - flex     - div 등의 블럭 속성을 일렬로 배치 가능하도록 조정     - flex와 justify-content 속성을 통해 다양한 배치 구현     * justify-content         space-around         space-evenly         space-between         center         flex-start         flex-end ☆ Code ..

Layout - Position     - 각 요소마다 배치되는 방식(위치) (1) static(기본)     - 나오는 순서대로 배치 (2) absolute     - top, left, right, bottom     - 상위 엘리먼트의 기준점을 기준으로 위치 지정 (3) relative     - top, left, right, bottom     - 원래 내가 있어야 할 위치를 기준으로 위치 지정 (4) fixed     - 전체 화면(Viewport)을 기준으로 위치 지정 ☆ Code Layout - Position static(default) static2(default) relative fixed absolute

Webfont(웹폰트)     - 폰트를 내 PC나 서버에 저장하지 않고       링크를 불러와서 사용하는 방법     - Google Font가 가장 유명, 한글은 눈누 사이트가 유명     - 와 CSS 적용 방식을 copy하여 내 소스에서       붙여넣고 사용 웹 폰트는 구글폰트가 대표적이다. 링크 : https://fonts.google.com/ ☆ Code 이게 원래 폰트다. 이건 한 번 바꾼 폰트다. 이건 또 바꾼 폰트다.

1. Advanced      link : 아직 방문한 적 없음     visited : 한 번이라도 가본 적 있음     hover : 마우스를 올려 놓으면     active : 마우스를 클릭하고 있으면     페이지 책갈피         현재 페이지에서 이동하고 싶은 곳으로 이동하는 법          태그의 id 속성을 이용하여 책갈피 생성 ☆ Code Link Test 여러분의 정보를 마구 빼가는 기업 페이지 시작 1번 위치로[5]   2번 위치로 Title01Contents01 Title02Contents02 Title03Contents03 Title04Contents04 Title05Conte..

1. Table(테이블) (1) 테이블     여러 종류의 데이터가 행과 열로 정리된 표                                     이름             데이터             ...             데이터                    (2) merge(병합)     1) 열병합         colspan="합칠 열의 개수"                        =>      2) 행병합         rowspan="합칠 행의 개수"                                                        (3) caption      태그로 테이블 상단에 짧은 설명을 붙일 수 있음     table 1개 당 1번만 사용 (4) ..

1. input 태그     사용자로부터 입력을 받기 위한 태그      태그이며, 닫힘 태그 없음     * 속성 리스트     size : 글상자의 크기     maxlength : 값의 최대 길이(물리적)     placeholder : 입력하기 전 보여주는 텍스트     readonly : 편집 불가     value : 값, value에 값을 넣어놓으면 표시되며,                 또한 value를 읽어오기도 한다.     required : 필수 항목     type         text : 일반 텍스트         password : 비밀번호         radio : 하나만 선택 가능         checkbox : 여러 선택이 가능한 체크박스         file : ..

1. link(링크) 태그     HTML link : 현재 페이지에서 다른 페이지로 이동하는 목적     하이퍼링크 또는 링크라고 부르며     HTML에서는  태그를 통해 구현한다.              문자열, 이미지      2. img(이미지) 태그     웹 페이지에서 주로 사용되는 이미지의 종류     1) JPEG : .jpg, .jpeg - 휴대폰, 카메라 사진     2) GIF : .gif - 움직이는 이미지     3) PNG : .png - 배경을 투명하게 할 때 사용          이미지 경로는 절대 경로와 상대 경로가 있음     웹 서버를 기동하면 기본적으로 document root가 존재     이 document root가 보통 /로 표현되며     절대경로는 이 /를..