개발

주로 사용하는 명령어 pwd (print working directory) 현재 사용자가 위치하고 있는 경로를 출력해줌. ls (list) 현재 위치한 디렉토리에 있는 파일과 디렉토리 리스트를 보여줌 [옵션] $ ls -l : 파일과 디렉토리에 대한 내용을 구체적으로 출력함 (권한 소유계정 그룹계정 파일크기[Byte] 생성날짜 파일이름) (== `ll 과 동일`) $ ls -a : 현재 디렉토리에서 숨김파일을 포함하여 출력함 $ ls -li: ls-l상태에서 inode번호를 함께 출력함 $ ll: ls-l과 동일함 $ ls -alrt: 정렬까지해서 상세하게 출력 chmod (change Mode) 권한 변경 $ chomd 664 fileName (ex. chomd 664 note.txt) $ chmod ..

태그는 사용자로부터 값을 입력받을 수 있는 대화형 컨트롤(=필드)를 나타낸다. 기본적으로 인라인 요소이고, 닫는 태그가 없는 단일태그이다. 태그는 type 속성을 통해 입력받는 요소의 데이터 유형이 달라진다. 사용가능한 type 은 20여 가지이며, 기본값은 text 이다. 다양한 type text 디폴트 값. 한줄의 텍스트 필드이다. 새줄 문자는 입력값으로부터 자동으로 제거 됨. password 값이 가려진 한줄 텍스트 필드. 사이트가 안전하지 않으면 사용자에게 경고 radio 같은 name 값을 가진 여러개의 선택중에서 하나의 값을 선택하게 하는 라디오 버튼 submit ~ 내에 있는 정보들을 서버로 전달하는 버튼 range 값이 가려진 숫자를 입력하는 컨트롤. 디폴트 값이 중간값인 범위 위젯으로 표..

HTML 에서는 크게 순서가 있는 리스트, 순서가 없는 리스트 2가지로 나누는데, 순서가 없는 리스트는 Unordered List 의 약어인 태그를 사용하고 순서가 있는 리스트는 Ordered List 의 약어인 태그를 사용한다. 순서의 여부를 통해 과 중에 필요한 것을 정하면 이제 그 안에 리스트 항목들을 채워넣어야 하는데 안에 들어가는 항목은 공통으로 태그를 사용한다. 예시) ul 순서가 없는 리스트 예시) ol 순서1 순서2 순서3

태그는 anchor의 약어로 닻을 의미한다. 태그는 href 속성을 통해 다른 페이지, 전화번호, 이메일주소 와 그 외에 다른 url로 연결할 수 있는 링크(연결)을 만든다. 인라인 요소이고, 콘텐츠는 주로 링크의 목적지를 나타낸다. 태그의 대표 속성 href : 연결하고 싶은 주소를 지정한다. target : 링크를 클릭했을 때 창의 형태를 지정한다.(총 4가지) _blank : 새창에서 열기 _self : 현재 탭에서 열기(기본값) _top : _bottom title : 링크에 대한 설명이 들어간다. href 속성의 다양한 활용 a 태그의 href에는 웹 문서의 주소 뿐만 아니라 전화번호나 메일주소 등을 지정할 수도 있다. 이때 각 유형별로 필요한 추가 텍스트가 있다. 1. 전화번호 전화 걸기 2...

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 여러 요소들을 하나로 묶어 관리하기 편하게하는 태그를 컨테이너 태그라고 한다. 콘텐츠 내용을 구분하거나, 특정 영역마다 공통적인 스타일(css)를 적용하고자 할 때 개발자는 컨테이너태그를 사용하는 것이 좋다. 컨테이너 역할을 담당하는 태그는 크게 시멘틱(Semantic) 태그와 논-시멘틱(non-Semantic) 태그로 나뉜다. 시멘틱(Semantic) 태그 시멘틱 태그란 브라우저, 개발자와 사용자에게 태그에 종속되어있는 내용을 직설적으로 알려주는 태그이다. 태그의 종류로는 header, nav, section, article, aside, footer 가 있다. header : 전체 사이트의 헤더, article에 관련된 헤더이다. nav : 로그인, 목차..

태그는 이미지를 표시할 때 일반적으로 사용하는 태그이다. (참고로 이미지를 표시하는 방법에는 표시할 엘리먼트 대상에 background-image 속성으로 정의하는 방법도 있다.) 단일 태그로서 닫는 태그를 필요로 하지 않는다. 콘텐츠를 적어주는 대신 표시할 이미지에 대한 정보를 속성으로 지정해주어야 한다. 기본 형태 태그의 속성들을 확인해보자면 먼저 src 속성은 표시할 이미지의 경로 정보와 파일명을 입력받는 속성이다. 즉 이미지의 url을 입력받는다. 서버(클라우드)에 위치한 이미지 파일도 가능하고, 내 로컬 PC에 저장된 이미지 파일도 가능하다. 예시 두번째로 alt 속성은 alternative의 약자로 대체 텍스트 역할을 한다. 이미지가 로딩되기 전이나 이미지 로딩에 실패한 경우 이미지 대신에 대..

