post-thumbnail

aria-label, aria-hidden (+내가 작성한 코드)

웹 접근성을 향상시키기 위해 HTML 요소에 레이블을 제공하는 속성으로 시각적으로는 텍스트가 없거나 적절한 설명이 부족한 요소에 사용하면 유용하다.주로 button 태그, 버튼 역할을 하는 span 태그 등aria-hidden 속성의 목적은 HTML 요소를 스크린 리더

2024년 5월 22일
·
0개의 댓글
·
post-thumbnail

::selection

사용자가 텍스트를 선택할 때 나타나는 선택 영역(마우스로 텍스트를 드래그 행위)의 스타일을 지정하는데 사용되는 CSS 선택자이다.일반적으로 이러한 선택자를 사용하여 텍스트가 선택될 때의 배경색, 텍스트 색상 등을 사용자 정의할 수 있다.

2024년 5월 21일
·
0개의 댓글
·
post-thumbnail

link 태그로 favicon 등록하기

rel="shortcut icon": 현재 페이지의 단축 아이콘을 지정합니다. 웹 브라우저는 이 아이콘을 웹사이트의 탭, 즐겨찾기 목록 및 다른 위치에 표시합니다.href="./src/favicon/notemate_favicon.ico": 이 속성은 favicon 파일

2024년 5월 16일
·
0개의 댓글
·
post-thumbnail

for, forEach

initialization (초기화): 반복문이 시작될 때 한 번만 실행되는 코드입니다. 일반적으로 반복 변수를 초기화하는 용도로 사용된다. (생략 가능)condition (조건): 각 반복마다 검사되는 조건입니다. 조건이 true이면 코드 블록이 실행되고, false

2024년 5월 8일
·
0개의 댓글
·
post-thumbnail

::befor, after (가상 요소 선택자)

가상 요소 선택자는 CSS에서 특정 요소의 가상 요소를 스타일링하기 위해 사용되는 선택자로 이 선택자는 HTML에 직접적으로 표시되지 않는 가상 요소를 대상으로 스타일을 적용할 수 있다.시맨틱한 구조 유지: 가상 요소를 사용하면 HTML에 직접적으로 추가하지 않고도 디

2024년 5월 6일
·
0개의 댓글
·
post-thumbnail

HTML 에밋 모음

button.btn\*6 button : 태그btn : class 명\*6 : 태그 수량

2024년 4월 7일
·
0개의 댓글
·
post-thumbnail

PIPE

파이프의 구조를 사진으로 나타내면 위 사진과 같다.파이프는 어떤 프로세스의 출력을 다른 프로세스의 입력으로 넣어주고 싶을 때 사용한다.위 사진대로 grep + "찾을 단어" + "찾을 파일" 을 사용하면 출력값을 얻을 수 있다.

2024년 3월 10일
·
0개의 댓글
·
post-thumbnail

Redirection

데이터 스트림의 흐름을 변경한다." > " 표시로 하면 아래 사진을 보면맨 처음 id 값을 id > pwd_result 로 보냈고, cat pwd_result 명령어로 파일 내용을 확인 하면 id 내용이 저장되는 것을 볼 수 있다.이 때, 기존에 저장했던 데이터는 삭제

2024년 3월 9일
·
0개의 댓글
·
post-thumbnail

데이터 스트림

연결지향통신에서, 전송된 정보를 수집하거나 정보를 전송할 때 사용되는 디지털 방식으로 암호화 된 일관된 신호의 흐름을 뜻함출처)https://ko.wikipedia.org/wiki/%EB%8D%B0%EC%9D%B4%ED%84%B0\_%EC%8A%A4%ED%8A

2024년 3월 9일
·
0개의 댓글
·
post-thumbnail

특수 권한

파일을 실행할 때, 그 파일의 소유주의 권한으로 실행한다.실행 부분에 setuid 가 설정되어있으면 -rwsr 처럼 s 로 표시가 된다./passwd --> 비밀번호를 변경하는 명령어s : 실행 권한이 있는 상태에서, setuid 가 설정된 상태S : 실행 권한이 없는

2024년 2월 27일
·
0개의 댓글
·
post-thumbnail

rwx (읽고, 쓰고, 실행하고)

