[ CSS ] 너비에 패딩값 포함 CSS does the width include the padding? .box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } stackoverflow.com/questions/4698054/css-does-the-width-include-the-padding FE/CSS HEON.D 2021.01.25
[ JAVASCRIPT ] Tilde 연산자 1. tilde( ~ ) -(n+1) 2. double tilde( ~~ ) Math.floor() 다른 블로그에 보면 tilt 라고 오타 및 틀리게 읽는 사람들이 꽤 많은데 그런 내용들은 무시할 것 FE/Javascript HEON.D 2021.01.25
[ CSS ] Placeholder input::-webkit-input-placeholder { font-size: 90%; } input::-moz-placeholder { font-size: 90%; } input:-ms-input-placeholder { font-size: 90%; } input:-moz-placeholder { font-size: 90%; } input::placeholder { font-size: 90%; } FE/CSS HEON.D 2021.01.22
[ REACT ] React Emmet 설정 파일 > 기본 설정 > 설정 Window 이용자 : Ctrl + , Mac 이용자 : Command + , 작업영역(WorkSpace setting) Include Languages > setting.json 편집 클릭 아래 텍스트 복붙! { "emmet.includeLanguages": { "javascript": "javascriptreact" } } FE/React HEON.D 2021.01.21
[ JAVASCRIPT ] Moment 현재 주차 시작일 종료일 추출 코드 this.selectedDay = moment(); this.thisWeekMonday = moment().startOf('week').add(1, 'day').format('YYYY.MM.DD'); this.thisWeekSunday = moment().endOf('week').add(1, 'day').format('YYYY.MM.DD'); 해석 메소드를 체이닝하여 사용 moment() | 현재 타임스탬프 .startOf('week') | 현재 타입스탬프에 해당하는 주차의 첫날 ( 해당 날짜의 시작 일요일 ) .add(1, 'day') | 1일 증가 .format('YYYY.MM.DD') | 출력 형태 FE/Javascript HEON.D 2021.01.20
[ ANGULAR ] ngClass 종류별 표현식 방법 1 - 조건 방식 복수의 상황이 발생할 때 선언하기 좋음 [ngClass]="{‘my-class’: step==‘step1’}" 방법 2 - Switch 방식 하나의 변수가 케이스가 분리될 경우 좋음 [ngClass]="{1:‘my-class1’,2:‘my-class2’,3:‘my-class4’}[step]" 방법 3 - Optional 방식 조건이 Yes / No 로 확연히 구분되는 경우 좋음 [ngClass]="(step==‘step1’)?‘my-class1’:‘my-class2’" 방법 4 - Directive 선언 방식 조금 클래식한 방식, 비추천 [class.my-class]="step==‘step1’" FE/Angular HEON.D 2021.01.19
[ CSS ] 줄바꿈 (개행문자) 표시 방법 방법 You can use CSS white-space property for \n. You can also preserve the tabs as in \t. For line break \n: white-space: pre-line; For line break \n and tabs \t: white-space: pre-wrap; 링크 stackoverflow.com/questions/39325414/line-break-in-html-with-n/45178556 FE/CSS HEON.D 2021.01.19
[ NodeJS ] 구글메일에서 URL SCHEME 링크 제거 되는 이슈 증상 G메일은 네이버 메일과 다르게 http / https 프로토콜을 제외한 나머지 a href 속성은 제거된다. ( force Removed ) 따라서 URL SCHEME 링크를 걸 수 없다. 해결방법 일반 주소로 호출하고 리다이렉트 시킬 것 링크 예 로그인 리다이렉트 router.get('/confirm/:id', function(req, res, next) { res.redirect('app://emailAuthCompleted/' + req.params.id); }); 관련 링크 github.com/EddyVerbruggen/Custom-URL-scheme/issues/81 msol.io/blog/tech/sending-links-with-custom-url-schemes-through-email.. FE/NodeJS HEON.D 2021.01.19
[ Flutter ] CocoaPods 에러 CocoaPods not installed. Skipping pod install. smilehugo.tistory.com/entry/cocoapods-installed-but-not-initialized CocoaPods 설치한 후 초기화가 안될 때 (Flutter MacOS 셋업) Flutter(1.9.1+hotflix.2)를 맥OS에 설치를 할때 CocoaPods 설치한 후 초기화(Initialize)를 실행하면 아무런 표시가 안뜨는 것을 확인할 수 있고 flutter doctor를 실행해서 현재 flutter 셋업 상태를 확인할 때,.. smilehugo.tistory.com App/Flutter 라넌.B 2021.01.19