โหมดติวตอบกรรมการ
หัวข้อที่ 20 จากทั้งหมด 62
6.2 Page Structure (App Router)
สรุปสั้น: Next.js 15 ใช้ App Router — แต่ละโฟลเดอร์ใน app/ = 1 route Route Group (instructor)/ วงเล็บ () ไม่ปรากฏใน URL — เป็นแค่การจัดกลุ่ม ใช้ layout.tsx ร่วมกัน (มี Sidebar, Auth guard)
คำสำคัญ
- app
- router
- route
- structure
- next
- ละโฟลเดอร
คำถามที่กรรมการมักถาม
- หัวข้อ "6.2 Page Structure (App Router)" คืออะไร และทำไมถึงสำคัญกับโปรเจกต์ของคุณ?
- ตอนออกแบบเรื่อง router คุณเทียบทางเลือกอะไรบ้าง และเหตุผลที่เลือกวิธีสุดท้ายคืออะไร?
- ถ้ากรรมการท้วงเรื่อง route คุณจะอธิบายและป้องกันแนวทางนี้อย่างไร?
- ถ้าต้องปรับปรุง app ให้ดีขึ้นทันที คุณจะเริ่มแก้อะไรก่อน เพราะอะไร?
ตัวอย่างคำตอบ
สำหรับหัวข้อ "6.2 Page Structure (App Router)" เป้าหมายหลักคือ Next.js 15 ใช้ App Router — แต่ละโฟลเดอร์ใน app/ = 1 route Route Group (instructor)/ วงเล็บ () ไม่ปรากฏใน URL — เป็นแค่การจัดกลุ่ม ใช้ layout.tsx ร่วมกัน (มี Sidebar, Auth guard) แนวทางที่ใช้เชื่อมโยงกับความต้องการระบบ ช่วยให้ระบบเชื่อถือได้และดูแลง่ายขึ้น และเมื่อเทียบกับทางเลือกอื่นถือว่าเหมาะสมที่สุดภายใต้ข้อจำกัดของโปรเจกต์นี้
คำนวณยังไง
- เปอร์เซ็นความคืบหน้า:
Math.round((index / total) * 100)=Math.round((20 / 62) * 100)= 32% - ลำดับหัวข้อปัจจุบัน: รับจาก query
?section=แล้วบังคับให้อยู่ในช่วง1..62ค่าที่รับมา:20, ค่าสุดท้าย:20 - จำนวนหัวข้อทั้งหมด:
62(นับจากหัวข้อ markdown ระดับ##และ###) - สรุปสั้น: สร้างจาก
summarizeText(stripMarkdown(sectionContent), 230) - คำสำคัญ: ดึงจากความถี่คำในชื่อหัวข้อ + เนื้อหา หลังกรองคำฟุ่มเฟือย (stopwords)
- คำถามกรรมการ: สร้างจาก template โดยอิงชื่อหัวข้อและคำสำคัญหลัก