FRONTEND / FE-04
Code & Frameworks
Build reusable components, state, and routes with HTML, CSS, JavaScript, TypeScript, React, and Next.js.
Explore this discipline01The discipline
Code that supports a changing interface.
Define components, types, and data flows that can be reused across pages rather than treating each screen as an isolated implementation.
From code to interface
WORKSPACE / FRAMEWORKStype Props = { name: string };
function Product({ name }: Props) {
return <h3>{name}</h3>;
}
<Product name={"AGM Battery"} />Product / UI
Component connected
Responsibilities & deliverables
- 01
Languages & components
Use HTML and CSS for structure and presentation, and JavaScript, TypeScript, and React for reusable components and state.
- Deliverables
- Type definitions · UI components · State logic
- 02
Frameworks & page structure
Organize routes, data boundaries, and shared interfaces around the Next.js page structure.
- Deliverables
- Routes and pages · Data connections · Shared layouts
- 03
Code quality & maintenance
Use type checks, linting, and behavior checks to review changes and keep shared UI and exceptional states consistent.
- Deliverables
- Validation records · Shared modules · Maintenance standards
From brief to delivery
02 / PROCESS- 01
Define interfaces & types
Specify component responsibilities, inputs, and state.
- 02
Implement & compose
Connect reusable components to pages and data flows.
- 03
Check & review changes
Validate types, builds, user behavior, and the impact of changes.
Example scenario
Sharing product UI across multiple pages
- The brief
- Listings and recommendation areas need consistent product information and coordinated changes.
- The outcome
- A shared component with explicit inputs and states supports reuse and validation.
Connected disciplines
FRONTEND / 03- FE-01
UI & UX Design
Shape user journeys, interface design, and prototypes into clear specifications for web and app development.
UI / UX · Wireframe · Design tokens - FE-02
Web Development
Build responsive company, product, and operational pages with connected data and usable interactions.
HTML / CSS · JavaScript · Responsive UI - FE-03
App Design & Development
Design mobile interfaces and build screen transitions, application state, and API connections into a coherent journey.
App UI · Navigation · Screen state
CONTACT DANSUIM
Talk to the frontend team.
We will review your goals and connect the request to the relevant discipline.
+82 31-335-0356
Weekdays 08:30–18:00 KST