Math.ceil(x) : 올림 입력받은 숫자를 올림한 정수를 반환 Math.floor(x) : 내림 입력받은 숫자를 내림한 정수를 반환 Math.round(x) : 반올림 입력받은 숫자의 소수점 첫 번째 자리에서 반올림 후 반환 Math.min(x, y, z, ... ) 입력값들 중 가장 작은 값 반환 Math.max(x, y, z, ... ) 입력값들 중 가장 큰 값 반환 Math.abs(x) 입력받은 숫자의 절댓값 반환 Math.sqrt(x) 입력받은 숫자의 제곱근 반환 Math.pow(x, y) x의 y제곱을 반환

배열, 문자열에서 특정 문자의 위치를 찾기 위해 사용할 수 있다 string.indexOf(searchValue, fromIndex) [].indexOf(searchValue, fromIndex) searchValue 찾을 요소. 대소문자 구분 fromIndex 옵션값. 검색을 시작할 인덱스 생략하면 기본값 0 만약, 배열의 길이보다 크거나 같으면 -1 반환 반환값 searchValue로 전달된 값을 찾아 첫 번째로 검색된 요소의 인덱스를 반환 찾을 수 없다면 -1을 반환

리액트 프로젝트에 폰트를 적용해 주자 폰트 다운로드하기 먼저 구글 폰트에서 원하는 폰트를 다운로드한다 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 스타일의 폰트들만 프로젝트 상단에 assets/font 폴더를 만든 뒤 넣어주었다 css 파일 작성하기 다운로드한 폰트를 사용하기 위해 css파일을 만들고, 각 폰트를 선언해 준다 @font-face { font-family: 'Dohyeon'; src: url('../assets/fonts/DoHyeon-Regular.ttf') format('t..

스크롤 바에 스타일을 적용하기 위한 CSS코드를 정리한다 webkit 브라우저 스크롤바 속성에는 ::-webkit-scrollbar : 스크롤바 전체 ::-webkit-scrollbar-thumb : 스크롤바 막대 ::-webkit-scrollbar-track : 스크롤바 막대 외부 ::-webkit-scrollbar-button : 스크롤바 방향 버튼 (위/아래 화살표) 등이 있다 이 속성들은 webkit 기반 브라우저인 크롬, 엣지, 오페라, 사파리에서 적용된다 .example::-webkit-scrollbar { /* 스크롤바 너비 */ width: 12px; } .example::-webkit-scrollbar-thumb { height: 500px; /* 스크롤바의 색상 */ background..

https://fkhadra.github.io/react-toastify/how-to-style/ How to style | React-Toastify ## Override css variables fkhadra.github.io 위 사이트를 참고해 toast의 스타일을 커스텀하게 작성해 보았다 커스텀 스타일 작성 일단 styled-components를 사용해 원하는 스타일을 만들어준다 위 사이트에 원하는 속성을 검색하면 클래스 명을 찾을 수 있다 export const StyledToastConatiner = styled(ToastContainer)` margin-right: 40px; .Toastify__toast { display: flex; align-items: center; width: 300..

리액트 프로젝트에서 텍스트 에디터로 react-quill을 써보았다 https://www.npmjs.com/package/react-quill react-quill The Quill rich-text editor as a React component.. Latest version: 2.0.0, last published: a year ago. Start using react-quill in your project by running `npm i react-quill`. There are 751 other projects in the npm registry using react-quill. www.npmjs.com 일단 설치를 한다 npm install react-quill 그리고 import후 바로 불러..