👁🗨FRONT-END17 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. 프로그래머스 - 직사각형 별찍기(자바스크립트) https://school.programmers.co.kr/learn/courses/30/lessons/12969 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); let star = '' for (let i = 0; i < a; i++){ star = star+'*' } for (let j=0; j 2023. 3. 2. 불변 객체 불변 객체를 만드는 방법 자바스크립트 변수 복사 비교( 기본형데이터, 참조형 데이터) 아래 게시물을 다 이해했다는 가정에서 쓰는 글입니다.!! greenteafrog.tistory.com 위 포스팅의 마지막 부분을 보면 알 수 있듯이 참조형 데이터의 '가변'은 데이터 자체가 아닌 내부 프로퍼티를 변경할 때만 성립한다고했다. 데이터 자체 ( 새로은 데이터(객체)를 할당 하면 )를 변경 하면 기본형 데이터와 마찬가지로 기존데이터는 변하지 않는다. ( 새로운 데이터 주소를 저장 할 뿐이다 ) 이때 내부 프로퍼티를 변경할때마다 새로운 객체를 할당하기로 약속한다면 객체역시 불변성을 확보할 수 있다. 객체 가변성의 문제점 얕은 복사 var user = { name: 'eastzoo', age: 25 }; var n.. 2023. 2. 16. 이전 1 2 3 4 5 다음
