반응형 ReactJS4 [Next.js]Map 표시 Website 만들기 - 1 Langara College 졸업 후, 어떤 것을 만들어 볼까 고민하던 중 밴쿠버로 이주하고 싶은 사람들을 위한 Vancouver houce searching page를 만들기로 정했다. 먼저 플랫폼을 고민하던 중 처음 해보는 Next.js를 이용해 보기로 결정! 처음 배우는 것이니 기본 app을 만드는 것부터 시작. npx create-next-app@latest --typescript 여기서 @latest는 가장 최근 버전으로 만든다는 것이고, --typescript는 typescript를 적용한다는 것이다. 일단 typescript는 적용하지 않고 만들어봤다. 프로젝트가 생성되었으면 code nextapp을 입력하여 VS Code로 프로젝트를 연다. 프로젝트가 정상적으로 생성되었는지 확인하기 위해 .. 2023. 12. 6. [React] Create react app 으로 Application 만들기 Create-react-app을 사용하는 목적은 좀 더 쉽게 ReactJS Application을 만들기 위해서 입니다. Create-react-app은 ReactJS Application을 만들기 위한 많은 사전 설정들을 미리 준비해주기 때문입니다. Create-react-app을 사용하기 위해 해야할 일. 1. node.js 설치 ( https://nodejs.org/en/ ) 안정화된 버전인 LTS를 설치하고, 콘솔 화면에서 node -v를 입력했을 때, 버전이 표시되고 npx 명령어도 잘 수행된다면 정상 설치된 것입니다. 2. VSCode ( https://code.visualstudio.com/ ) 코드 작성을 위해 VSCode를 설치해 줍니다. 다른 IDE를 설치해도 문제는 없지만, VSCod.. 2023. 1. 18. [React] useState UseState - Manage react statusWhat does useState returnLook at useStatus through console.log, an array is displayed.First value is undefined as being the state value currently when we run the app for the first time.( when we render our app component. )Second value is function that we're going to use to update the state. 2022. 12. 18. [React] React setting up 1. react developer tools extension. - Search "react developer tools" - Add "react developer tools" extension to my browser. 2. Check react developer tools extension - To check react developer tools extension, first acess Airbnb site. ( https://www.airbnb.ca/ ) Click the right mouse button and select "Inspect" from the pop-up screen displayed. - React-related items are displ.. 2022. 12. 15. 이전 1 다음 반응형
