본문 바로가기

전체 글119

2줄 이상 여러줄 말줄임 처리시, 맨 아래 글자 짤림 현상 해결 여러줄 말줄임 처리시 아래와 비슷한 스타일 많이 사용함 .두줄이상말줄임 { max-height:70px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 위 코드의 overflow:hidden 으로 인해서 글자 Qpyjg 잘림 현상이 나타났음. padding-bottom 값 추가 { padding-bottom: 0.14em } padding-bottom 추가 했는데도 마지막 줄 글자가 짤린다면 max-height 조절이 추가로 되어야 함. 2021. 3. 25.
css3 placeholder 가상선택자, placeholder 글자색 바꾸기 input::input-placeholder {color:#ccc;} input::-webkit-input-placeholder {color:#ccc;} input:-ms-input-placeholder {color:#ccc;} input::-ms-input-placeholder {color:#ccc;} 크롬은 버전 58부터 프리픽스 없이 지원. 사파리 10.1, 오페라 47부터 프리픽스 없이 지원. IE10, 11은 :-ms-input-placeholder 로 사용. IE Edge는 ::-ms-input-placeholder 로 사용. IOS 사파리 10.2부터 프리픽스 없이 지원. 안드로이드 브라우저 56부터 프리픽스 없이 지원. 안드로이드 크롬 59부터 프리픽스 없이 지원. 2020. 12. 13.
[VS CODE] 찾아 바꾸기에서 정규식으로 대소문자 바꾸기 *VS CODE Relesase Notes: 1.47.3 내용 중 Editor 항목 참조하여 기록 함. 한글자만 대소문자 변경 키워드 \u // 대문자 \l // 소문자 문자열의 대소문자 변경 키워드 \U // 대문자 \L // 소문자 예제 (hello)(.*) // 검색할 문자열 정규식 \l$1\U$2! // 바꿀 형태 정규식 // Hello world -> hello WORLD! 2020. 7. 28.
Create React App, eject 하지 않고 Decorator 설정 CRA npm 모듈 중 Babel - Decorator 설정하기cra-project\node_modules\babel-preset-react-app 경로의 create.js 파일 133번째 줄false 값을 { legacy: true }로 변경하면 mobx에서 사용하는 방식의 데코레이터를 사용 할 수 있음. react-app-rewire-decorators-legacy 패키지가 CRA 2.x 부터 적용이 안되서 방법을 찾아보았고,eject을 하지 않고 하는 방법은 매 프로젝트 구성마다 해줘야 하는 방법을 찾게되어 기록하게 되었음. 2019. 2. 15.
Create React App + Scss + Mobx + git 개발 환경 구축 목표 개발 환경- React + Scss + Mobx 개발 환경 구축 - git을 사용한 버전 관리. (원격 저장소로 깃허브 혹은 깃랩 사용을 전제)- OS는 윈도우 10 개발 환경 설정 1. node.js 설치 - 10.15.0 LTS 버전을 설치하였음. - 윈도우 버전은 npm 6.4.1 버전이 같이 설치 됨. 리눅스는 따로 설치가 필요함. - ubuntu 에서는 업데이트가 느려서, curl을 사용, 특정 버전을 설치 할 수 있도록 해야함. - 본 포스트와 유사 버전으로 설치하기 위해서는 아래와 같은 명령어로 설치해야함. - "sudo apt-get install curl" (curl 이 없는 경우가 있어서 이것부터 설치해야 하는 경우가 있음.) - "curl -sL https://deb.nodeso.. 2019. 1. 9.
스마일 특수문자 ☺, ☻, ☹ ☺, ☻, ☹ White Smiling Face Black Smiling Face White Frowning Face ☺ ☻ ☹ U+263A U+263B U+2639 ☺ ☺ ☻ ☻ ☹ ☹ 2019. 1. 9.
320x100