HTML 배열 배열 자바스크립트 배열은 제약사항이 없음. 1) 데이터 형도 섞어 담아도 됨 2) 초기에 크기지정 없어도 됨 빈 배열선언 var v_arr = []; 배열 선언과 초기화 배열 다뤄보기 >> 배열에 값 넣기 >> 배열에 값 넣기_더 좋은 방법 빈 배열을 다루는 것이기에 점점 값을 넣을 수록 배열의 길이가 증가되는 특징을 활용 3) 배열의 길이 4) 배열 속의 배열 >> 방법1 >> 방법2 화면구현/HTML 2020.06.18
HTML 변수의 이해 use strict 변수 선언에대해 엄격하게 체크를 해줌 더보기 에러 제거 문자열은 " '둘 다 가능 "와 '의 구분 " 출력을 원할 때 '로 감싸주고 ' 출력을 원할 때 "로 감싸준다. 1) 숫자형 숫자형도 var를 붙여준다 2) 문자와 숫자 fff는 문자형 272337이 나옴 더보기 문자열 연산에 마이너스는 존재하지 않음 따라서 -, *, /가 들어가면 문자열이 숫자로 변경됨 문자형 eee를 숫자로 변경을 원한다면 문자열 연산에 마이너스는 존재하지 않음 따라서 -, *, /가 들어가면 문자열이 숫자로 변경됨 문자형 eee를 숫자형으로 변경을 원한다면 eee=eee-0 eee=eee*1 eee=eee/1 숫자형 ddd를 문자형으로 변경을 원한다면(문자와 숫자 연산 시 문자 우선) fff=fff+"" N.. 화면구현/HTML 2020.06.18
HTML 기본 컴포넌트 Input 1) button 2) radio button value값은 보이지 않는다!! 남 여 name속성을 통해 그룹으로 묶어 같은 그룹 중 하난만 선택 가능하도록 설정 더보기 남 여 내국인 외국인 다른 그룹명을 지정하여 그룹마다 하나씩 버튼이 선택되도록 checked 남 여 3) checkbox 다중 선택 가능 1 2 3 4 더보기 checked를 통해 디폴트 값을 지정 할 수 있음 1 2 3 4 4) select 더보기 selected로 디폴트 값을 지정 할 수 있음 박 성 연 짱 5) text박스 6) hidden 사용자에게 보이지 않고 나는 그 값이 꼭 필요할 때 페이지 안에 숨겨 놀 때 사용 7) file 8) date 9) color 색을 고를 수 있는 상자 textarea 여러줄을 입력 .. 화면구현/HTML 2020.06.18
HTML Scrip 더보기 자바스크립트는 정적언어 자바는 동적언어 글자깨짐해결 글자가 깨지므로 기본적으로 , 는 넣어줘야한다. TYPEOF 현재 타입을 알려줌 처음 변수를 문자열로 초기화하고 바로 숫자로 초기화한다면 뒤에 내용이 반영이 된다(추가변수 없이 값 체인지) ex> 추가 변수 선언없이 값 체인지, 사칙연산만 사용가능 더보기 두 값들을 더한 후 자기의 값을 빼면 상대의 값이 나옴 화면구현/HTML 2020.06.17
HTML div태그 더보기 div 엄청나게 많이 사용하는 div태그 CSS(Cascading Stypel Sheet)와 사용하면 거의 만능에 가까운 태그 화면 레이아웃 구성 시 사용 STYLE 1) 인라인 스타일 태그에 직접 스타일을 주는 것 한두개 정도 확인 할 땐 편한데 그 외에는 엄청 불편한 단점을 가진다. 나는 div야 2) 내부스타일 (#) head에 써야한다 아이디를 줘서 관리 단위를 꼭!! 써줘야해 나는 내부스타일 div 더보기 크기 나는 내부스타일 div 나는 inline 스타일이야 나는 내부스타일 div 나는 inline 스타일이야 개발시 편리하도록 border-width: 5px; border-style: groove; border-color: chartreuse; 위의 코드를 아래와 같이 한줄로 표현 가.. 화면구현/HTML 2020.06.17
HTML 테이블태그 테이블 한 row를 의미 컬럼명1 컬럼명2 컬럼명3 >> 경계선 주기 border tr은 td는 table data 컬럼명1 컬럼명2 컬럼명3 이름 나이 박성연 21 이름/나이 나이 박성연 21 22 이름/나이 나이 박성연 21 22,23 박성연 21 22 ex> 테이블 만들기 예제 더보기 1 2 3 4 5 6 7 8 2 2 3 3 4 몬스터주식회사 4 5 E 6 F 7 2 3 4 5 6 7 8 꿀팁 더보기 >> table>tr*5>td*6 이 상태로 엔터누르면 자동으로 테이블이 생성 화면구현/HTML 2020.06.17
HTML 확장자 하이퍼링크 걸어주는 태그 1) 사용방법 성연이의 티스토리 >> 요소(element) 성연이 티스토리 >> 속성(attribute) href >> 속성의 값 "https://yeon960.tistory.com" 성연이의 티스토리 선영이의 티스토리 더보기 글씨 크기를 조절하는 것으로 원하는 태그 사용 가능 난 성연 난 성연 난 성연 난 성연 난 성연 난 성연 문단 나누기 난 첫번째야 나는 두번째 p태그 없이 문단을 나눌 때 사용하는 방법 성연이의 티스토리 선영이의 티스토리 br이나 p없이 원하는 문장을 원하는 형태로 출력 가능 안녕? 나는 html을 배우는 성연이야 너는 내 블로그에 왜 왔니? ol(Ordered List) 순서있는 리스트로 자동으로 앞에 숫자가 붙음 일 이 삼 사 오 ul(Unordered.. 화면구현/HTML 2020.06.17
HTML(Hyper Text Markup Language) 살짝 알아보기 난 최고의 프로그래머 더보기 1) DOCTYPE html> html 버전 5를 의미 1) en은 영어, ko는 한국어로 서치결과에 반영하는 언어를 의미함 디폴트이면 결과 반영을 안 해줌 ** 여러개 사용은 금지** 2) 이것이 없다면 아래와 같이 글자가 깨져서 나온다 3) 사용자 기기의 화면 비율을 맞춰준다 4) 난 성연이 탭의 제목을 지정 5) body body사이의 것들만 화면에 출력 script 난 최고의 프로그래머 자바스크립트는 script 태그 안에 작성 head, body 아무곳이나 상관없이 들어 갈 수 있으며 앞의 script가 먼저 실행 >> alert("성연이는 공부중이야"); 화면구현/HTML 2020.06.17
화면구현가이드 HTML (내용) CSS (스타일리스트) JAVASCRIPT (막후의 조정자) -> 서버는 단순히 텍스트로만 인식 -> 위 내용의 해석기는 브라우저(클라이언트)에 존재 -> 현재 브라우저를 컨트롤 할 수 있는 언어가 자바스크립트 밖에 없음 -> 초보자를 위한 자바스크립트 책은 없음 화면구현 2020.06.17
아파치 다뤄보기 1. 아파치 멈추고 시작하고 다시시작하고 sudo service apache2 stop 2. 실제 파일들 찾기 1) 설정파일 건들지 말고 설정파일을 복사 sudo cp 000-default.conf 000-default.conf_org 2) 복사 파일 xed창으로 건들기 더보기 서비스를 줄 디렉터리 ServerAdmin webmaster@localhost DocumentRoot /var/www/html >> sudo cp index.html index.html_org 확인을 위해 copy >> sudo xed index.html 복사된 파일 열고 확인 3) 세팅기능 >> sudo xed hosts hosts파일 열기 평소에 갈 ip주소를 입력하고 이에 명칭을 지정해주면 이런식으로 http://sujung.. 리눅스 2020.06.16