[ 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
[ LINUX ] 현재 사용중인 shell 확인하기 echo $SHELL 출처: countryxide.tistory.com/135 [shell] 현재 사용중인 shell 확인하기 현재 사용중인 shell 확인하기 echo $SHELL 결과 예시 맥에서 확인 결과 echo $SHELL /usr/local/bin/zsh 리눅스에서 확인 결과 echo $SHELL /bin/bash $SHELL? export를 실행해보면 현재 설정된 환경변수들이.. countryxide.tistory.com BE/OS 거북 2021.01.15
[ IONIC ] input 숫자만 가능하게 구현 www.notion.so/ranun/input-0415db1a20d74e748b1fc57b944ec862 input 숫자만 입력 가능하게 구현 /filter-number/filter-number.directive.ts www.notion.so FE/IONIC 라넌.B 2021.01.14
[ FLUTTER ] 16진수 색상을 style.dart 내부에 정의해서 사용하기 https://www.notion.so/alicerabbit/6eade804d49a4f6ba606e0bfd172c790 App/Flutter 거북 2021.01.13