태그 문단을 표시하는 태그(단락을 구분) 단락1 입니다. 단락2 입니다. , ... 태그 헤드라인을 표시하는 태그이며, 숫자가 작을수록 크기가 크다. 제일 큰 제목 2번째로 큰 제목 3번째로 큰 제목 4번째로 큰 제목 5번째로 큰 제목 가장 작은 제목 태그 수평선을 표시하는 태그로 주제 변경이나 내용 구분시에 사용하는 태그이다. 첫 단락 두번째 단락 태그 줄바꿈(==Enter) 을 적용해주는 태그이다. 태그 하나당 1줄씩 줄바꿈 처리 된다. 첫 줄 내용 두번째 줄 내용 태그 해당 ~~ 안의 텍스트에 Bold(강조) 를 적용한다. 일반 글씨 강조된 Bold 글씨 태그 해당 ~~ 안의 텍스트를 굵게 만든다. 일반 텍스트 폰트 굵게 적용된 텍스트 태그 해당 ~~ 안의 텍스트에 언더바( _ ) 를 적용한다. 일..

HTML 은 Hyper Text Markup Language 의 약자로 하이퍼링크를 통해 특정 웹 페이지에서 다른 페이지로 접근할 수 있는 마크업 언어이다. HTML의 기본 구조 브라우저 화면에 표시할 부분 HTML 은 크게 영역과 영역 총 2가지 영역으로 나누곤 한다. 쉽게 생각해서 한 웹 페이지 화면을 나눈다고 생각했을 때 웹 브라우저 화면에 보이진 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다. : 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그이다. ~ : 문서의 제목을 나타낸다. 콘텐츠는 브라우저탭에 표시된다. : 해당 웹 페이지에서 사용할 Javascript 정의 : CSS 파일 내부에서 정의 : CSS 파일 외부에서 정의해서 사용 ~ 실제 브라우저 ..

Iterator 란 Iterator 는 자바에서 Collection 객체의 값을 가져오거나 조작할 때 사용하는 인터페이스 객체이다. Collection 객체는 대표적으로 List, Set, map, Queue 등이 있다. Iterator의 장점으로는 모든 컬렉션 프레임워크에 공통으로 사용 가능이 가능하기 때문에 코드 개발 및 유지보수에 용이하다. 단점으로는 반복을 수행하는 동안 단방향 반복만 가능하고, 중간에 값을 변경하거나 추가가 불가능하다. 또한 대량의 데이터를 제어하려고 하면 성능이 떨어진다. 코드 예시 JSONObject jsonObj = (JSONObject)jsonArray1.get(i); Iterator iterator = jsonObj.keySet().iterator(); ArrayList..

업무중에 ArrayList 로 2차원 배열을 만들어야할 일이 생겼는데 이후로도 가끔 필요할 것 같아 정리해두려고한다. ArrayList 란 ArrayList란 Collection 프레임워크의 일부이며 java.util 패키지에 소속되어 있다. 표준 배열보다는 속도가 느리지만, 가변 배열로 사용해야 할 때 매우 편리하고, Depth 는 List 인터페이스에서 상속 받아 사용이 가능하다. 쉽게 말해 객체가 추가되어 용량을 초과하면 자동으로 부족한 크기만큼 용량이 늘어난다.(일반 배열처럼 length 가 고정 될 일이 없다는 것) 기본 ArrayList 선언 ArrayList list1 = new ArrayList(); ArrayList 2차원 배열 선언 인스턴스 생성 시 배열 부호 [ ] 사용 ArrayLi..

HTTP란 HTTP(Hypertext Transfer Protocol)하이퍼텍스트 전송 규약. 웹 브라우저(web browser) 같은 응용프로그램을 통해 웹 클라이언트(사용자)와 웹 서버(서비스 제공자) 사이 데이터를 전송하는 프로토콜이다. 인터넷 통신을 위해 사용 되는 Protocol이며, HTML뿐만 아니라, 각종 이미지, 동영상, 음성 데이터 전송이 가능하다. 웹 서버와 사용자 컴퓨터에 설치된 웹 브라우저 사이에 문서를 전송하기 위한 통신 규약이다. HTTP의 특징 HTTP 클라이언트와 HTTP 서버에 의해서 해석이 된다. TCP/IP를 이용하는 응용 프로토콜(application protocol)이다. 연결 상태를 유지하지 않는 비연결성 프로토콜이다. 요청/응답(Request/Response) ..

포트(Port)의 개념 포트는 운영 체제 통신의 종단점이다. 이 용어는 소프트웨어에서 네트워크 서비스나 특정 프로세스를 식별하는 논리 단위를 나타낸다. 사용법 예시) https://000.000.000.000:21 여기서 000.000.000.000은 IP 주소를 나타내며 그 뒤에 있는 21이 포트 번호를 의미한다. 쉽게 설명해서 예를 들어 집배원이 우편물을 배송하는 과정으로 비유하자면 여러사람이 같이사는 공동주택으로 배송을 갔다고치면 단순히 집 주소 만으로는 집배원이 이 우편을 누구에게 전달할지 명확히 알 수 없기 때문에, 집 주소와 함께 수령할 사람이 들어 있는 방번호까지 적어줘야 정확한 배송을 받을 수 있다. 이 때, 집 주소에 해당 하는 것이 IP이며, 방번호가 Port다. 포트(Port)범위 0..