본문 바로가기

전체 글

 (96)
[HTML]<textarea> 태그 태그란 태그의 하위 태그 중 하나로 여러줄의 텍스트를 입력하는 창을 만드는 태그이다. 문법 내용 사용할 수 있는 속성 속성명 속성값 설명 rows 숫자 텍스트 입력 영역 중 보이는 영역의 라인수를 정한다. cols 숫자 텍스트 입력 영역 중 보이는 영영의 너비를 정한다. name 텍스트 요소의 이름을 정한다. readonly readonly 클릭은 되지만 텍스트를 입력할 수 없게된다.(읽기전용) disabled disabled 클릭조차 되지 않는다. (복사불가) ↓↓↓↓↓↓ HTML5부터 지원 ↓↓↓↓↓↓ autofocus autofocus 페이지가 로드될 때 자동으로 포커스가 요소로 이동된다. maxlength 숫자 최대 문자수를 정한다. required required 폼 데이터(form data)가..
[HTML]<input> 태그 태그란 태그의 하위 태그 중 하나로 type속성에 따라 텍스트를 써 넣을 수 있는 칸, 버튼, 컴포넌트 등을 만드는 태그다. 태그는 type 속성을 통해 태그의 종류를, name을 통해 데이터의 이름, value를 통해 기본 값을 지정한다. 문법 type 종류 type 종류 내용 text 일반 문자 password 비밀번호 button 버튼 submit 양식 제출용 버튼 reset 양식 초기화용 버튼 radio 한개만 선택할 수 있는 컴포넌트 전송 시 value에 설정한 값이 넘어간다. checked="cheked" 속성을 사용하면 기본적으로 체크가 된다. checkbox 다수를 선택할 수 있는 컴포넌트 전송 시 value에 설정한 값이 넘어간다. checked="cheked" 설정 시 기본적으로 체크가..
[HTML]<form> 태그 태그란 웹 페이지의 정보를 다른 페이지로 전송하는 역할을 한다. 때문에 서로 데이터를 주고 받으며 움직이는 웹 페이지일 경우 반들시 들어가는 요소이다. : 입력 양식 전체를 감싸는 태그 name : form의 이름, 서버로 보내질 때 이름의 값으로 데이터 전송 action : form이 전송되는 서버 url 또는 html링크 action="" 와 같이 페이지 정보가 없을 경우 자신의 페이지를 호출한다. autocomplete : 자동 완성으로 on으로 하면 form 전체에 자동 완성을 허용하게 된다. method : 전송 방법 설정. get방식과 post방식이 있다. 설정 하지 않을 시 get 방식이 기본 값이다. GET 방식 POST 방식 특징 전송할 데이터(파라미터)를 URL의 정보에 붙여서 전송한다..
[Linux]vi 편집기 vi 편집기란 리눅스 뿐만 아니라 유닉스 계열의 모든 운영체제에서 사용하는 편집기이다. tui기반인 리눅스에서는 편리성을 인정 받은 편집기이나, 다양한 명령어 때문에 진입장벽이 있다. vi 편집기에는 명령모드와 입력모드, ex모드 세가지 모드가 존재한다. 처음 vi 편집기에 접근하면 명령모드로 시작하게 된다. 거기서 몇 가지의 명령어를 통해 입력모드, ex모드로 접근할 수 있게된다. vi 편집기 새 파일 만들기 vi 편집기에 접근하기 위해서는 우선 vi 편집기를 만들어야 할 것이다. vi [경로명]/[파일명] 을 통해 vi 편집기를 하나 만들어주자. - 터미널에서 vi test1.txt (test1.txt 파일이 없다면 새로 만들면서 열고, 이미 있다면 있는 파일을 연다.) 명령모드에서 입력모드로 전환하..
[Java]클래스와 객체 클래스란 객체의 속성과 기능을 정의해놓은 객체의 설계도, 틀이라 할 수 있다. 클래스라는 설계도, 틀을 통해 객체를 생성할 수 있으며 객체는 클래스에 정의된 대로 생성된다. 쉽게 설명하기 위해 클래스를 붕어빵의 틀에, 객체를 붕어빵에 비유하여 설명하기도 한다. 붕어빵의 크기와 생김새를 정의한 틀(클래스)에다 밀가루 반죽(속성)을 넣어 붕어빵의 재료(속성)를 팥으로 할지, 슈크림으로 할지 정하여 붕어빵이라는 객체를 생성해 낼 수 있다. 객체(인스턴스)란 사전적인 정의로 실제 존재하는 것이다. 쉽게 말해 우리가 주변에서 볼 수 있는 책상, 의자, 자동차 그리고 앞서 설명했던 붕어빵과 같은 것들이 곧 객체이다. 객체는 속성과 기능으로 이루어져있다. 속성은 변수를 통해 정의할 수 있고, 기능은 메소드를 통해 구..
[HTML]<img>태그 태그란 HTML 문서에 이미지를 삽입하는 태그이다. 문법 속성 속성 내용 src 이미지 웹상의 주소 alt 이미지 위에 마우스를 올렸을 때 설명하는 글이다. height 이미지의 세로크기를 설정한다. (픽셀 단위) width 이미지의 가로크기를 설정한다. (픽셀 단위) align 이미지 정렬방식을 설정한다. left : 왼쪽으로 정렬 center : 중앙으로 정렬 right : 오른쪽으로 정렬 border 이미지 테두리 두께를 설정한다.
[JavaScript]location location이란 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용하는 객체이다. location 문법 location.속성 ="url 주소"; location.메소드("url 주소"); location 종류 href location.href="url 주소"; : url주소를 지정하여 페이지 이동한다. reload() location.reload(); : 현재 페이지를 새로고침하는 기능이다. replace() location.replace("url 주소"); : 기존의 페이지를 새로운 페이지로 변경하는 함수이다. 현재 url주소를 지정한 url주소로 바꾸어 이전 히스토리를 저장하고 있지 않아, 새로운 페이지로 이동후에는 이전페이지로 이동이 불가능하다. assi..
[Java]2차원 배열 2차원 배열이란 2차원 배열은 우리가 앞서 배웠던 1차원 배열에서 한 단계 업그레이드된 배열이다. 1차원 배열에서는 한줄에 원하는 값을 담았었는데, 2차원 배열은 그 줄을 겹겹이 쌓는 행렬의 구조를 가진다. 때문에 1차원 배열보다 인데스 좌표를 찾는데 다소 헷갈릴 수가 있다. 2차원 배열 선언 및 초기화 // 2차원 배열 선언 int[][] array; // 2차원 배열 초기화 array = new int[2][5]; // 2행 5열을 가지는 2차원 배열 초기화 2차원 배열 선언과 초기화를 동시에 하는 방법 // 2차원 배열 선언과 동시에 초기화 int[][] array = new int[1][5]; //1행 5열을 가지는 2차원 배열 위와 같은 방식으로 2차원 배열을 선언, 초기화 하면 int형, 즉 ..

티스토리툴바