[HTML] 6. List Tag 웹 사이트에서 리스트를 적용하기 위해 리스트 태그를 사용한다.1. 번호가 있는 리스트ol 태그는 order List의 약자로 순서가 있는 태그이다.번호가 지정된 리스트를 만들기 위해 ol 태그로 값들을 표현하는 태그인 li 태그로 감싼다.2. 번호가 없는 리스트ul 태그는 unorder List의 약자로 순서가 없는 태그이다.순서 즉 정렬을 하지 않고 리스트를 만들기 위해서 ul태그로 li 태그를 감싼다. WEB/FrontEnd 2024.09.13
[HTML] 5. hyperlink 웹 페이지 사용시 다른 웹 페이지로 이동 해야하는 경우가 있다. 이 때 사용하는 태그가 a태그이다.1. 하이퍼링크 태그위 네이버 텍스트를 클릭하게 되면 네이버 사이트로 접속하게 되는 것을 알 수 있다.각 속성에 대한 의미는 아래 표와 같다.href이동할 경로target이동 방식ping통계 기록을 위한 속성target 속성에 대한 4가지 값_blank새 탭에서 열기_parent이전 한 단계 상위 프레임에서 열기_self현재 탭에서 열기_top상위 페이지에서 열기target 속성의 값 중에서 blank와 self 값을 많이 사용한다. 카테고리 없음 2024.09.05
[HTML] 4. image tag 웹 페이지에 이미지를 표시하기 위해 이미지 태그를 사용한다. 1. 이미지 태그 사용방법img 태그에서 각 옵션의 의미는 아래와 같다.src사진경로alt설명height높이width너비높이와 너비에 해당하는 값은 px단위으로 설정되며 너비나 높이 중 하나만 입력했을 경우 비율에 맞게 크기가 조정된다.alt 옵션의 필요성alt 옵션이 이미지에 대한 설명을 적는다고 했는데 이 부분은 해주는게 좋다.1. 시각장애인이 이미지를 볼 수 없지만 웹 페이지에서 소리로 읽어주는 기능이 있다면 사진에 대해 의미를 전달해주기 때문에 어떤 이미지인지 보지 않고 인지할 수 있다.2. 검색엔진을 통해 검색 노출 확률이 올라간다. WEB/FrontEnd 2024.09.05
[HTML] 3. text tag 텍스트 태그 웹 페이지에 텍스트를 기입할 때 사용하는 여러 텍스트 태그가 있다. 1. p tag paragraph로 문단을 입력할 때 사용한다. 2. b tag bold로 텍스트를 굵게 표시할 때 사용한다. 3. i tag Italic으로 기울어진 텍스트를 표시할 때 사용한다. 4. u tag Underline으로 밑줄을 그을 때 사용한다. 5. s 와 del tag취소선을 그을 때 사용한다. 기존에는 strike 태그를 사용했지만 최근부터 지원되지 않고 del 태그와 s태그로 대체되었다.6. br tag 줄바꿈을 할 때 사용한다. 7. h tag heading으로 글의 제목을 작성할 때 사용한다. h태그 우측의 숫자가 클 수록 글자 크기가 작아진다.8. em tag 강조를 나타낼 때 사용한다. 9. r.. WEB/FrontEnd 2024.08.31
[HTML] 2. Meta Tag 메타태그는 head 태그 내에서 작성하는 태그이며, 문서의 정보를 기입할 때 사용한다. 1. 언어 설정 언어 설정을 하는 메타 태그이다. 언어 설정을 하지 않게 되면 영어를 제외한 언어는 깨져서 출력될 수 있다. 2. 키워드 입력 웹 사이트를 대표하는 키워드로 검색을 할 때 검색 키워드라고 생각하면 쉽다. 3. 설명 입력 웹 사이트가 무슨 역할을 하는지 설명을 적는 부분이다. 이러한 메타 태그들은 웹 페이지 기능에 문제를 일으키지는 않지만 태그를 자세하게 입력하면 검색 엔진에서 해당 키워드들로 검색 시 상위 노출될 확률이 높아진다. WEB/FrontEnd 2024.08.30
[HTML] 1. HTML5 HTML(HyperText Markup Language) HTML은 우리들이 흔히 알고 있는 프로그래밍 언어가 아니며 단순한 형태인 태그를 사용하는 마크업 언어다. 태그는 ""로 끝나는 구조를 이루고 이 HTML 태그들은 프론트엔트에서 틀을 잡기 위한 언어이다. 뼈대를 제작하는 언어로 생각하면 쉽다. HTML5의 기본 형태 1. 태그 정식명칭은 Document Type Declaration이라고 하고 의미는 "문서 형식 선언"이라고 한다. 이 태그는 브라우저로 웹 사이트를 접속했을 때 웹 문서의 형식 및 버전을 식별하기 위해 존재 하는 코드이다. 왜 써야 할까? 해당 태그가 없다고 해서 사이트가 출력이 안 되는 것은 아니다. 태그가 없이 출력하게 되면 브라우저가 쿼크 모드(Quirk Mode)로 렌더.. WEB/FrontEnd 2024.08.30
arp spoofing 공격과 telnet 서버 구축 방법 칼리리눅스를 사용하여 telnet 서버 구축 및 arp spoofing 공격을 가상머신환경에서 실습하겠다.환경 사항-모든 PC는 같은 환경에 존재한다.-목적운영체제IP addr공격자칼리 리눅스192.168.111.120/24telnet 서버칼리 리눅스192.168.111.100/24타켓윈도우 10192.168.111.110/24게이트웨이 192.168.111.11. telnet 서비스 란?간단하게 호스트에 원격으로 접속할 수 있게 해주는 서비스이다. 대표 적으로 원격 접속 서비스는 ssh와 telnet이 있는데 telnet은 평문 전송을 하기 때문에 보안에 취약하며 현 시점 보안 원격 접속인 ssh를 사용하는게 좋다.2. arp spoofing이란?먼저, 모든 네트워크 장비는 고유한 물리적 주소인 MAC.. Linux/Kali linux 2024.08.21
큐넷 군경력 서류 발급 및 제출 방법(방문제출!) 대한민국 남자라면 군대를 가야된다. 군대를 갔다왔을 때 내가 동일분야의 주특기,보직으로 병과를 받았다면 내 전공 자격에 대한 혜택을 받을 수 있다. 나 같은 경우 산업기사 취득 후 군대를 2년 갔다온 케이스이다. 산업기사 + 군경력으로 기사 응시 자격을 얻게 되었다. 군경력 증명서 발급과 제출 방법에 대해서 포스팅해보자!1. 응시자격 확인먼저, 귀찮은 발걸음 하기 전에 내가 확실하게 응시자격이 되는지 확인해야 된다.https://www.q-net.or.kr/crf006.do?id=crf00641&gSite=Q&gId= 군 병과 경력인정 범위 - 국가기술 자격제도 | Q-net국가기술 자격제도 군 직무분야별 병과 경력인정 범위 (육군, 공군, 해군)www.q-net.or.kr큐넷에서 해당하는 군을 선택하고.. License 2024.08.16
sc-900 자격증 취득 방법 및 후기(+덤프사용) Fundamentals-Level CertificationsAZ-900DP-900AI-900SC-9001. SC-900이란?microsoft 사의 Azure 자격증 중 fundamentals 등급의 자격증이며 가장 기본 우리 나라로 치면 기능사 필기 정도라고 생각하면 될거 같다. 위 표의 자격증 중 SC-900은 클라우드 보안과 관련된 자격증이다.시험 주요 범위는 아래와 같다.보안, 규정 준수 및 ID의 개념 설명Microsoft Entra 기능 설명Microsoft 보안 솔루션 기능 설명Microsoft 규정 준수 솔루션의 기능 설명2. 시험 방식응시 장소 : 온라인시험 시간 : 45분문항 개수 : 45개 정도 나왔던 것 같다.합격 커드라인 : 700점 이상3. 취득 방법 및 후기나는 대학교에서 방학 .. License 2024.08.16
정보처리기사 필기 단기 합격 후기 및 공부 (일주일 천둥치기) 1. 합격 후기 올해 방학때는 무엇을 하지라는 생각에 생산적인 것을 하기 위해 정보처리기사 필기 시험을 신청하게 되었다.시험당일(7월 13일)까지 남은 기간 단 일주일... 학기가 끝나고 충분히 기간이 있었으나.. 술,게임,넷플릭스의 영향이 너무나 컸다... 무튼 3주 만에 책상에 앉아 이전에 사놓은 책으로 무작정 공부하며 하루하루를 보냈고 결과는 매우 흡족하다.시험 공부 기간 7일.. 공부할때 각 과목마다 40점 넘고 총 점 60점만 넘자는 생각으로 응시했는데 결과가 너무 잘 나와서 놀랐다. 2. 시험 방식과 공부 방법정보처리 기사 필기 시험은 CBT( Computer Based Test )방식으로 보게 된다.CBT는 컴퓨터 기반 시험이고 PBT는 시험지 기반 시험이라고 생각하면 쉽다. 처음으로 CBT.. License 2024.08.10