분류 전체보기 199

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

아파치 다뤄보기

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