데이터 정렬과 데이터 보존 sort() [...array]

보호되어 있는 글입니다.

2023.06.16

Array, Object State 변경하기

복사, 수정, 적용 array나 Object로 된 state를 변경할 때는 기존 state를 copy하여 수정 한 후 setState 해줘야 한다. let [title, setTitle] = useState(['남자코트 추천', '강남 우동맛집', '리액트 독학']); { let copy = [...title]; copy[0] = '여자코트 추천'; setTitle(copy); } }>글 수정 setState(변경할 값) 함수의 동작 특징 기존 state와 변경될 state를 비교 후 다를때에만 state 변경을 해준다. array, object의 특징 JavaScript에서 array와 object가 담겨있는 변수에는 해당 값이 저장되는것이 아니라, 해당값이 저장되어 있는 공간에 화살표만 저장된다. s..

2022.11.11

jQuery click pop

CSS .pop{} .pop .modal_box{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .7; display: none; z-index: 50;} .pop .popup{position: fixed; top: 50%; left: 50%; margin: -300px 0 0 -300px; width: 600px; height: 600px; background: #fff; box-shadow: 1px 3px 7px 0px #666; z-index: 100; display:none;} .pop .popup img{width: 94%; margin:20px 3%;} .pop .popup p{widt..

2021.12.14

Object 내장객체

내장객체 자바스크립트 내에 이미 만들어져 있는 객체 1. Number Object ＊숫자일 때 사용할 수 있는 객체 숫자.toFixed(1); 소수점 둘째 자리에서 반올림해서 소수 첫째 자리로 반환 var number = 273.5210332; var output = ''; output += number.toFixed(1) + '\n'; // ★number에 값이 숫자이기 때문에 메소드 사용 가능 output += 10.244457.toFixed(4); // 그냥 숫자도 가능 console.log(output); 2. String Object ＊ 문자일 때 사용할 수 있는 객체 문자.length 문자 열의 갯수를 숫자로 반환 문자.toUpperCase(); 소문자를 대문자로 반환 var character..

2021.12.01

JavaScript - 4, 5. 변수와 배열

변수 Variable 프로그래밍에서의 변수는 '하나의 값을 저장할 수 있는 저장공간'입니다. 값을 저장할 때 사용하는 식별자 변수명은 영문, 숫자, _만 사용할 수 있다. (시작은 영문으로 하는게 좋다) 총 길이는 255자 이하로 사용한다. 변수 선언 방법 var 변수명; var 변수명 = 100; // 변수의 초기화 (변수를 만들자마자 값을 넣어 둠) var 변수명, 변수명; var i; //선언, undefined가 저장됨 var i, sum; // 한 번에 여러가지 변수를 함께 선언할 수 있음 var sum = 0; // 숫자의 선언과 초기화 var a = ''; // 문자의 선언과 초기화 var i = 0, sum = 10, message = "Hello"; // 선언과 초기화를 동시에 해줄 수 ..

2021.11.24