me

    Mr. Nutthawat Witdumrong

    Software Engineer

    I work on both front-end and back-end development, including database management. As a flexible software engineer, I am eager to learn new languages and technologies. I am seeking a challenging position where I can leverage my expertise and contribute to dynamic projects as a front-end or full-stack developer.

ตำแหน่งงานที่อยากทำ และหน้าที่งานที่รับผิดชอบ

FrontEnd DeveloperJavaScript/NextJsSoftware EngineerNodeJs

เงินเดือนที่คาดหวัง

45,000 - 50,000 บาท/เดือน

(23/04/69)

สถานที่พักเมื่อทำงาน

วิธีการแก้ไขและตรวจสอบข้อผิดพลาด (Bugs)

  • 1
    ทำความเข้าใจข้อผิดพลาด

    อ่าน error log และวิเคราะห์อาการผิดปกติ

  • 2
    สร้าง Test Case

    ทดสอบด้วย input ต่างๆ เพื่อทำให้เกิดซ้ำ

  • 3
    ใช้เครื่องมือ Debugger

    ตรวจสอบค่าตัวแปรและ breakpoints

  • 4
    ทำงานร่วมกับทีม

    ขอคำแนะนำและใช้ Git เปรียบเทียบโค้ด

ปัญหาทางเทคนิคที่ซับซ้อนที่สุดที่เคยเจอ?

ปัญหาส่วนใหญ่เกิดจากการใช้ Third-party Libraries หรือ APIs หลายตัวรวมกัน ทำให้เกิดความไม่เข้ากันของระบบ

วิธีแก้: ใช้ Agile ความถี่งานเป็น Sprint ย่อยๆ ประชุมทีมบ่อยๆ และใช้ Git ตรวจสอบการเปลี่ยนแปลง

📚JavaScript Fundamentals

HOF (Higher-Order Function)

ฟังก์ชันที่รับ/ส่งคืนฟังก์ชัน เช่น map, filter, reduce

Core

const, let, var

const=คงที่, let=block scope, var=function scope

Basic

Heap & Stack

Heap=objects, Stack=function calls

Memory

Array Methods

push, pop, map, filter, reduce

Core

⚛️React Patterns

Higher-Order Component (HOC)

คอมโพเนนต์ที่รับคอมโพเนนต์และส่งคืนคอมโพเนนต์ใหม่

Pattern

Custom Hook

Hook ที่สร้างเองเพื่อ reuse logic

Hook

Rules of Hooks

เรียกในระดับบนสุด, ใช้ใน function component เท่านั้น

Rule

useContext

ดึงค่าจาก Context API

Hook

useRef

เก็บ reference ของ DOM หรือค่าที่ไม่ต้องการ re-render

Hook

useMemo

เมโมไลซ์ค่าที่คำนวณ

Performance

🚀Next.js

'use client' / 'use server'

ระบุ Client หรือ Server Component

Next.js 13+

Nullish Coalescing (??)

ตรวจ null/undefined และค่า default

Operator

Arrow Function

this คงที่ตาม scope ที่ประกาศ

Syntax

File Conventions

page, layout, loading, error, head, route, not-found

Next.js 14

♿Accessibility & HTML

aria-label

ข้อมูลเพิ่มเติมสำหรับ screen reader

A11y

<section> vs <div>

section=semantic, div=non-semantic

HTML

DOM Selection

querySelector, getElementById, useRef

DOM