Arr.map 사용시, map is not a function this error happened while generating the page... 에러object data에 map을 사용 할 수 없기때문에 발생한 오류다.map은 Object에서 사용할 수 없기때문에

Float (최근에 잘 사용하지 않는 추세)Flexbox 1Flexbox 2Flexbox 3

Text 가운데 정렬Image 가운데 정렬좌/우측 정렬 — Using position좌/우측 정렬 — Using float수직으로 가운데 정렬 — Using padding수직으로 가운데 정렬 — Using position & transform

token값을 로컬스토리지에서 찾고 헤더에 베어럴 토큰을 넣어준다

리액트에선 UI를 만들 때 state 데이터를 이용한다보임/안보임 정보를 state로 저장해둔다if 대신 삼항연산자를 쓴다항상 보이는 UI가 아니라면 만드는 패턴은 동일

기능 1Detail 컴포넌트가 렌더링 될때 혹은 업데이트 될때 콜백함수 안의 코드가 실행된다ex) Detail페이지의 alert창이 2초 후에 사라지게 한다기능 2Detail 컴포넌트가 사라질 때 코드를 실행시킨다무조건 return 뒤에 함수를 써야한다기능 3

리액트 프레임워크정적 사이트 만들때, SSR 지원하는 프로젝트를 만들때 유용SSR 고려하지 않아도 됨파일시스템 라우팅 사용 (파일경로가 곧 라우팅)pages폴더 안의 파일에 파일네이밍을 통해서 라우팅을 설정하기 때문에 정적인 경로를 설정하기 용이하다다이나믹 라우팅은ap

li태그는 &로 치환수치, 색상 등에 사용한다

출처 : https://sectumsempra.tistory.com/57

all - 모든 미디어 타입에 적용screen - 컴퓨터 화면, 타블렛, 스마트폰생략가능max-width - 뷰포트 최대 가로 너비(~이하일때 적용)min-width - 뷰포트 최대 가로 너비(~이상일때 적용)orientation - 뷰포트 방향(portrait(세로가

img를 width값으로 쓰면 박스범위를 넘어갈 수 있음.따라서, max-width 씀

querySelector / 이벤트 핸들러 classList textContent

예시1)예시2)

오류1Illuminate\\Foundation\\ComposerScripts::postAutoloadDump > @php artisan package:discover --ansiartisan파일을 옮기지 않아서 발생한 문제오류2webpack-cli Error: Unkn

enctype="multipart/form-data" 넣어줘야한다

.env 작성config/database.php 작성