본문 바로가기

자바스크립트13

for와 foreach for와 foreach의 차이 for = 동기(sync) foreach = 비동기(async)의 차이 for문 안에 오류가 나면 에러 위치 이후의 이벤트 동작하지 않고 멈춤. 비동기 방식으로 진행되기 때문에 foreach문 안에 에러가 발생하더라도 멈추지 않고 동작 인덱스를 생성하여 접근하는 for문보다 수행속도가 더 빠르다 ( 내장함수 이점) 배열이나 리스트 값을 변경하거나 추가할 수 없음 수정하는 행위가 불가능( 읽기 전용) 2023. 12. 13.

[styled-components] props 사용법 총정리!! A. 사용할 Button 컴포넌트 생성 // Button/index.jsx import * as S from "./button.style.js"; export const Button = ({ children, ...props }) => { return ( {children} ); }; // Button/button.style.js interface ButtonProps { width?: string; size?: string; color: string; } export const Button = styled.button` display: flex; width: ${(props) => (props.width ? props.width : "auto")}; align-items: center; justify-.. 2023. 7. 18.

불변 객체 불변 객체를 만드는 방법 자바스크립트 변수 복사 비교( 기본형데이터, 참조형 데이터) 아래 게시물을 다 이해했다는 가정에서 쓰는 글입니다.!! greenteafrog.tistory.com 위 포스팅의 마지막 부분을 보면 알 수 있듯이 참조형 데이터의 '가변'은 데이터 자체가 아닌 내부 프로퍼티를 변경할 때만 성립한다고했다. 데이터 자체 ( 새로은 데이터(객체)를 할당 하면 )를 변경 하면 기본형 데이터와 마찬가지로 기존데이터는 변하지 않는다. ( 새로운 데이터 주소를 저장 할 뿐이다 ) 이때 내부 프로퍼티를 변경할때마다 새로운 객체를 할당하기로 약속한다면 객체역시 불변성을 확보할 수 있다. 객체 가변성의 문제점 얕은 복사 var user = { name: 'eastzoo', age: 25 }; var n.. 2023. 2. 16.

기본형 데이터와 참조형 데이터(불변성, 가변성) 불변값 변수와, 상수를 구분하는 성질은 "변경 가능성" 입니다. 바꿀 수 있으면 변수, 바꿀 수 없으면 상수 입니다. 불변값과 상수를 같은 개념으로 오해하면 안된다. 변수와 상수를 구분 짓는 "변경 가능성"은 변수 영역 메모리 이다. 반면, 불변성 여부를 구분할 때의 변경 가능성의 대상은 데이터 영역 메모리이다. 기본형 데이터인 숫자, 문자열 , boolean, null, undefined, Symbol은 모두 불변값입니다. var num; num = 'Hello'; num = num + 'World'; var one = 1; var two = 1; two = 2; 만약, 2번째줄에서 저장된 문자열 "Hello" 에 "World" 를 추가하라고 하면 "Hello"가 저장된 공간 (@3000)에 "Hell.. 2023. 2. 11.

이전 1 2 3 4 다음

티스토리툴바