리눅스는 계정이 존재한다 그러나 계정들을 어떻게 관리할까?\--> 파일이라면? : 그 파일을 읽을 수 있는지 확인\--> 디렉토리라면? : 그 디렉토리 안에 어떤 파일이 있는지 확인\--> 파일이라면? : 그 파일의 내용을 수정할 수 있는지\--> 디렉토리라면? : 그

2024년 2월 27일
·
0개의 댓글
·
post-thumbnail

passwd ( /etc/psswd )

리눅스의 사용자 정보가 들어있는 파일vi /etc/psswd 를 치고 들어갔을 때의 사진인데맨 왼쪽 파란색 글씨로 root: , damon: , bin: 한줄한줄이 사용자 이름이다.내가 만든 계정이 한개라도 칼리 리눅스에 기존 설치된 사용자가 50개 정도 된다.각각의

2024년 2월 27일
·
0개의 댓글
·
post-thumbnail

# UID/GID (#,$ 차이, sudo su)

컴퓨터는 기본적으로 여러 사람이 같이 쓸 수 있도록 만든 존재인데, 운영체제는 이를 도와준다. 여러사람이 쓰기 위해서는 식별이 필요한데 이 때 UID, GID 가 사용된다.사용자의 아이디를 나타내며 0~32767의 숫자로 나타내고 0은 슈퍼(root)유저를 나타낸다위

2024년 2월 26일
·
0개의 댓글
·
post-thumbnail

COPY, REMOVE, MOVE

말그대로 복사이며 두가지 옵션을 가질 수 있다명령어 : rm 옵션 : 삭제할 파일자주 사용되는 추가 옵션 : -f (=강제 삭제 기능)예) 1\. rm -r copy_dir2\. rm -rf copy_dirrm -rf / : 최상위 디렉토리를 모두 삭제한다

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

절대 경로 vs 상대 경로

경로 파일의 위치를 표현하는 방법 예) /(루트) etc (루트 안 etc 경로)/ passwd (루트 안 etc 경로 안에 passwd 파일이 있다) == 경로 절대 경로 최상위 디렉토리부터 위에서부터 아래까지 모두 표현하면 절대 경로가 된다. 상대 경로 현재

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

[리눅스] 칼리 리눅스 File System(/bin,dev, etc,home,lib,root,sbin,tem,var)

칼리 리눅스 파일이 어떤 목적으로 저장되는지 분류된 파일bin (binary) : 직역으로 이진수라는 뜻으로 0,1 로만 이루어진 디렉토리리눅스에서 사용하는 바이너리 파일dev (device) : 리눅스 연결되는 하드웨어 장치파일들이 저장된다.리눅스의 설정 파일들이 저

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

홈 디렉토리 [~], 파일 정보 확인 [ls -l, ls, ls -a, ls -al or la]

~ 뜻 : Home 디렉토리를 의미함특정 폴더, 파일의 자세한 정보를 얻고 싶을 때 사용한다.맨 처음 시작할 때 -rw 시작하는 부분에서 - 는 파일을 뜻한다그리고 ls -l 에서 drwxr 에서 d 로 시작하는 부분은 디렉토리를 의미한다.1) rw-r--r 1 roo

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

[리눅스] 디렉토리 관련 명령어

현재 작업 중인 디렉토리ex) pwd --> /home/kali디렉토리(directory)에 있는 내용(디렉토리, 파일 등)을 확인한다.cd 전달 인자다른 디렉토리로 이동할 수 있는 명령어 (위 사진에서 / 는 root 디렉토리이다.)

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

명령어 구조 특징 [명령어,전달인자,옵션]

명령어iconfig, id 등등...예) ping 8.8.8.8 -c 3ping (Packet INternet Groper) : 대상 컴퓨터를 향해 일정 크기의 패킷을 보낸 후, 대상 컴퓨터가 이에 대한 응답 메세지를 보내면 이를 수신하여 대상 컴퓨터 동작 여부 혹은

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

Shell, ps -ef, ppid , pid

쉘(Shell)은 운영체제에서 사용자가 입력하는 명령을 읽고 해석하여 대신 실행해주는 프로그램ps : 현재 쉘에서 진행중인 프로세스에 대한 정보 확인ps -e : 시스템에서 실행 중인 모든 프로세스 표시ps -f : 전체 포맷으로 프로세스 정보를 표시ps -f 를 입력

2024년 2월 25일
·
0개의 댓글
·