TIL

git checkout -b 브랜치이름 💡 git checkout -b 명령어를 사용해 새 브랜치 생성 git switch-c 브랜치이름 💡 git switch-c 으로 브랜치를 생성함과 동시에 브랜치를 이동할 수 있다. 기존 git commit history 삭제 💡rm -rf .git/ 기존 git을 삭제할 수 있다. 🚨기존 git commit history 삭제 희망 시 프로젝트 폴더에서 git 파일 삭제 필요

import React from "react"; import LetterItem from "./LetterItem"; import styled from "styled-components"; export default function LetterList({ letters, text, onDeleted, onEdit, personName, }) { return ( {text} {letters ?.filter( (letters) => !personName || letters.personName === personName ) .map((filteredLetter) => ( ))} ); } 구현하고 싶었던 것 letters를 filter하는데 personName이 있으면 personName과 일치하는 리스트를 넣..

이런 에러가 나서 구글링을 했는데 어떤 천사분께서 너무 명쾌하게 답을 적어 두셨다. ❓map이 reading할게 없다고 화를 내는 중이다. 수정 전 코드 export default function LetterList({ letters, text, onDeleted, onEdit }) { return ( {text} {letters.map((letter) => ( ))} ); } 수정 후 코드 export default function LetterList({ letters, text, onDeleted, onEdit }) { return ( {text} {letters?.map((letter) => ( ))} ); } 💡letters?.map으로 바꿔주면 letter가 있을때 map을 할 것이기 때문에!!..

에러를 보니 prevLetter is not iterable interable 에러는 Array, String, Map, 생성자 결과와 같은 것이 " 너 지금 값 잘못주고 있잖아!! 나보고 어쩌라고!!! " 하고 화를 내는 것이다. 수정 전 코드 const onSubmit = (prevLetterse) => { const newLetter = [...prevLetterse].map( (prevLetters) => prevLetters.id === letters.id ); setLetters(newLetter); }; 내가 생각했을 때에는 const onSubmit = (이전 배열들) => { const newLetter = [...이전 배열을 펼쳐서].map( (이전배열에) => 이전 배열들의 아이디 중..

includes includes는 배열 매서드이다. 배열의 항목에 특정 값이 포함되어 있는지를 판단하여 적절히 true또는 false를 반환해준다. function solution(numbers) { let num = 0 for(let i = 0; i

나중에 잘 사용할 것 같은데 repeat라는 매서드를 처음 알게되어 메모하고자 TIL 작성!! 문제는 다음과 같다. repeat매서드와 slice 함수를 사용해 만들어 주었다. repeat () 매서드 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다. repeat () 매서드 사용방법 str.repeat(count); " A.repeat(3) = AAA " 아주 쉽쥬? 그래서 내가 작성한 코드는 다음과 같다. function solution(phone_number) { return '*'.repeat(phone_number.length-4)+phone_number.slice(-4) }

1. useState 사용 시 주의할 점 export default function HwaSa() { const [letter, setLetter] = useState(""); const onAddLetter = (letter) => { setLetter([...LetterList, letter]) }; return ( ); } 다음과 같은 코드를 작성할 때, const onAddLetter = (letter) => { setLetter([...LetterList, letter]) }; 이렇게 작성하는 것은 문제가 발생될 수 있다. 📖[...LetterList, letter] 의 순서는 무엇을 먼저 나열할 것 인지를 말해준다 ❓ useState는 변경된 상태를 리렌더링하는 과정에서 어떤 부분이 바뀌었는지..

오늘도 바보같은 실수를 하였으니 만천하에 공개하도록 하겠다. const router = createBrowserRouter([ { path: "/", element: , errorElement: , }, { path: "/root", element: , children: [ { path: "/solar", element: }, { path: "/Moonbyul", element: }, { path: "/hwasa", element: }, { path: "/wheein", element: }, ], }, { path: "/detail", element: , }, { path: "*", element: , }, ]); function App() { return ; } export default App; ro..

날짜를 구해서 Dday를 구하고 싶었다. 처음 작성한 코드는 아래와 같다. export default function Todo({ todo, onIsDone, onDelete }) { const handleIsDone = () => { const status = todo.status === "working" ? "isDone" : "working"; onIsDone({ ...todo, status: status }); }; const handleDelete = () => onDelete(todo); const planDate = new Date(todo.date); const nowDate = todo.today; const gapTime = planDate.getTime() - nowDate.getTi..

Redux ➡️전역상태 관리 라이브러리 State는 2개로 구분지을 수 있다. Local state = useState이용한 상태(컴포넌트 안에서 사용되는 State) Global state = 전체적인 상태 (redux) -- yarn 설치방법 -- yarn add redux react-redux package.json에서 확인해보기 -- Redux 폴더이름 만들기 -- 일반적으로 Redux를 사용할 폴더이름은 아래와 같이 만든다고 한다! ⬇️redux폴더 아래 ⬇️modules폴더 아래 ✅actions: 액선타입과 액션 생성자 함수를 정의 ✅ reducers: 상태의 일부를 관리하는 리듀서 함수 포함 ✅ selectores: 상태 트리에서 특정 부분을 선택하는 선택자 함수 ✅ middleware: 사..