Skyscanner) Task 1: Create a Backpack React web app (진행중)

What you'll learn

• How to utilize the Backpack library for web application development.

What you'll do

• Set up a development workspace, including a code editor and terminal.
• Customize a web application with a "Reservation Date" header, calendar interface, and a "continue" button.
• Execute automated tests to ensure the functionality of the developed application.
  

 

 

Customise the Application

Step One: Update the header text to read “Flight Schedule.” ✅

Step Two: Install the Calendar component by running the command `npm install bpk-component-calendar --save-dev`. This is also described in the Calendar documentation. ✅

Step Three: Review the Calendar documentation for usage, and add this feature into your `App.js` file. You can also edit the `App.scss` to adjust the calendar’s appearance. 

Step Four: Place the “Click Me” button below the calendar, and update the button’s text to say “Continue.” You can leave the button’s functionality as is.

Step Five: As described above, review your application’s appearance by entering `npm start` in the terminal and then navigating to localhost:3000.

 

---

 

 

[!]Skyscanner의 Backpack캘린더 컴포넌트 사용 방법

https://www.npmjs.com/package/bpk-component-calendar

bpk-component-calendar

 

[!]깃허브 커밋 올리기