강의

멘토링

커뮤니티

NEW
개발 · 프로그래밍

/

프론트엔드

프론트엔드 개발을 위한 모든 지식 (개념편)

맨날 따라 치기만 해서 불안하신가요? 구현 없이 웹의 동작 원리와 기술 선택 기준만 꽉 채웠습니다. 기초개념은 물론이고 React 19부터 Vite 7까지, 2026년 프론트엔드의 큰 그림을 그려드립니다!

6명 이 수강하고 있어요.

난이도 입문

수강기한 무제한

  • 해여
프론트엔드
프론트엔드
면접준비
면접준비
cs지식
cs지식
웹개발
웹개발
최신기술
최신기술
프론트엔드
프론트엔드
면접준비
면접준비
cs지식
cs지식
웹개발
웹개발
최신기술
최신기술

수강 후 이런걸 얻을 수 있어요

  • ① 웹 동작의 '전체 지도'를 갖게 됩니다.

  • ② 2026년 최신 기술 트렌드를 한 번에 정리합니다.

  • ③ 상황에 맞는 '기술 선택 기준'이 생깁니다.

  • ④ '말로 설명하는' 개발자가 됩니다.

🧭 코드 짜는 기계는 그만! 🤖

"기능은 돌아가는데... 왜 돌아가는지는 저도 몰라요..." 혹시 뜨끔하셨나요? 😅

매일 쏟아지는 React 19, Next.js 16, Vite 7... 무작정 따라 치는 '클론 코딩'만으로는 절대 실력이 늘지 않아요.

지금 필요한 건 복잡한 코드가 아니라, 이 기술들이 도대체 뭐고, 언제 써야 하는지 딱 알려주는 [ frontend 지도(Map)]입니다.



🎁 이 강의를 들으면 이런 걸 배워요

코드는 한 줄도 안 짭니다. 대신 4가지 핵심 무기를 드려요!

기능만 구현한다고 끝이 아닙니다.  웹앱의 성능(Web Vitals), 접근성, 보안, SEO 등 "돈 받고 일하는 프로"라면 반드시 챙겨야 할 품질 기준을 잡아드립니다.

"CSR 쓸까요, SSR 쓸까요?" 막연한 고민은 그만. 커머스 vs 대시보드라는 구체적인 상황을 통해 내 프로젝트에 딱 맞는 기술과 아키텍처를 고르는 능력을 길러드립니다.

React 19, Next.js 16, Vite 7, Tailwind 4 등 2026년 1월 기준 가장 핫한 기술들의 핵심 변경점과 트렌드를 한 번에 정리합니다. 옛날 강의 듣지 마세요!

주소창에 URL을 입력하고 화면이 뜨기까지(네트워크~렌더링), 보이지 않는 곳에서 일어나는 모든 일을 8개 레이어로 나누어 완벽하게 이해합니다. 면접 준비도 한번에!



이런 분들께 추천해요, 🧐 솔직히... 지금 이런 상태 이시라면?



✅ 하나라도 해당되면 이 강의가 정답입니다.

  • "문법은 아는데... 브라우저 렌더링 원리 설명해보라면 꿀 먹은 벙어리 됨"

  • "에러 나면 식은땀부터 남. 내 코드 문젠지 서버 문젠지 구분 불가"

  • "React 19, Next.js 16... 새 버전 나올 때마다 공부할 생각에 토할 것 같음"

  • "남들이 다 쓰니까 쓰는데... '왜 씁니까?' 물어보면 할 말 없음"

걱정 마세요. 제가 그 막막함, 시원하게 뚫어드릴게요! 👊


🎧 "강의 듣다가 귀 아픈 적 많으시죠?"

내용도 중요한데, 소리가 안 좋으면 집중 안 되잖아요. 그래서 제가 작정하고 준비했습니다.

🎙️ AI 오디오 마스터링(Mastering) 완료!

최신 AI 보정으로 잡음은 싹 없애고, 목소리, 발음, 숨소리를 다듬었어요. ⚡ 2배속으로 들어도 뭉개짐 없이 딕션이 귀에 꽂힙니다. 바쁜데 언제 천천히 듣고 있어요? 2배속으로 빠르게 완강하세요!



이 강의는 시리즈 강의에요! 다른 분야 개발 지식도 쌓고 싶다면?

백엔드를 위한 모든 지식! 강의도 수강해보세요!


수강 전 참고 사항

🛑 수강 전 꼭 확인해주세요!

Q. 코딩 실습이 있나요?

아니요! 이 강의는 실습 없이 100% 개념과 원리를 설명하는 이론 강의입니다. 노트북 없이 출퇴근길에 편하게 들으셔도 좋습니다.

Q. 초보자도 들을 수 있나요?

네! HTML/CSS/JS가 뭔지 들어본 적만 있다면 충분합니다. 어려운 용어는 쉬운 비유로 풀어서 설명해 드려요.

Q. React 문법을 알려주나요?

문법 강의가 아닙니다. React나 Next.js를 "왜 쓰고 언제 써야 하는지"를 알려드립니다. 문법 강의와 함께 들으시면 시너지가 폭발합니다!

학습 자료

  • 노션 링크로 제공해 드립니다! (자습 자료로 별도 업로드 예정)

선수 지식 및 유의사항

  • 기본적인 JS 지식

  • 프론트엔드 경험 10시간! 

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 문법 공부는 끝냈지만, '큰 그림'이 안 그려지는 분

  • 쏟아지는 프레임워크 홍수 속에서 길을 잃은 분

  • '개발 용어'와 '흐름'을 빠르게 정리하고 싶은 분

선수 지식,
필요할까요?

  • Java Script, HTML, CSS 기초 지식

  • 프론트엔드 개발 경험 10시간!

안녕하세요
입니다.

584

수강생

28

수강평

32

답변

4.5

강의 평점

8

강의

반갑습니다!

AI와 컴퓨터 공학의 무한한 가능성을 탐구하며, 그 여정을 여러분과 나누고 싶은 해여입니다.

학부 시절 '컴퓨터 공학 중독자'라 불릴 만큼 전공에 대한 열정으로 4.4점 이상의 전공 학점으로 수석 졸업하였고, S대학원에서 AI를 전공하며 석사 학위를 받고 박사 과정을 통해 전문성을 심화했습니다.

하지만 이론적 탐구만큼이나 실제 세상의 문제를 AI로 해결하는 것에 큰 매력을 느껴, 박사 과정을 잠시 멈추고 스타트업에서 AI 기반 LLM 및 비디오 분석 프로젝트를 경험하며 귀중한 실전 경험을 쌓았습니다.

지금은 국내 Top3 대기업 중 한 곳에서 LLM 프로젝트 개발 및 PM으로 일하며, AI 기술이 우리 삶에 가져올 긍정적인 변화들을 만들어가는 데 기여하고 있습니다. 제가 겪었던 고민과 해결의 과정, 그리고 현장에서 얻은 생생한 노하우들을 여러분께 아낌없이 전달해 드리겠습니다. AI라는 흥미로운 세계로의 여정에 든든한 길잡이가 되어 드릴게요.

문의 및 제의 : haeyeo.open@gmail.com

커리큘럼

전체

10개 ∙ (3시간 14분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

얼리버드 할인 중

₩46,200

40%

₩77,000

해여님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!