LoopIn
탐색하기
입문자 추천지금 인기 있는 자료실습 중심 자료짧게 학습하기많이 저장된 자료전체 자료 보기 →
Learning Flows
UX PortfolioFrontend StarterAI Productivity모든 Flow 보기 →
My Loop
저장한 자료이어 학습하기최근 본 자료내 Learning Flows
로그인
LoopIn

디지털 직무 학습자를 위한 탐색 중심 EduTech 플랫폼

탐색

  • 홈
  • 전체 자료
  • Learning Flows
  • My Loop

카테고리

  • UX/UI
  • 프론트엔드
  • AI/데이터
  • 생산성

서비스

  • 자료 등록

© 2026 LoopIn. All rights reserved.

검색하고, 저장하고, 이어 학습하다.

Learning Flows/Frontend 스타터
Frontend · 입문

Frontend 스타터

기초 구조부터 React까지, 프론트엔드 흐름을 단계별로 학습해보세요.

총 6시간 20분자료 18개난이도 입문프론트엔드 입문자

학습 흐름

현재 3단계 · JavaScript
1. HTML
2. CSS
3
3. JavaScript
4
4. React
1단계HTML
완료
강의

HTML 기초부터 시맨틱 마크업까지

웹의 뼈대를 이루는 HTML을 기초부터 시맨틱 태그 활용까지 체계적으로 학습합니다.

478명 저장
강의

CSS Flexbox & Grid 완전 정복

현대 레이아웃의 핵심인 Flexbox와 Grid를 실전 예제로 마스터합니다.

391명 저장
문서

JavaScript 핵심 개념 정리: 클로저·프로미스·이벤트루프

면접과 실무에 자주 등장하는 자바스크립트 핵심 개념들을 명확하게 정리합니다.

503명 저장
2단계CSS
완료
강의

CSS Flexbox & Grid 완전 정복

현대 레이아웃의 핵심인 Flexbox와 Grid를 실전 예제로 마스터합니다.

391명 저장
강의

React 입문: 컴포넌트 설계와 상태 관리

React의 컴포넌트 모델과 useState·useEffect를 활용한 기본 상태 관리를 학습합니다.

445명 저장
3단계JavaScript
진행 중
문서

JavaScript 핵심 개념 정리: 클로저·프로미스·이벤트루프

면접과 실무에 자주 등장하는 자바스크립트 핵심 개념들을 명확하게 정리합니다.

503명 저장
4단계React
예정
강의

React 입문: 컴포넌트 설계와 상태 관리

React의 컴포넌트 모델과 useState·useEffect를 활용한 기본 상태 관리를 학습합니다.

445명 저장

이 플로우의 모든 자료를 한 번에 탐색하기

18개의 관련 자료를 전체 목록으로 확인하고 탐색해보세요.

전체 자료 탐색하기 →

이런 플로우도 추천해요

UX Portfolio Flow입문 추천

UX 포트폴리오 플로우

리서치부터 발표까지, 실무형 UX 포트폴리오 흐름을 탐색해보세요.

총 3시간12개 자료
→
AI / Productivity실무 추천

AI 생산성 플로우

생산성을 높여주는 AI 도구를 실무 흐름에 적용해보세요.

총 3시간 10분11개 자료
→

이 플로우 저장하기

나만의 학습 루프에 저장하고 언제든 다시 이어보세요.

127명이 저장했어요

플로우 한눈에 보기

HTML

웹 페이지 구조 이해

CSS

반응형 UI 구현 가능

3

JavaScript

React 컴포넌트 구조 이해

4

React

이런 분께 추천해요

프론트엔드 입문자
실습 중심 학습자
React를 시작하려는 학습자
#입문자추천#실습중심#React기초