react 썸네일형 리스트형 프론트 js 처음부터 뿌시기 5월 - 2 <React 및 Redux : 최적화> 안녕하세요! 오늘은 React와 Redux에 관한 학습 내용을 정리해 보려고 합니다. 컴포넌트 스타일링부터 상태 관리, 그리고 최적화까지 중요한 개념들을 다뤄볼게요.1. CSS in JS: 스타일드 컴포넌트React에서 스타일을 적용하는 방법은 여러 가지가 있지만, 요즘 가장 인기 있는 방식 중 하나는 CSS-in-JS입니다. 그 중에서도 styled-components는 npm 트렌드에서 Tailwind 다음으로 많이 사용되는 라이브러리입니다.기본 사용법yarn add styled-componentsVSCode를 사용한다면 vscode-styled-components 확장 프로그램을 설치하면 편리합니다.const StBox = styled.div` /* 여기에 스타일 작성 */ width: 100p.. 더보기 프론트 js 처음부터 뿌시기 5월 - 1 <React 기초 정리> 1. JS 기본 문법변수 선언let, const → 블록 단위 스코프var → 블록을 벗어나도 접근 가능 (함수 스코프) → 사용을 지양하는 추세Rest 연산자 (...)함수 매개변수, 객체 또는 배열에서 남은 요소들을 하나의 변수로 그룹화// 함수 매개변수로 사용function sum(...numbers) { return numbers.reduce((acc, current) => acc + current, 0);}// 객체에서 특정 속성을 제외한 나머지 속성들 추출const { password, ...sampleObj } = person;Null 병합 연산자 (??)좌변이 null이나 undefined일 경우에만 우변 값 사용|| 연산자와의 차이: ||는 모든 falsy 값을 평가하지만, ??는 nu.. 더보기 이전 1 다음