wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

[FE] Ice Breaking - Next JS Data Fetching and CRUD Operations

Total questions: 8

Worksheet time: 4mins

Name
Class
Date
1.

Apa tujuan utama dari getServerSideProps dalam Next.js?

a)

Mengambil data pada sisi klien

b)

Mengambil data pada sisi server sebelum menampilkan HTML

c)

Mengambil data saat pembuatan build proyek Next.js

d)

Mengambil data secara statis

2.

Kapan Anda harus menggunakan getServerSideProps?

a)

Saat Anda ingin data diambil hanya saat pembuatan build proyek

b)

Saat Anda ingin data diambil pada sisi klien

c)

Saat Anda ingin data diambil sebelum merender HTML

d)

Saat Anda tidak perlu mengambil data

3.

Apa yang dimaksud dengan "Client side data fetching" dalam Next.js?

a)

Mengambil data pada sisi server saat permintaan halaman terjadi

b)

Mengambil data pada sisi klien setelah halaman selesai dimuat

c)

Mengambil data saat pembuatan build proyek Next.js

d)

Mengambil data dari cache browser

4.

Kapan Anda harus menggunakan "Client side data fetching"?

a)

Saat Anda ingin data diambil hanya saat pembuatan build proyek

b)

Saat Anda ingin data diambil pada sisi klien setelah halaman selesai dimuat

c)

Saat Anda ingin menghasilkan path dinamis untuk halaman dengan data statis

d)

Saat Anda tidak perlu mengambil data

5.

Apa perbedaan antara "Client side data fetching" dan "Server side data fetching"?

a)

Tidak ada perbedaan, keduanya memiliki fungsi yang sama.

b)

"Server side data fetching" mengambil data pada sisi klien, sedangkan "Client side data fetching" mengambil data pada sisi server.

c)

"Server side data fetching" mengambil data pada sisi server saat permintaan halaman terjadi, sedangkan "Client side data fetching" mengambil data pada sisi klien setelah halaman selesai dimuat.

d)

"Server side data fetching" hanya digunakan untuk halaman statis, sedangkan "Client side data fetching" hanya digunakan untuk halaman dinamis.

6.

Apa kepanjangan dari CRUD dalam pengelolaan data di Next.js?

a)

Create, Read, Update, Delete

b)

Copy, Read, Upload, Deploy

c)

Connect, Retrieve, Upload, Download

d)

Code, Run, Update, Debug

7.

Metode HTTP yang digunakan untuk memperbarui (update) data dalam sistem CRUD adalah?

a)

GET

b)

POST

c)

PUT atau PATCH

d)

DELETE

8.

Jika ingin menghapus data dalam aplikasi Next.js, metode HTTP yang digunakan adalah?

a)

DELETE

b)

UPDATE

c)

REMOVE

d)

DESTROY