CASSIE'S BLOG

공식문서: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map let arr = [3, 4, 5, 6]; let modifiedArr = arr.map(function(element){ return element *3; }); console.log(modifiedArr); // [9, 12, 15, 18] map 함수에서 사용되는 콜백 함수의 매개변수 element는 배열의 각 요소를 나타냅니다. 즉, arr 배열의 각 요소에 대해 콜백 함수가 실행될 때, element 변수는 현재 처리 중인 요소의 값을 가지게 됩니다. 따라서 주어진 코드에서 element는 각각 3, 4, 5, 6이 되며, 콜백 ..

git stash를 사용하면 아직 완료되지 않은 작업을 일시적으로 스택에 저장할 수 있습니다. 따라서 아래와 같은 과정을 따를 수 있습니다: git stash: 현재 작업 디렉토리의 수정된 파일들을 stash에 임시로 저장합니다. git checkout main 또는 git switch main: main 브랜치로 이동합니다. git pull origin main: main 브랜치에서 원격 저장소의 최신 변경사항을 가져옵니다. git checkout cassie 또는 git switch cassie: cassie 브랜치로 다시 돌아갑니다. git stash pop: stash에 저장된 변경사항을 다시 적용합니다. 이렇게 하면 main 브랜치에서 pull 받고, cassie 브랜치로 돌아와서 stash에서..

JSX Fragment를 사용하면 부모 엘리먼트를 추가로 만들지 않고 여러 엘리먼트를 그룹화할 수 있습니다. JSX Fragment를 사용하면 문법적으로 편리하게 여러 엘리먼트를 묶을 수 있습니다. 따라서 가독성을 높일 수 있고, 불필요한 부모 엘리먼트를 생성하지 않아서 DOM 구조에도 영향을 덜 미치게 됩니다. return 문일 때도 쓴다. 예시: import styled from "styled-components"; const ProductGrid = (props) => { return ( ); }

https://www.npmjs.com/package/react-share/v/4.4.1 react-share Social media share buttons and share counts for React.. Latest version: 5.0.3, last published: 12 days ago. Start using react-share in your project by running `npm i react-share`. There are 366 other projects in the npm registry using react-share. www.npmjs.com 그냥 라이브러리 설치하고, 저렇게 사용하면 끝이다. import React from "react"; import { FacebookS..

this는 인스턴스 자신의 생성주소를 알려준다.

static이 왜 필요한지 알려면 이슈를 알면 이해하기가 편하다고함. 필드를 하나 출력하려고 하는데 그게 학번 아이디다. 이게 학교라는 시스템에서 각 학생의 고유한 번호를 자동으로 입력하는 변수라고 설정을 해보겠다. 문제가 인스턴스를 만들 때마다 즉 studentId를 1씩 올릴려고 하는데 어떤걸 참고해서 추적하는게 있어야 제가 1씩 올릴 거 아니에요. 아무것도 없는데 어떻게 인스턴스 만들 때마다 1씩 올려요. 그래서 학번을 추적하는 정보를 넣을거라고함. 학번을 추적하는 정보가 이번에는 2를 만들어야합니다. 이번에는 3을 만들어야합니다. 이런 식으로 즉 각각의 개체들 각각의 인스턴트들이 공통으로 보고 있는 곳이 있어야한다. 공동으로 관리하고 있는 영역이 있어야한다. 그래야 객체가 만들어질 때 아 나는 아..