본문 바로가기

Programing371

글자 간격 조절 (letter-spacing, word-spacing) 두 스타일 속성의 차이 letter-spacing : 글자와 글자 사이를 조절 (자간) word-spacing : 단어와 단어 사이를 조절 보통은 letter-spacing으로 자간을 조절한다. letter-spacing의 속성값 px, em 같은 단위 또는 % 자간조절테스트 출처 : 웹 표준의 정석 (고경희 저) Programing/CSS 2024. 2. 26.
텍스트의 대소문자를 변환 (text-transform) 한글에는 적용 안 된다. 영어를 대소문자 또는 전각 문자로 변환한다. 속성값 none : 변환하지 않는다. 기본값. capitalize : 첫 번째 글자를 대문자로 변환 uppercase : 모든 글자를 대문자로 변환 lowercase : 모든 글자를 소문자로 변환 full-width : 가능한 모든 문자를 전각 문자로 변환 출처 : 웹 표준의 정석 (고경희 저) Programing/CSS 2024. 2. 26.
2024년 내일배움캠프 React_5기 나는 2024년 2월 19일부터 스파르타코딩클럽의 내일배움캠프 과정에 합류하였고, 웹 프론트 엔지니어 양성 과정 - React 5기에 참여하게 되었다. 이 포스트는 스파르타코딩클럽에서 마련해 준 질문지를 정리하여 계속해서 나만의 답변으로 업데이트 해 나갈 예정이다. 스타터 노트 1. 내가 React 트랙에 참여한 계기는 무엇인가요? 나는 문과 출신에 10여년 간 해왔던 일도 컴퓨터나 개발과는 전혀 상관없는 지극히 문과적인 일을 해왔다. 따라서 처음에는 React 트랙이라는 문구가 눈에 들어오지도 않았고 무슨 의미인지 교육생 모집 상세 커리큘럼을 보아도 그저 스쳐지나가는 정보였다. 따라서 React 과정이라는 것을 빼놓고 내가 웹 프론트 엔지니어 양성 과정에 신청하게 된 이유에 대해서 설명해야겠다. 이전 .. Programing/TIL 2024. 2. 26.
텍스트에 그림자 효과 주기 (text-shadow) 입체감 있는 글자를 표현한다. 속성값 none : 그림자를 없앤다 (지정하지 않았을 때 기본값임.) 가로 거리 : 필수 속성. 양수는 글자의 오른쪽, 음수는 글자의 왼쪽에 그림자를 만든다. 세로 거리 : 필수 속성. 양수는 글자의 아래쪽, 음수는 글자의 위쪽에 그림자를 만든다. 번짐 정도 : 기본값은 0. 양수는 모든 방향으로 번짐, 음수는 모든 방향으로 축소. 색상 : 기본값은 현재 글자 색. ㅎㅎ ㅎㅎ ㅎㅎ 출처 : 웹 표준의 정석 (고경희 저) Programing/CSS 2024. 2. 26.
텍스트 줄 표시/미표시 (text-decoration) 밑줄을 긋거나, 취소선을 표시할 때 사용한다. 하이퍼링크를 생성하면 밑줄이 자동으로 생기는데 이를 없앨 때도 사용한다. 속성값 none : 밑줄 미표시 underline : 밑줄 표시 overline : 윗줄 표시 line-through : 취소선 표시 취소선입니다. 또는 p { text-decoration: line-through; } 출처 : 웹 표준의 정석 (고경희 저) Programing/CSS 2024. 2. 26.

티스토리툴바