< Code diaries />

📌 CSS Overflow 관련 속성 정리 (표)속성설명주요 값비고overflow넘친 콘텐츠 처리 방식visible, hidden, scroll, auto기본값 visibleoverflow-x가로(수평) 방향 오버플로우visible, hidden, scroll, auto수평 스크롤 여부 결정overflow-y세로(수직) 방향 오버플로우visible, hidden, scroll, auto수직 스크롤 여부 결정overflow-wrap단어가 넘칠 경우 줄 바꿈 처리normal, break-word, anywhereword-wrap과 유사overflow-anchor스크롤 위치 자동 조정 방지auto, none레이아웃 변경 시 자동 스크롤 방지text-overflow텍스트가 넘칠 때 표시 방식clip, elli..

🚀 PascalCase vs camelCase 차이점 정리✅ 둘 다 여러 단어를 이어 붙여 네이밍할 때 사용하는 방식이지만, 첫 글자의 대소문자가 다름✅ 사용되는 곳이 다름 (클래스 vs 변수, 함수 등) ✅ PascalCase란?✅ 각 단어의 첫 글자를 대문자로 시작하는 표기법✅ 공백 없이 모든 단어를 연결✅ 주로 클래스(Class), 생성자 함수(Constructor), 타입(Type)에서 사용됨 class Person {} // ✅ 클래스 이름function Animal() {} // ✅ 생성자 함수type UserData = {} // ✅ TypeScript 타입  ✅ camelCase란?✅ 첫 단어는 소문자로 시작하고, 이후 단어의 첫 글자만 대문자로 작성✅ 일반적인 변수, ..

오늘  HTML 소스에서 data-* 속성을 적는다.text  CSS에서 attr() 을 이용하여 불러들일 수 있다.attr()은 content에서만 사용할 수 있으며, 동적으로 요소의 속성 값을 가져올 수 있음.h1::after { content: attr(data-title); color: red; font-size: 16px;}// 결과 helloh1::before { content: "Prefix - " attr(data-title); font-weight: bold; color: blue;}// 결과 "Prefix - hello"h1::after { content: " (" attr(data-title) ")"; font-size: 14px; color: gray;}// 결과 (..

1. 현재 포트 점유상태 확인8080포트를 사용중인 프로세스를 확인한다. 결과에서 PID값을 확인하여 종료시킬 수 있다.lsof -i :8080 2. 위에서 확인한 PID 숫자를 적어서 해당 프로세스를 종료하여 포트를 비워줄 수 있다.kill -9 [PID]// 예를들어 PID 가 381이면 // kill -9 381 하면된다.

1. 방금 한 커밋 취소(push 이전)git reset --soft HEAD git log로 커밋이 존재할 때에만 삭제 가능 git loggit reset --soft git log로 커밋아이디를 확인 후, 원하는 것만 삭제 가능   2. git 저장소 삭제rm -rf .git rm : remove-r : 폴더와 하위 파일까지 삭제-f : 강제실행.git : 삭제할 폴더

1. 다음중 설명과 맞는 것을 모두 고르시오 ( A, C )A. 제목을 나타내는 태그는 총 6가지가 있으며, ~ 까지 이다.B. 문단을 나타내는 태그는 이다.C. 문서의 제목을 나타내는 태그는 안에 있다D. , 태그는 내용중 중요하거나 경고하는 것의 역할을 하는 태그이다.   2. 제목을 나타내는 헤딩요소들에 대한 설명으로 바르지 않은 것을 모두 고르시오. (C, D)  A. 블럭레벨 요소 이다.B. 내부에 인라인레벨 요소를 컨텐츠 요소로 포함 할 수 있다.C. 내부에 블럭레벨 요소를 컨텐츠 요소로 포함 할 수 있다.D. 계층구조를 지키지 않아도 무방하며, 제목이 필요시 언제든지 사용할 수 있다.  3. VS code 문제입니다. HTML template을 불러오는 단축키는? ! + Tab ke..