코딩 일기장

✅ 리액트 프로젝트 생성 아래의 명령어로 타입스크립트를 사용하는 리액트 프로젝트를 생성한다. npx create-react-app my-app --template typescript 프로젝트 폴더(cd my-app)으로 이동하여 npm start 명령어를 입력한다. localhost:3000 으로 접속하여 리액트 프로젝트가 정상적으로 실행되었음을 확인한다. ✅ 리액트 프로젝트 생성 해당 게시물은 react-router v6버전에 맞게 사용법을 변경하여 작성하였다. 맨 하단의 참고 링크를 들어가면 v5에서 v6로 바뀌면서 어떤 부분들이 바뀌었는지 상세하게 알 수 있다. App.tsx import React from 'react'; import {Navigate, Route, Routes} from 'rea..

javascript map exercise example1 friends = ["dal", "mark", "lynn", "japan guy"] friends.map(current => { console.log(current); return 0 }) output : 각 element가 console에 찍히고, [0,0,0,0]이 리턴됨 example2 friends = ["dal", "mark", "lynn", "japan guy"] friends.map(function(friend){ return friend+" heart"; }) 각 item에 function을 적용하고 array를 반환함 example3 import React from 'react'; function Food({ name , pict..