분류 전체보기143 [javascript] 문자열 포함 확인하기 /includes/match/indexOf/lastIndexOf 자바스크립트 다양한 방법으로 문자열 포함 확인하기 1. String.includes() var str = 'testofstring' str.includes('of') //true str.includes('st') //true str.includes('as') //false includes는 true/false 의 boolean 형태로 반환 해당 문자열을 포함하면 true, 없으면 false 단순하게 true, false 값만 필요할 때 사용 2. String.match() var str = 'testofstring' str.match('of') //["of", index: 4, input: "testofstring", groups: undefined] str.match('st') //["st", inde.. 2021. 4. 16. Material-UI TextField 속성 error와 JavaScript test()를 이용한 validation (유효성검사) JavaScript가 제공하는 test메서드와 TextField가 제공하는 error와 helperText를 이용하여 간단히 validation 구현 JavaScript 정규식표현을 이용한 test메서드 활용하기 let checkSpc = /[~!@#$%^&*()-=_+{}|,./?;':"]/; let checkKor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; let checkEng = /[a-z | A-Z]/; //대문자 소문자 구분 checkSpc.test('a') // false checkSpc.test('ㄱ') // false checkSpc.test('!') // true checkKor.test('a') // false checkKor.test('ㄱ') // true checkKor.test('!') .. 2021. 3. 23. Material-UI Table Header 고정하기 Material-ui Table 속성 StickyHeader 이용하기 태그를 이용하여 header를 고정 시키려면 style의 top의 값을 이용하여 직접 계산해서 만들어줘야하는데 Material-ui의 Table에는 친절하게 StickyHeader가 있다. 아래의 코드는 height의 크기를 지정하고 scroll로 table을 내리면 헤더가 고정되지 않고 전부 내려간다. import React from 'react'; //material import import Paper from '@material-ui/core/Paper' import Table from '@material-ui/core/Table'; import TableBody from '@material-ui/core/TableBody'; i.. 2021. 1. 30. React에서 Material-UI 이용하기 1. Material-UI 소개 Material-UI이는 React UI Framework 종류 중 하나입니다. Material-UI 홈페이지에서도 Material-UI를 React components for faster and easier web development. Build your own design system, or start with Material Design. 라고 소개하고 있네요. 2. Material-UI 설치 1. React 프로젝트 생성 //npm 이용 npm init react-app material-tutorial //yarn 이용 yarn create react-app material-tutorial npm과 yarn 둘 중 편한것을 이용하여 프로젝트를 생성합니다. 2. M.. 2021. 1. 26. MAC 단축키 Screent shot //전체화면 command + shift + 3 //직접 지정 command + shift + 4 //실행 화면 command + shift + 5 직접 캡쳐가 필요했지만 기억하려고 적어두기 Chrom 개발자 모드 command + option + i 매직 마우스 오른쪽 클릭 설정 안해놓고 크롬에서 개발자 모드 들어가기가 그렇게 어려웠는지ㅠㅠㅠㅠ 그래서 찾은 단축키 숨김폴더 보기 command + shift + . .git 찾냐고 찾아본 단축키 ㅋㅋㅋㅋ 맥 초보라 git도 마우스로 ㅋㅋㅋㅋㅋㅋ 이모티콘 control + command + spacebar 말보다 표정이 먼저 ㅋㅋㅋ command + 알파벳 //사파리, 구글 새탭 열기, vscode 전체 검색 command + T /.. 2020. 11. 28. Django logging LOGGING = { 'version': 1, 'disable_exising_loggers': False, 'handlers': { 'console': { 'level': 'DEBUG', 'class': 'logging.StreamHandler', } }, 'loggers': { 'django.db.backends': { 'handlers': ['console'], 'level': 'DEBUG' }, } } setting.py에 추가하기 level을 변경하면 level에 따른 로그를 console로 볼 수 있다. 2020. 11. 12. 이전 1 ··· 3 4 5 6 7 8 9 ··· 24 다음 728x90 반응형
