마!내가바로왕만두다

복습 map 과 forEach 의 차이점  map은 배열의 각요소를 변환 하여 새로운 배열을 반환  forEach 각 요소를 순회하며 별도의 반환 값이 없음   기존배열을 복사하는 연산자는 spread operator 스프레드 연산자  화살표 함수 문법 (매개변수)=> {함수 본문}베이직반 4회차 . useState 비동기  setState 로 상태를 업데이트 하면  바로 바뀌지 않는다   useState로 상태를 변경하면 바로 바뀌는 게 아니라, React가 렌더링을 다시 할 때 바뀐다  그래서 상태를 업데이트하고 바로 그 값을 확인하려고 하면, 아직 업데이트되기 전의 값이 나올 수 있다 .  그래서 콜백 함수를 사용한다  왜 ?  이전 상태 값을 안전하게 읽고 그 값을 기반으로 새로운 상태를 설정할 ..

TIL 2024. 9. 24. 20:59

오늘은 todolist 의 update 를 해보았다  주말에 컴퓨터를 포맷했는데  그전까지 한 코드 짠 것을 커밋 안하고 포맷해서 다시 시작 했다 ㅎ ..  CRUD 중에  u까지 해봣다  forEach 와 map 에 대해서 햇갈려서  베이직 반 3 회차를 보면서 많이 헷갈렸는데 튜터님께 찾아가서  확실하게 차이점을 알고왔다  forEach 는 새로운 배열을 반환을 하지 않는다 필요안 작업만 한다  map 은 순회도 하고 새로운 배열도 반환 map을 쓰는 이유는 순회도 하고 새로운 배열도 만들기위해서이다  forEach((el)=>{} ) el부분에는 무조건 이름이 들어가야한다  return 값이 없다  이런 식으로  forEach 와 map의 차이점을 console.log 로 찍으면서  무엇이 다른지 ..

TIL 2024. 9. 23. 20:40

오늘은 베이직반에서 테일윈드에 대해서 배웠다  tailwind 란 ? 쉡게 웹 싸이트를 꾸밀수 있게 도와주는 도구이다  css 파일에 하나하나 스타일을 적었었는데  tailwind 에서는 미리 만드들어진 클래스를 써서 빠르게 스타일을 적용 할 수 있다  반응형 디자인 도 쉽게 적용 할 수 있다  sm; 핸드폰 md; 태블릿 lg; 노트북  tailwind  예시   Hello, Tailwind! text 는 하얀색 으로만들어 라 bg blue  백그라운드 파란색으로 바꿔라 p-4 padding 4만큼 넣어라   공식문서에 잘 정리되어서 나와있다   설치방법npx install tailwindcss init npm install -D tailwindcss    오늘은 베이직반 1회 차 다시 보고  다시 베..

TIL 2024. 9. 20. 21:00