조젤리의 개발일기

indexOf 는 앞에서 부터 문자열 찾기 lastIndexOf는 뒤에서 부터 문자열을 찾는다고 생각하면 된다. indexOf(검색할 값 , 시작위치) - 시작위치에서 부터 검색할 값을 찾기 시작하는 속성이다 여기서 시작할 위치가 생략이 될 경우(indexOf("3"))에는 시작위치의 값을 0으로 인식하여 처음부터 검색을 시작한다. 일치하는 결과값이 없을 경우에는 -1로 결과를 리턴 var str = "123456123456123456" ; console .log(str. indexOf ( "3" )); // 결과 : 2 console .log(str. indexOf ( "3" , 10 )); // 결과 : 14​ lastIndexOf() 메서드는 주어진 값과 일치하는 부분을 fromIndex로부터 역순..

DecimalFormat을 이용하여 숫자에 콤마를 찍어 나타낼 수 있다. DecimalFormat 은 NumberFormat을 상속받고 있다. 1 2 3 4 5 6 7 8 9 10 DecimalFormat formatter = new DecimalFromat("###,###"); int price1 = 123; int price2 = 1234567; System.out.println("prince1==>"+formatter.format(price1); System.out.println("prince1==>"+formatter.format(price2); //결과 //123 //123,456 Colored by Color Scripter cs 소수점 나타내기 .#을 활용하여 콤마 뿐만아닌 소수점 자리수를 ..

Arrays.sort() 함수를 이용하면 올림차순과 내림차순 정렬이 가능하다. ex1.올림차순 int arr = {5,2,4,1,6,3}; Arrays.soty(arr); for (int i = 0; i

split() 함수는 특정 문자열을 기준으로 문자열을 나누어 배열에 넣어 줄 때 사용할 수 있는 함수이다. 예를들어 전화번호를 010-1234-5678로 들어왔을 때 -를 기준으로 나눠주고자 한다면 split("-") 사용하면 된다. 1 2 3 4 5 6 7 8 9 10 11 String str = "010-1234-5678"; String [] phNo = str.split("-"); for(int i =0; i

단어 사이에 & 또는 / 등의 구분자를 넣어 String으로 보내야 하는 경우가 있다. 예를 들어, 에어팟,아이폰,아이패드,맥북 을 => 에어팟&아이폰&아이패드&맥북 형태로 만들어 주려고 한다. 1 2 3 4 5 6 7 8 9 10 StringBuilder stringbuilder = new StringBuilder(); ArratList list = [에어팟,아이폰,아이패트,맥북] for (String str : list) { stringbuilder.append(str); stringbuilder.append("&"); } target = stringbuilder.toString(); //결과 : 에어팟&아이폰&아이패트&맥북& cs 이런 경우 마지막 맥북 뒤에도 &가 붙어 버린다. 이러한 경우에 사용..

a= [ { 가:"1", 나: "2" }, { 가요: 11, 나요: 22 }, 배열 안 객체의 값 수정 a[0].가="123" 배열 안 객체의 키와 값 추가 a[0].[다]="12345" 결과 => a= [ { 가:"123", 나: "2", 다: "12345", }, { 가요: 11, 나요: 22 }, ] 배열의 마지막 행 삭제 var popResult = a.pop(); 결과 => a= [ { 가:"123", 나: "2", 다: "12345", }, ] 객체 안 배열의 값 삭제 delete a[0].가; 결과 => a= [ { 나: "2", 다: "12345", }, 연습 자료 var objArry2 = { item : [{ a0 : "a0", b0 : "b0", c0 : "c0", d0 : "d0" ..

SheetJS는 배열, json, html 형태 등 다양한 형태의 데이터로 엑셀 파일을 생성해 주는 오픈 소스이다. 1. SheetJS를 사용하기 위해서는 라이브러리를 추가해주어야 한다. 1. 엑셀 Workbook을 생성하고 2. 데이터(배열/json/html table) 가져와서 sheet 만들고 3. workbook에 만든 시트를 추가 4. 엑셀 파일을 만들고 5. 다운로드 받을 수 있게 처리 html table을 다루겠다. excel download 엑셀파일 다운로드 ... main.js 스크립스에 버튼과 테이블에 대한 클릭 시 exportExcel 함수 호출 과 table의 id값과 파일명, 시트명 등 본인이 설정한 값에 대한 수정을 해준다. const excelDownload = document..

https://lookingfor.tistory.com/entry/logitec-reconnect 로지텍 무선 마우스 (또는 키보드) 다른 리시버와 연결하기 로지텍 마우스 USB 리시버 연결 오늘 카페에서 작업하려고 로지텍 무선 마우스를 가지고 왔는데, 두둥.. USB 리시버가 노트북에 꽂혀 있어서 문제없을 거라 생각했는데, 다른 로지텍 마우스의 USB lookingfor.tistory.com

Typo in static class property declaration porpTypes생성 중 발생된 오류 소문자 대분자를 주의해서 사용하자 PropTypes(x) propTypes(0) Food.propTypes = { name: PropTypes.string.isRequired, picture: PropTypes.string.isRequired, rating: PropTypes.string.isRequired };

prop-types란? props는 전달받은 props가 내가 원하는 props인지 확인해주는 역할을 한다. 프로젝트 파일에 들어가서 npm i prop-types를 해준다. 설치확인은 package.json에서 확인 설치방법 프로젝트 파일에 들어가서 npm i prop-types를 해준다. 설치확인은 package.json에서 확인 사용이유 만약 ⇒ picture를 보내야 하는데 imges를 보내거나 한다면 props가 들어가지 않을 것이고 component는 제대로 작동하지 않을 것이다. 때문에 prop-types를 사용한다. 사용방법 import PropTypes from "prop-types”