본문 바로가기

전체 글118

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.
textarea에서 커서의 마지막 위치 확인 .prop("selectionStart"); selectionStart 값을 가져오면, 해당 폼 혹은 textarea에서 커서의 위치를 알 수 있다. 2017. 10. 10.
320x100