IT 세상 해석하기

[JS] 16진수 색상 찾아보자! By i!kohong(아이코홍) 선택한 색상 16진수 확인

[Java] 10진수 16진수 변환방법(Feat. RGB) By i!kohong(아이코홍) 10진수는 우리가 흔히 보는 숫자입니다. 유치원때부터 배워왔다고 보면되죠. 그런데, 컴퓨터코드를 사용하다보면, 16진수를 사용해야되는경우가 있습니다. 16진수도 간단합니다. 가장 쉽게 표현하자면 '1~10'의 대신 '1~F'까지 있다고 생각을 하시면 됩니다. RGB 10진수를 16진수로 변환하는 방법을 예시로 한번 알아보도록 하겠습니다. 16진수 표기 방법 A = 10, B = 11, C = 12, D = 13, E = 14, F = 15 10미만은 일반적으로 10진수 표기하면 되며, 10이상의 경우 표기되는 방법은 A~F입니다. 16진수이기 때문에 16미만까지만 표현됩니다. 10진수 16진수로 계산방법 = 10진..

[JAVA] CMD(명령 프롬프트)로 컴파일(javac) 및 Java실행하기 By i!kohong(아이코홍) 코드를 짜게 될 경우 보통은 에디터를 많이 쓰게 됩니다. 이클립스, visual studio code, sublime text3 등 과 같이 코드를 짜는데 도움을 주는 에디터를 많이 사용합니다. 덕분에 코드를 짜는데 조금이나마 시간이 단축이 되죠. 그렇지만, 한번은 CMD를 통해 코드를 컴파일하고 실행하는것도 괜찮은 방법인듯 합니다. 공부하기에는, 에디터의 도움없이 코드를 짜면서 하는게 개인적으로 가장 효과가 좋은거 같습니다. 물론, 나중에는 에디터의 도움을 받으면서 코드를 짜는게 수월하죠. CMD를 활용한 컴파일(javac)와 java 실행하는법에 대해 한번 알아보겠습니다. 텍스트 문서 생성 우..

[HTML] 다른 웹 페이지 포함시키는 방법. 태그 By i!kohong(아이코홍) 태그 설명 다른 웹 페이지를 자신의 웹 페이지에 포함시키는 태그 Attribute(속성) name 이름을 지정. target 속성을 사용할 때 필요 src 파일(파일 경로와 파일 이름)을 지정 scrolling 프레임에 스크롤 막대가 표시되지 않게 지정(yes, no, auto)한다. 기본값은 auto이다. align 정렬 방식(left, right, center)을 지정. width 너비(픽셀)를 지정. height 높이(픽셀)를 지정. frameborder 프레임을 구분하는 테두라를 표시할지 여부(0이나 숫자)를 지정한다. bordercolor 테두리 색(색상이나 색상 코드)을 지정. 예시 See the Pen Tag..

[HTML] 홈페이지에 리스트를 만들자! 리스트 관련 태그 ,,,,, 태그 By i!kohong(아이코홍) 태그 태그 설명 Ordered List의 약자 순번이 있는 목록으로 정렬할 떄 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(A,a,I,i,1)을 지정한다. 1 : 아라비아 숫자 a : 알파벳 소문자 A : 알파벳 대문자 i : 로마숫자 소문자 I : 로마숫자 대문자 start 시작 번호(숫자)를 지정한다. - 태그 태그 설명 Unordered List의 약자 순번이 없는 목록으로 정렬할 때 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(disc,..

[HTML] 웹 문서의 정보를 포함시켜주는 태그 By i!kohong(아이코홍) 태그 설명 HTML의 head영역에 삽입이 됩니다. 정보, 인코딩, 트랜지션 효과, 다른페이지 자동 이동과 같은 형태로 사용됩니다. 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있습니다. Attribute(속성) name Author : Content에 제작자 정보 입력을 합니다. Keyword : Content에 검색 태그를 입력 합니다. Description : Content에 글 내용을 입력 합니다. Subject : Content에 홈페이지 주제를 입력 합니다. Title : Content에 홈페이지 이름을 입력 합니다. Publisher : Content에 만든이의 이름을 입력 합니다. Oth..

[HTML] 홈페이지에 이미지를 올리자! 태그 By i!kohong(아이코홍) 태그 설명 그림을 삽입하는 기본 태그입니다. 태그에서 사용할수 있는 파일명으로 GIF,JPG/JPEG,PNG 3가지가 있습니다. GIF (Graphic Interchange Format) 움직이는 이미지 파일 JPG/JPEG (Joint Photographic Expert Group) 뛰어난 압축률이 특징 PNG (Portable Network Graphics) GIF와 JPG/JPEG의 장점을 특징으로 가진 차세대 그래픽 파일 포맷 형태 Attribute(속성) src 그림 파일의 경로를 지정합니다. height 그림의 세로 높이를 지정합니다. 단위는 픽셀과 퍼센트(%)입니다. width 그림의 가로 높이를 지정합니다. 단위..

[HTML] 텍스트 관련 태그 By i!kohong 태그 태그 설명 글꼴이나 글꼴의 크기, 글꼴 색 등 텍스트와 관련된 속성 지정 속성 (Attribute) face 윈도우에 설치되어 있는 기본 글꼴(굴림체, 궁서체, 돋움체, 바탕체, Geergia)을 지정한다. 한글과 영문에 따라 사용 할 수 있는 글꼴은 차이가 있다. ⊙ 한글 : 바탕체, 돋움체, 굴림체, 궁서체 ⊙ 영문 : Geargia color 글꼴 색(색상[Red,Blue,Yellow 등])이나 색상 코드[16진수, 10진수])을 지정한다. size 글꼴의 크기를 지정(1~7)한다. 기본은 3이다. 태그 태그 설명 글자나 이미지를 상하좌우로 움직일 수 있게 한다. Attribute(속성) behavior 스크롤형태(scroll, silde, ..

[HTML] 표 만들기 위한 태그 태그 동시설명 : ,,,, 태그 By i!kohong(아이코홍) 작성방법 : 아래의 예시 참고 태그 설명 페이지 내의 표를 만들기 위한 태그 단순 태그만을 사용해서 만드는것이 아닌, ,,,,를 같이 이용하여 작성을 합니다. 일반적으로는 ,,만으로도 표를 만들수 있습니다. 태그는 행(가로)를 의미합니다. 태그는 열(세로)를 의미합니다. 태그는 표의 제목을 의미합니다. 태그는 표의 본문 영역을 의미합니다. 태그는 제목 셀을 의미합니다. 별도의 CSS를 작성하지 않으면, 표의 테두리를 구현할 수 없습니다. Attribute(속성) 태그 속성값 설명 colspan 열을 확장시키는 의미, n개의 열을 합치는 모습을 볼 수 있습니다. rowspan 행을 확장시키게 해준다. n개의 ..

[HTML] 텍스트의 좌우 시작을 지정해준다. 태그 By i!kohong(아이코홍) 작성방법 : 텍스트 입력 사용 목적 작성된 텍스트를 왼쪽부터 오른쪽순으로, 혹은 오른쪽에서 왼쪽순으로 작성되도록 합니다. Attribute(속성) dir ltr 텍스트 방향을 왼쪽에서 오른쪽으로 작성한다. rtl 텍스트 방향을 오른쪽에서 왼쪽으로 작성한다. 사용예시 See the Pen Tag by KorHWS (@korhws) on CodePen.