Web Standards Proper Learning (Basics) - 2025

This course provides foundational knowledge for learning and utilizing web standard coding. Learners can understand the basic principles of web coding and build the foundation necessary for learning web programming based on this understanding. Additionally, the course is structured to enable certification acquisition through web standard coding.

6 learners are taking this course

Level Beginner

Course period 12 months

usefulit

frontend

HTML/CSS

Web Design

frontend

HTML/CSS

Web Design

What you will gain after the course

You can develop basic knowledge of web standard coding to cultivate employment skills as a web designer and web publisher.
You can acquire certification by learning the functions of web standard coding.

웹표준 제대로 배우기 (기초) - 2025 Part.1

HTML 시작: HTML 문서 작성법과 구조 학습
- HTML 파일 생성과 기본 문서 작성 절차
- HTML이 웹 브라우저에서 해석되는 방식 이해
HTML 문서 구조: HTML 기본 구성 요소 이해
- , , 등 기본 태그 역할 설명
- 문서 제목, 메타데이터, 본문 영역 구분
폼 입력 태그: 다양한 입력 태그 사용법
- , </code>, <code><select></code> 등 다양한 입력 태그 작성</p></li><li><p>텍스트, 비밀번호, 체크박스, 라디오 버튼, 드롭다운 등의 활용</p></li></ul></li><li><p><strong>그 밖의 출력 태그: 텍스트, 이미지, 링크 출력 방법</strong></p><ul><li><p><code><p></code>, <code><h1></code>~<code><h6></code> 등 텍스트 출력 태그</p></li><li><p><code><img></code>를 이용한 이미지 삽입</p></li><li><p><code><a></code>를 사용한 링크 연결 방법</p></li></ul></li><li><p><strong>CSS 시작: CSS 기본 문법과 적용법</strong></p><ul><li><p>선택자와 속성-값 구조 이해</p></li><li><p>HTML에 CSS를 적용하는 3가지 방식(인라인, 내부, 외부 스타일시트)</p></li></ul></li><li><p><strong>CSS 기본 스타일: 텍스트, 색상, 배경 스타일 설정</strong></p><ul><li><p>글꼴 크기·굵기, 글자색, 줄 간격 조정</p></li><li><p>배경색, 배경 이미지 지정</p></li></ul></li><li><p><strong>Reset CSS: 기본 스타일 초기화</strong></p><ul><li><p>브라우저 기본 스타일의 차이 제거</p></li><li><p>Reset CSS 또는 Normalize.css 사용 방법</p></li></ul></li><li><p><strong>Display CSS: 요소 표시 방식 이해</strong></p><ul><li><p><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>none</code> 속성의 차이</p></li><li><p>요소 배치에 따른 레이아웃 변화</p></li></ul></li><li><p><strong>Position CSS: 위치 지정 방법</strong></p><ul><li><p><code>static</code>, <code>relative</code>, <code>absolute</code>, <code>fixed</code>, <code>sticky</code>의 특성과 사용 예시</p></li><li><p>요소의 좌표 지정(top, right, bottom, left)</p></li></ul></li><li><p><strong>Flex Layout: Flexbox 기본과 반응형 레이아웃 구현</strong></p><ul><li><p>Flex 컨테이너와 아이템의 기본 속성 이해</p></li><li><p>가로·세로 정렬, 공간 분배, 반응형 레이아웃 구성</p></li></ul></li></ul></div></div></div></div></div></div><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="image-text__container image-text"><div class="dropzone__wrapper"><div class="image-text__placeholder mantine-1avyp1d"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image " role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="font-size:32px;color:rgb(134, 142, 150);width:32px;height:32px"><path fill="currentColor" d="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"></path></svg></div><figure class="dropzone-preview__figure"><div class="dropzone-preview__uploaded-anchor dropzone-preview__uploaded-anchor--no-link"><picture style="display:flex"><source srcset="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?f=avif&w=960" type="image/avif"><source srcset="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?f=webp&w=960" type="image/webp"><img src="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?w=960" class="dropzone-preview__uploaded-content css-1d3w5wq" alt="메리 썸네일 모음 (5)" loading="eager"></picture></div></figure></div></div></div></div></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="two-column-grid two-column-grid--2to1"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="editor-container text-view-mode" style="display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color:rgb(255, 255, 255);cursor:auto"><div role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0"><h4>웹표준 제대로 배우기 (기초) - 2025 Part.2</h4><ul><li><p><strong>웹 표준 헤더: 웹 표준에 맞는 헤더 구성법</strong></p><ul><li><p>HTML5 시맨틱 태그(<code><header></code>, <code><nav></code> 등)를 활용한 구조 설계</p></li><li><p>웹 표준 규칙을 준수한 마크업 작성</p></li></ul></li><li><p><strong>웹 접근성 헤더: 접근성 개선을 위한 헤더 구성</strong></p><ul><li><p>스크린 리더 지원을 위한 대체 텍스트, ARIA 속성 적용</p></li><li><p>키보드 탐색 가능성과 명확한 시각적 포커스 제공</p></li></ul></li><li><p><strong>디바이스별 컨테이너: 다양한 화면 크기에 맞는 컨테이너 설계</strong></p><ul><li><p>고정형, 유동형, 반응형 컨테이너 설계 방식</p></li><li><p>미디어 쿼리를 활용한 화면 크기별 레이아웃 조정</p></li></ul></li><li><p><strong>웹 표준 GNB (유형 1, 2, 3): 다양한 내비게이션 바 디자인 실습</strong></p><ul><li><p>가로형, 세로형, 드롭다운형 내비게이션 구현</p></li><li><p>CSS와 JavaScript를 활용한 스타일 및 동작 추가</p></li></ul></li><li><p><strong>폰트 아이콘 작성: 폰트 아이콘을 활용한 웹 디자인</strong></p><ul><li><p>Font Awesome 등 폰트 아이콘 라이브러리 사용법</p></li><li><p>SVG와 폰트 아이콘 비교 및 적용 사례</p></li></ul></li><li><p><strong>테이블 스타일링: 기본 및 활용적인 테이블 스타일링</strong></p><ul><li><p>표의 가독성을 높이는 기본 스타일 지정</p></li><li><p>행/열 구분, 마우스 오버 효과, 반응형 테이블 구현</p></li></ul></li><li><p><strong>폼 스타일링: 폼 디자인 기본 및 활용 예제</strong></p><ul><li><p>입력 필드, 버튼, 선택 박스 등의 디자인 개선</p></li><li><p>상태별 스타일(포커스, 비활성화 등) 적용</p></li></ul></li><li><p><strong>반응형 디자인: 다양한 디바이스에 맞춘 반응형 디자인 실습</strong></p><ul><li><p>모바일 퍼스트(Mobile-First) 설계 원칙</p></li><li><p>미디어 쿼리를 활용한 화면 크기별 UI 최적화</p></li></ul></li></ul></div></div></div></div></div></div><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="image-text__container image-text"><div class="dropzone__wrapper"><div class="image-text__placeholder mantine-1avyp1d"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image " role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="font-size:32px;color:rgb(134, 142, 150);width:32px;height:32px"><path fill="currentColor" d="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"></path></svg></div><figure class="dropzone-preview__figure"><div class="dropzone-preview__uploaded-anchor dropzone-preview__uploaded-anchor--no-link"><picture style="display:flex"><source srcset="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?f=avif&w=960" type="image/avif"><source srcset="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?f=webp&w=960" type="image/webp"><img src="https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?w=960" class="dropzone-preview__uploaded-content css-1d3w5wq" alt="메리 썸네일 모음 (5)" loading="eager"></picture></div></figure></div></div></div></div></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="separator-element"><div class="separator-element__line"></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="one-column-grid"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="editor-container text-view-mode" style="display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color:rgb(255, 255, 255);cursor:auto"><div role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0"><h3>수강 전 참고 사항</h3></div></div></div></div></div></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="one-column-grid"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="info-box info-box--gray" aria-labelledby="info-box__editable-aria"><div class="editor-container text-view-mode" style="display:flex;flex-direction:column;height:100%;max-height:100%;min-height:24px;border-radius:8px"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color:rgb(255, 255, 255);cursor:auto"><div role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0"><p style="text-align:left"><span style="color:rgb(36, 41, 47)">이 강의는 지식공유자의 질문/답변을 제공하지 않습니다.</span></p></div></div></div></div></div></div></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="one-column-grid"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="info-box info-box--gray" aria-labelledby="info-box__editable-aria"><div class="editor-container text-view-mode" style="display:flex;flex-direction:column;height:100%;max-height:100%;min-height:24px;border-radius:8px"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color:rgb(255, 255, 255);cursor:auto"><div role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0"><h4><strong>학습 자료</strong></h4><p>part 1 - 강의 활용 파일(step1 html, step2 css)</p><p>part 2 - 강의 활용 파일(step1 html, step2 css)</p></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="mantine-Stack-root mantine-caxjnw"><div class="mantine-Stack-root mantine-caxjnw"><h2 class="mantine-Text-root mantine-Title-root css-h8zir mantine-1xk1rww"><span>Recommended for</span> <br/><strong>these people</strong></h2><div class="css-15vm62s mantine-y6qn97"><style data-emotion="css vkrxm6">.css-vkrxm6{width:140px;}@media (max-width: 768px){.css-vkrxm6{width:auto;}}</style><div class="css-vkrxm6 mantine-11q5icf"><style data-emotion="css 1ukznk6">.css-1ukznk6{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media (max-width: 768px){.css-1ukznk6{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style><div class="css-1ukznk6 mantine-1xkg0b8"><style data-emotion="css 1kx3k9q">.css-1kx3k9q{border-radius:50%;}@media (max-width: 768px){.css-1kx3k9q{width:32px;height:32px;}}</style><div class="mantine-Group-root css-1kx3k9q mantine-ei1tg0"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="crosshairs-simple" class="svg-inline--fa fa-crosshairs-simple " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:20px;color:#00C471"><path fill="currentColor" d="M445.3 224H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h61.3C431.9 368.4 368.4 431.9 288 445.3V384c0-17.7-14.3-32-32-32s-32 14.3-32 32v61.3C143.6 431.9 80.1 368.4 66.7 288H128c17.7 0 32-14.3 32-32s-14.3-32-32-32H66.7C80.1 143.6 143.6 80.1 224 66.7V128c0 17.7 14.3 32 32 32s32-14.3 32-32V66.7C368.4 80.1 431.9 143.6 445.3 224zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256z"></path></svg></div><style data-emotion="css xi606m">.css-xi606m{text-align:center;}</style><p class="mantine-Text-root css-xi606m mantine-5jtosh">Who is this course right for?</p></div></div><ul class="mantine-Stack-root css-1rr4qq7 mantine-1kzvwqj"><li class="mantine-Group-root css-1n0sxg9 mantine-1yyyn9b"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" class="svg-inline--fa fa-circle-check css-z14cyq" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg><p class="mantine-Text-root css-1c7euc4 mantine-5jqdej">Anyone who wants to learn web coding for the first time</p></li><li class="mantine-Group-root css-1n0sxg9 mantine-1yyyn9b"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" class="svg-inline--fa fa-circle-check css-z14cyq" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg><p class="mantine-Text-root css-1c7euc4 mantine-5jqdej">Anyone who only deals with graphics programs</p></li><li class="mantine-Group-root css-1n0sxg9 mantine-1yyyn9b"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" class="svg-inline--fa fa-circle-check css-z14cyq" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg><p class="mantine-Text-root css-1c7euc4 mantine-5jqdej">Any member who wishes to obtain a certification</p></li></ul></div></div><div class="mantine-Divider-root mantine-Divider-horizontal mantine-11smbw" role="separator"></div></div><div class="mantine-Stack-root mantine-e2wlhh"><div class="mantine-1qizhnu"><h2 class="mantine-Text-root mantine-Title-root css-h8zir mantine-1xk1rww"><span translate="no"><span>Hello</span><br/><span>This is </span><style data-emotion="css 1q3zd4q">.css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}</style><a class="mantine-Text-root mantine-Anchor-root css-1q3zd4q mantine-3sz9uq" href="https://www.inflearn.com/en/users/423184/@usefulit" target="_blank"></a></span></h2></div><style data-emotion="css 1ted2bc">@media (max-width: 768px){.css-1ted2bc{gap:20px;}}</style><div class="mantine-Group-root css-1ted2bc mantine-138gegi"><div class="mantine-Avatar-root mantine-ts2ib3"><img class="mantine-9rx0rd mantine-Avatar-image" src="https://cdn.inflearn.com/public/users/thumbnails/423184/e757b1d2-5138-4c8b-9d6e-3fd1ec0b9b6c"/></div><style data-emotion="css 18wcgdg">.css-18wcgdg{display:grid;grid-auto-flow:column;grid-gap:4px 40px;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(3, auto);}@media (max-width: 768px){.css-18wcgdg{grid-gap:4px 20px;}}</style><div class="css-18wcgdg mantine-1avyp1d"><div class="mantine-Group-root mantine-bvjm6c"><style data-emotion="css 1sinacs">@media (max-width: 1024px){.css-1sinacs{display:none;}}</style><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="graduation-cap" class="svg-inline--fa fa-graduation-cap fa-fw css-1sinacs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="font-size:12px;color:#adb5bd"><path fill="currentColor" d="M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z"></path></svg><div class="mantine-Group-root mantine-d8k4uu"><p class="mantine-Text-root mantine-u7w7im">8,278,683</p></div><p class="mantine-Text-root mantine-1iq9w9n">Learners</p></div><div class="mantine-Group-root mantine-bvjm6c"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="medal" class="svg-inline--fa fa-medal fa-fw css-1sinacs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:12px;color:#adb5bd"><path fill="currentColor" d="M4.1 38.2C1.4 34.2 0 29.4 0 24.6C0 11 11 0 24.6 0H133.9c11.2 0 21.7 5.9 27.4 15.5l68.5 114.1c-48.2 6.1-91.3 28.6-123.4 61.9L4.1 38.2zm503.7 0L405.6 191.5c-32.1-33.3-75.2-55.8-123.4-61.9L350.7 15.5C356.5 5.9 366.9 0 378.1 0H487.4C501 0 512 11 512 24.6c0 4.8-1.4 9.6-4.1 13.6zM80 336a176 176 0 1 1 352 0A176 176 0 1 1 80 336zm184.4-94.9c-3.4-7-13.3-7-16.8 0l-22.4 45.4c-1.4 2.8-4 4.7-7 5.1L168 298.9c-7.7 1.1-10.7 10.5-5.2 16l36.3 35.4c2.2 2.2 3.2 5.2 2.7 8.3l-8.6 49.9c-1.3 7.6 6.7 13.5 13.6 9.9l44.8-23.6c2.7-1.4 6-1.4 8.7 0l44.8 23.6c6.9 3.6 14.9-2.2 13.6-9.9l-8.6-49.9c-.5-3 .5-6.1 2.7-8.3l36.3-35.4c5.6-5.4 2.5-14.8-5.2-16l-50.1-7.3c-3-.4-5.7-2.4-7-5.1l-22.4-45.4z"></path></svg><div class="mantine-Group-root mantine-d8k4uu"><p class="mantine-Text-root mantine-u7w7im">6,375</p></div><p class="mantine-Text-root mantine-1iq9w9n">Reviews</p></div><div></div><div class="mantine-Group-root mantine-bvjm6c"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-fw css-1sinacs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:12px;color:#adb5bd"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><div class="mantine-Group-root mantine-d8k4uu"><p class="mantine-Text-root mantine-u7w7im">4.6</p></div><p class="mantine-Text-root mantine-1iq9w9n">Rating</p></div><div class="mantine-Group-root mantine-bvjm6c"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw css-1sinacs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:12px;color:#adb5bd"><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z"></path></svg><div class="mantine-Group-root mantine-d8k4uu"><p class="mantine-Text-root mantine-u7w7im">309</p></div><p class="mantine-Text-root mantine-1iq9w9n">Courses</p></div></div></div><div class="mantine-Stack-root mantine-1178y6y"><style data-emotion="css kdwx3d">.css-kdwx3d{overflow:hidden;position:relative;}</style><div class="css-kdwx3d mantine-ypdmmr"><div class="mantine-1avyp1d"><style data-emotion="css 1a14o07">.css-1a14o07 .mantine-Skeleton-root{width:100%;}</style><style data-emotion="css 1b0t6sb">.css-1b0t6sb .mantine-Skeleton-root{width:100%;}</style><div class="mantine-Stack-root css-1b0t6sb mantine-1qekxww"><div class="mantine-Skeleton-root mantine-ecg8p8"><style data-emotion="css bewobm">.css-bewobm{white-space:pre-wrap;word-break:break-all;}</style><div class="mantine-Text-root css-bewobm mantine-tsx071"><div class="markdown-body mantine-1avyp1d"><p>I will help you grow through useful IT lectures.</p></div></div></div><style data-emotion="css pk68td">.css-pk68td{all:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:4px;min-height:18px;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><button class="mantine-UnstyledButton-root css-pk68td mantine-1l2eeey" type="button" tabindex="0"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="language" class="svg-inline--fa fa-language " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="font-size:14px;color:#868e96"><path fill="currentColor" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H272h32 16H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H320 304 272 64zm512 48c8.8 0 16 7.2 16 16V384c0 8.8-7.2 16-16 16H320V112H576zM178.3 175.9l64 144c4.5 10.1-.1 21.9-10.2 26.4s-21.9-.1-26.4-10.2L196.8 316H123.2l-8.9 20.1c-4.5 10.1-16.3 14.6-26.4 10.2s-14.6-16.3-10.2-26.4l64-144c3.2-7.2 10.4-11.9 18.3-11.9s15.1 4.7 18.3 11.9zM179 276l-19-42.8L141 276h38zM456 164c-11 0-20 9-20 20v4H384c-11 0-20 9-20 20s9 20 20 20h72 35.1c-7.3 16.7-17.4 31.9-29.8 45l-.5-.5-14.6-14.6c-7.8-7.8-20.5-7.8-28.3 0s-7.8 20.5 0 28.3L430 298.3c-5.9 3.6-12.1 6.9-18.5 9.8l-3.6 1.6c-10.1 4.5-14.6 16.3-10.2 26.4s16.3 14.6 26.4 10.2l3.6-1.6c12-5.3 23.4-11.8 34-19.4c4.3 3 8.6 5.8 13.1 8.5l18.9 11.3c9.5 5.7 21.8 2.6 27.4-6.9s2.6-21.8-6.9-27.4l-18.9-11.3c-.9-.5-1.8-1.1-2.7-1.6c17.2-18.8 30.7-40.9 39.6-65.4L534 228h2c11 0 20-9 20-20s-9-20-20-20H520 476v-4c0-11-9-20-20-20z"></path></svg></button></div></div></div></div><div class="mantine-Group-root mantine-bvjm6c"></div></div><div class="mantine-Stack-root mantine-caxjnw"><div class="mantine-Stack-root mantine-caxjnw"><div class="mantine-Group-root mantine-pr1x6c"><h2 class="mantine-Text-root mantine-Title-root curriculum mantine-8j62vx">Curriculum</h2><div class="mantine-Group-root mantine-bvjm6c"><p class="mantine-Text-root mantine-1iq9w9n">All</p><p class="mantine-Text-root mantine-1hqlk6r">29 lectures ∙ (11hr 14min)</p></div><style data-emotion="css y95iji">@media (max-width: 576px){.css-y95iji{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style><div class="css-y95iji mantine-176egs6"><div class="css-1rr4qq7 mantine-1avyp1d"><div class="mantine-Group-root mantine-1n7ftt8"><p class="mantine-Text-root mantine-6274m">Course Materials:</p><div class="mantine-Group-root mantine-bvjm6c"><div class="mantine-Badge-root mantine-1d1hca6"><span class="mantine-11eq3tq mantine-Badge-leftSection"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="file" class="svg-inline--fa fa-file " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="font-size:12px;color:inherit"><path fill="currentColor" d="M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z"></path></svg></span><span class="mantine-1jlwn9k mantine-Badge-inner">Lecture resources</span></div></div></div></div><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1pzs0ys" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-19ok7fu"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-up" class="svg-inline--fa fa-chevron-up " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:inherit"><path fill="currentColor" d="M239 111c9.4-9.4 24.6-9.4 33.9 0L465 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L81 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 111z"></path></svg></span><span class="mantine-1ryt1ht mantine-Button-label">Collapse all</span></div></button></div></div><div class="mantine-1avyp1d"><div class="mantine-1avyp1d" data-accordion="true"><div class="mantine-Accordion-item mantine-14kr1df" data-active="true"><button class="mantine-UnstyledButton-root mantine-Accordion-control mantine-1wi88a3" type="button" data-accordion-control="true" data-active="true" aria-expanded="true" aria-controls="mantine-R15sqkimlddaddm-panel-item-0" id="mantine-R15sqkimlddaddm-control-item-0"><span class="mantine-qfepok mantine-Accordion-chevron" data-rotate="true"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:12px;color:#868e96"><path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path></svg></span><span class="mantine-4j68dz mantine-Accordion-label"><div class="mantine-1maqgkn"><style data-emotion="css 542wex">.css-542wex{word-break:break-word;}</style><p class="mantine-Text-root css-542wex mantine-5jtosh">Section 1. Web Standards Fundamentals (Basics) - 2025 Part.1</p><style data-emotion="css 6su6fj">.css-6su6fj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><p class="mantine-Text-root css-6su6fj mantine-5jtosh">13 lectures ∙ (4hr 45min)</p></div></span></button><div class="mantine-Accordion-panel mantine-ctxe17" style="box-sizing:border-box" aria-hidden="false" role="region" id="mantine-R15sqkimlddaddm-panel-item-0" aria-labelledby="mantine-R15sqkimlddaddm-control-item-0"><div style="opacity:1;transition:opacity 200ms ease"><div class="mantine-rgfqyg mantine-Accordion-content"><ul class="mantine-1avyp1d"><style data-emotion="css 5t6p0s">.css-5t6p0s+.css-5t6p0s{border-top:1px solid #e9ecef;}</style><li class="css-5t6p0s mantine-1avyp1d"><style data-emotion="css 13e7n2t">.css-13e7n2t{padding:14px 16px;background:white;}.css-13e7n2t:hover{background:#F8F9FA;}</style><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><style data-emotion="css 6yk76q">.css-6yk76q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:8px;color:#212529;cursor:default;}.css-6yk76q:hover{-webkit-text-decoration:none;text-decoration:none;}</style><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="file" class="svg-inline--fa fa-file fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z"></path></svg></div><style data-emotion="css 8b9vt8">.css-8b9vt8{-webkit-flex:1;-ms-flex:1;flex:1;gap:8px;}@media (max-width: 768px){.css-8b9vt8{gap:4px;}}</style><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><style data-emotion="css 1duo8nw">.css-1duo8nw{text-decoration-thickness:1px;word-break:break-all;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}</style><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">1. Class Materials</p></div></a></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><style data-emotion="css 1wicgs2">.css-1wicgs2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:8px;color:#212529;cursor:pointer;}.css-1wicgs2:hover{-webkit-text-decoration:none;text-decoration:none;}</style><a class="mantine-Text-root mantine-Anchor-root css-1wicgs2 mantine-kll8pt" role="link" href="https://www.inflearn.com/en/courses/lecture?courseId=338509&unitId=336857"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><style data-emotion="css rf14v6">.css-rf14v6{text-decoration-line:underline;text-decoration-thickness:1px;word-break:break-all;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}</style><p class="mantine-Text-root css-rf14v6 mantine-3wl69s">2. HTML Start</p></div><style data-emotion="css z63geu">.css-z63geu{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}</style><span class="css-z63geu mantine-1avyp1d"><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1r96f7t" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-1ryt1ht mantine-Button-label">Preview</span></div></button></span></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><style data-emotion="css 48jxi2">.css-48jxi2{word-break:keep-all;min-width:37px;}</style><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">23:40</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-1wicgs2 mantine-kll8pt" role="link" href="https://www.inflearn.com/en/courses/lecture?courseId=338509&unitId=336858"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-rf14v6 mantine-3wl69s">3. Basic Structure of HTML Documents</p></div><span class="css-z63geu mantine-1avyp1d"><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1r96f7t" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-1ryt1ht mantine-Button-label">Preview</span></div></button></span></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">21:51</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">4. Form Input Tags</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">23:30</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">5. Other output tags</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">21:03</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">6. Getting Started with CSS</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">29:40</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">7. CSS Basic Styles</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">29:26</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">8. Writing Reset CSS</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">14:53</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">9. Understanding Display CSS</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">28:34</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">10. Understanding CSS Position 1</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">18:41</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">11. Understanding CSS Position 2</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">20:57</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">12. Understanding Flex Layout 1</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">29:25</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">13. Understanding Flex Layout 2</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">24:04</p></div></div></li></ul></div></div></div></div><div class="mantine-Accordion-item mantine-14kr1df" data-active="true"><button class="mantine-UnstyledButton-root mantine-Accordion-control mantine-1wi88a3" type="button" data-accordion-control="true" data-active="true" aria-expanded="true" aria-controls="mantine-R15sqkimlddaddm-panel-item-1" id="mantine-R15sqkimlddaddm-control-item-1"><span class="mantine-qfepok mantine-Accordion-chevron" data-rotate="true"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:12px;color:#868e96"><path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path></svg></span><span class="mantine-4j68dz mantine-Accordion-label"><div class="mantine-1maqgkn"><p class="mantine-Text-root css-542wex mantine-5jtosh">Section 2. Web Standards Fundamentals (Basics) - 2025 Part.2</p><p class="mantine-Text-root css-6su6fj mantine-5jtosh">16 lectures ∙ (6hr 29min)</p></div></span></button><div class="mantine-Accordion-panel mantine-ctxe17" style="box-sizing:border-box" aria-hidden="false" role="region" id="mantine-R15sqkimlddaddm-panel-item-1" aria-labelledby="mantine-R15sqkimlddaddm-control-item-1"><div style="opacity:1;transition:opacity 200ms ease"><div class="mantine-rgfqyg mantine-Accordion-content"><ul class="mantine-1avyp1d"><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="file" class="svg-inline--fa fa-file fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">14. Class Materials</p></div></a></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-1wicgs2 mantine-kll8pt" role="link" href="https://www.inflearn.com/en/courses/lecture?courseId=338509&unitId=336872"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-rf14v6 mantine-3wl69s">15. Writing Web Standard Headers</p></div><span class="css-z63geu mantine-1avyp1d"><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1r96f7t" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-1ryt1ht mantine-Button-label">Preview</span></div></button></span></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">22:43</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-1wicgs2 mantine-kll8pt" role="link" href="https://www.inflearn.com/en/courses/lecture?courseId=338509&unitId=336873"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-rf14v6 mantine-3wl69s">16. Writing Web Accessibility Headers</p></div><span class="css-z63geu mantine-1avyp1d"><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1r96f7t" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-1ryt1ht mantine-Button-label">Preview</span></div></button></span></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">24:39</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">17. Writing containers for each device</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">33:59</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">18. Web Standard GNB Type 1</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">23:08</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">19. Web Standard GNB Type 2</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">18:40</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">20. Web Standard GNB Type 3</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">34:45</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">21. Font icon creation</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">14:32</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">22. Table Basic Style</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">24:37</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">23. Table Utilization Style 1</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">19:03</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">24. Table Utilization Style 2</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">26:57</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">25. Form Basic Styles</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">37:44</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">26. Form Utilization Style 1</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">22:16</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">27. Form Utilization Style 2</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">28:44</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">28. Responsive Basic Style</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">28:33</p></div></div></li><li class="css-5t6p0s mantine-1avyp1d"><div class="mantine-Group-root css-13e7n2t mantine-1rraes2"><a class="mantine-Text-root mantine-Anchor-root css-6yk76q mantine-kll8pt" role="presentation"><div class="mantine-Group-root mantine-hm1ee1"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play fa-fw " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#212529"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg></div><div class="mantine-Stack-root css-8b9vt8 mantine-1u5w57j"><p class="mantine-Text-root css-1duo8nw mantine-fj1slv">29. Responsive Utilization Style</p></div></a><div class="mantine-Group-root css-6su6fj mantine-bvjm6c"><p class="mantine-Text-root css-48jxi2 mantine-1q4x896">28:45</p></div></div></li></ul></div></div></div></div></div></div></div><style data-emotion="css 1dv97ft">.css-1dv97ft{border-radius:8px;color:#1971c2;text-align:center;font-size:14px;}</style><div class="mantine-Stack-root css-1dv97ft mantine-tgd2be"><div class="mantine-Group-root mantine-d8k4uu">Published: <time dateTime="2025-06-01T08:00:00.000Z"></time><br/></div><div class="mantine-Group-root mantine-d8k4uu">Last updated: <time dateTime="2025-08-21T00:00:00.000Z"></time></div></div></div><div class="mantine-Stack-root mantine-caxjnw"><div class="mantine-Group-root mantine-pr1x6c"><h2 class="mantine-Text-root mantine-Title-root reviews mantine-8j62vx">Reviews</h2></div><div class="mantine-Stack-root mantine-e2wlhh"><div class="mantine-6jgcre"><div class="mantine-Stack-root mantine-1uuuflr"><div class="mantine-ia4qn"><div class="mantine-Text-root mantine-zepzfe">Not enough reviews.</div></div><div class="mantine-2us7l8"><div class="mantine-Text-root mantine-12u8ia7">Please write a valuable review that helps everyone!</div></div></div></div></div></div></div></section><style data-emotion="css 4ma18r">.css-4ma18r{z-index:3;}</style><div class="mantine-MediaQuery-media css-4ma18r mantine-1svw3e7"><div class="mantine-n8y7xk"></div><style data-emotion="css c973zk">.css-c973zk{box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.08);padding-top:12px;padding-bottom:12px;padding-left:32px;padding-right:32px;}@media (max-width: 768px){.css-c973zk{padding-left:12px;padding-right:12px;}}</style><div class="css-c973zk mantine-cqmdjb"><div class="mantine-1825ckj"><style data-emotion="css zremgq">.css-zremgq{max-width:320px;}@media (max-width: 1024px){.css-zremgq{max-width:200px;}}@media (max-width: 576px){.css-zremgq{max-width:164px;width:100%;}}</style><div class="css-zremgq mantine-5n4x4z"><style data-emotion="css 1va1b5c">.css-1va1b5c{font-size:18px;line-height:1.45;font-weight:600;}</style><p class="mantine-Text-root css-1va1b5c mantine-5jqdej" aria-label="Regular price"><span class="mantine-Text-root mantine-5jqdej">$92.40</span></p></div><div class="mantine-m3xqxx"><div class="mantine-1gx5pp8"><style data-emotion="css i9gxme">.css-i9gxme{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><button class="mantine-UnstyledButton-root mantine-Button-root css-i9gxme mantine-1p76ahv" type="button" data-button="true" data-loading="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-t982pm"><svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#fff" style="width:calc(3.125rem / 2);height:calc(3.125rem / 2)" class="mantine-1avyp1d" role="presentation"><g fill="none" fill-rule="evenodd"><g transform="translate(2.5 2.5)" stroke-width="5"><circle stroke-opacity=".5" cx="16" cy="16" r="16"></circle><path d="M32 16c0-9.94-8.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg></span><span class="mantine-1ryt1ht mantine-Button-label"></span></div></button><style data-emotion="css 502plt">.css-502plt{grow:1px;}</style><button class="mantine-UnstyledButton-root mantine-Button-root mantine-MediaQuery-media css-502plt mantine-rfwf4d" type="button" data-button="true" data-loading="true" aria-label="Add to cart"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-t982pm"><svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#000" style="width:calc(3.125rem / 2);height:calc(3.125rem / 2)" class="mantine-1avyp1d" role="presentation"><g fill="none" fill-rule="evenodd"><g transform="translate(2.5 2.5)" stroke-width="5"><circle stroke-opacity=".5" cx="16" cy="16" r="16"></circle><path d="M32 16c0-9.94-8.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg></span><span class="mantine-1ryt1ht mantine-Button-label"></span></div></button></div></div></div></div></div><style data-emotion="css a3517j">.css-a3517j{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);z-index:3;}</style><aside class="mantine-Stack-root mantine-MediaQuery-media css-a3517j mantine-87qk1z"><style data-emotion="css ks8w16">.css-ks8w16{border-radius:8px;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;}</style><div class="css-ks8w16 mantine-1avyp1d"><style data-emotion="css y48vtv">.css-y48vtv{border-bottom:1px solid rgba(0, 0, 0, 0.1);border-radius:unset;}</style><div class="mantine-Stack-root css-y48vtv mantine-14kdbyl"><div class="mantine-Stack-root mantine-caxjnw"><style data-emotion="css 6n12g">.css-6n12g{font-size:26px;line-height:1.35;font-weight:600;}</style><p class="mantine-Text-root css-6n12g mantine-5jqdej" aria-label="Regular price"><span class="mantine-Text-root mantine-5jqdej">$92.40</span></p><div class="mantine-e3wuc0"><button class="mantine-UnstyledButton-root mantine-Button-root css-i9gxme mantine-1p76ahv" type="button" data-button="true" data-loading="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-t982pm"><svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#fff" style="width:calc(3.125rem / 2);height:calc(3.125rem / 2)" class="mantine-1avyp1d" role="presentation"><g fill="none" fill-rule="evenodd"><g transform="translate(2.5 2.5)" stroke-width="5"><circle stroke-opacity=".5" cx="16" cy="16" r="16"></circle><path d="M32 16c0-9.94-8.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg></span><span class="mantine-1ryt1ht mantine-Button-label"></span></div></button><button class="mantine-UnstyledButton-root mantine-Button-root mantine-MediaQuery-media css-502plt mantine-rfwf4d" type="button" data-button="true" data-loading="true" aria-label="Add to cart"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-t982pm"><svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#000" style="width:calc(3.125rem / 2);height:calc(3.125rem / 2)" class="mantine-1avyp1d" role="presentation"><g fill="none" fill-rule="evenodd"><g transform="translate(2.5 2.5)" stroke-width="5"><circle stroke-opacity=".5" cx="16" cy="16" r="16"></circle><path d="M32 16c0-9.94-8.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg></span><span class="mantine-1ryt1ht mantine-Button-label"></span></div></button></div></div><div class="mantine-133l5wo"><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1iyp9dn" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-pq7nai"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="folder-plus" class="svg-inline--fa fa-folder-plus " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:14px;color:#495057"><path fill="currentColor" d="M251.7 127.6l0 0c10.5 10.5 24.7 16.4 39.6 16.4H448c8.8 0 16 7.2 16 16V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H197.5c4.2 0 8.3 1.7 11.3 4.7l33.9-33.9L208.8 84.7l42.9 42.9zm33.9-33.9L242.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H291.3c-2.1 0-4.2-.8-5.7-2.3zM232 376c0 13.3 10.7 24 24 24s24-10.7 24-24V312h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H280V200c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H168c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z"></path></svg></span><span class="mantine-1ryt1ht mantine-Button-label">Folder</span></div></button><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1iyp9dn" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-pq7nai"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="link" class="svg-inline--fa fa-link " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="font-size:14px;color:#495057"><path fill="currentColor" d="M580.3 267.2c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4c-10 8.7-11 23.9-2.3 33.9s23.9 11 33.9 2.3l6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4c8.7-10 7.7-25.1-2.3-33.9s-25.1-7.7-33.9 2.3l-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2zM59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4c10-8.7 11-23.9 2.3-33.9s-23.9-11-33.9-2.3l-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1c-8.7 10-7.7 25.1 2.3 33.9s25.1 7.7 33.9-2.3l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8z"></path></svg></span><span class="mantine-1ryt1ht mantine-Button-label">Share</span></div></button><button class="mantine-UnstyledButton-root mantine-Button-root mantine-1iyp9dn" type="button" data-button="true"><div class="mantine-1yjkc96 mantine-Button-inner"><span class="mantine-Button-icon mantine-Button-leftIcon mantine-pq7nai"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#495057"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></span><span class="mantine-1ryt1ht mantine-Button-label">9</span></div></button></div></div><style data-emotion="css 1ncs04q">.css-1ncs04q{border-radius:0 0 8px 8px;}</style><div class="css-1ncs04q mantine-rqwz9x"><div class="mantine-Stack-root mantine-uet3or"><div class="css-1n0sxg9 mantine-l3a1ir"><style data-emotion="css 80bd5m">.css-80bd5m{line-height:1.3;}</style><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Instructor</div><style data-emotion="css mc9h39">.css-mc9h39{font-weight:500;font-size:14px;line-height:1.3;}</style><div class="css-mc9h39 mantine-1avyp1d"><a class="mantine-Text-root mantine-Anchor-root css-1081t4c mantine-11fk1nk" target="_blank" href="https://www.inflearn.com/en/users/423184/@usefulit">usefulit</a></div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Curriculum</div><div class="css-mc9h39 mantine-1avyp1d"><div class="mantine-Group-root mantine-1n7ftt8"><p class="mantine-Text-root mantine-5jqdej">29 lectures</p></div></div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Running time</div><div class="css-mc9h39 mantine-1avyp1d"><p class="mantine-Text-root mantine-5jqdej">11hr 14min</p></div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Course period</div><div class="css-mc9h39 mantine-1avyp1d"><div>12 months</div></div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Certificate</div><div class="css-mc9h39 mantine-1avyp1d">Provided</div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Level</div><div class="css-mc9h39 mantine-1avyp1d"><div class="mantine-Group-root mantine-d8k4uu"><div class="mantine-Group-root mantine-d8k4uu"><div class=""><p class="mantine-Text-root mantine-ovwq0i">Beginner</p></div><p class="mantine-Text-root mantine-1p3rbvs">-</p></div><div class="mantine-Group-root mantine-d8k4uu"><div class=""><p class="mantine-Text-root mantine-6274m">Basic</p></div><p class="mantine-Text-root mantine-1p3rbvs">-</p></div><div class="mantine-Group-root mantine-d8k4uu"><div class=""><p class="mantine-Text-root mantine-6274m">Intermediate</p></div></div></div></div></div><div class="css-1n0sxg9 mantine-l3a1ir"><div class="mantine-Text-root css-80bd5m mantine-18im2nh">Instructor's Q&A</div><div class="css-mc9h39 mantine-1avyp1d">Not provided</div></div></div></div></div></aside></div></div></section></div><section class="css-1h0915r mantine-1avyp1d"><div class="css-1jba8nx mantine-1g1rt6r"><div class="mantine-Stack-root mantine-1xinysn"><div class="mantine-Stack-root mantine-181x9gi"><h3 class="mantine-Text-root mantine-Title-root mantine-8j62vx"><a class="mantine-Text-root mantine-Anchor-root css-1q3zd4q mantine-1yhr1tn" href="https://www.inflearn.com/en/users/423184/@usefulit" target="_blank">usefulit</a>'s other courses</h3><p class="mantine-Text-root mantine-10drr5t">Check out other courses by the instructor!</p></div><div class="mantine-Carousel-root mantine-7c7vou"><div class="mantine-fueb6o mantine-Carousel-viewport"><div class="mantine-8t5g00 mantine-Carousel-container"><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/제품디자인-라이노-2?cid=326993"><div class="mantine-1avyp1d"><style data-emotion="css 1vfpvhe">.css-1vfpvhe{display:none;}@media (max-width: 1024px){.css-1vfpvhe{display:block;}}</style><div class="css-1vfpvhe mantine-1avyp1d"><style data-emotion="css 6ocxvq">.css-6ocxvq{position:relative;overflow:visible;padding:0;}</style><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><style data-emotion="css pr5upu">.css-pr5upu{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}@media (max-width: 769px){.css-pr5upu{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}</style><style data-emotion="css prsjcu">.css-prsjcu{margin-bottom:4px;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}@media (min-width: 577px){.css-prsjcu{margin-bottom:6px;}}@media (max-width: 769px){.css-prsjcu{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}</style><div class="css-prsjcu mantine-n8y7xk"><style data-emotion="css spdkon">.css-spdkon{z-index:1;display:none;}@media (max-width: 769px){.css-spdkon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><style data-emotion="css 7bcd1y">.css-7bcd1y{--fa-secondary-opacity:0.2;--fa-primary-opacity:0.8;--fa-primary-color:#FFFFFF;--fa-secondary-color:#000000;}</style><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><style data-emotion="css 10tf8cw">.css-10tf8cw{overflow:hidden;border-radius:8px;border:1px solid #e9ecef;}.css-10tf8cw img{width:100%;height:100%;object-fit:fill;}</style><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?w=420" alt="Rhino 6 for Beginners Product Design Part.2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><style data-emotion="css 13udsys">.css-13udsys{height:100%;}</style><div class="css-13udsys mantine-n8y7xk"><style data-emotion="css 17cnqmk">.css-17cnqmk{margin-bottom:4px;}@media (min-width: 577px){.css-17cnqmk{margin-bottom:6px;}}</style><div class="css-17cnqmk mantine-5n4x4z"><style data-emotion="css 10bh5qj">.css-10bh5qj{height:45px;word-break:break-all;line-height:1.4;}@media (max-width: 769px){.css-10bh5qj{height:40px;font-size:14px;}}</style><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Rhino 6 for Beginners Product Design Part.2</p><style data-emotion="css 1r49xhh">.css-1r49xhh{font-size:14px;}@media (min-width: 577px){.css-1r49xhh{font-size:16px;}}</style><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><style data-emotion="css 4542l5">.css-4542l5{width:100%;position:absolute;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}@media (max-width: 769px){.css-4542l5{opacity:1;position:inherit;}}</style><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><style data-emotion="css 1aozfzu">.css-1aozfzu{opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}@media (max-width: 769px){.css-1aozfzu{display:none;opacity:0;}}</style><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><style data-emotion="css 1uons5e">.css-1uons5e{word-break:break-all;line-height:150%;min-height:none;}</style><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a lecture on Rhino 3D, which is a basic tool for product design.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><style data-emotion="css 186a9m3">.css-186a9m3{margin-right:8px;max-width:calc(100% - 84px);}</style><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><style data-emotion="css fxp7t8">.css-fxp7t8{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;}</style><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><style data-emotion="css ugmdna">.css-ugmdna{width:100%;word-break:break-all;}</style><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Rhino</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><style data-emotion="css 3skwii">.css-3skwii{color:#495057;}</style><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png?w=420" alt="Rhino 6 for Beginners Product Design Part.2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Rhino 6 for Beginners Product Design Part.2</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/제품디자인-라이노-1?cid=326992"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?w=420" alt="Rhino 6 for Beginners Product Design Part.1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Rhino 6 for Beginners Product Design Part.1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a lecture on Rhino 3D, which is a basic tool for product design.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Rhino</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png?w=420" alt="Rhino 6 for Beginners Product Design Part.1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Rhino 6 for Beginners Product Design Part.1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/c-제대로-배우기-고급-part345?cid=338756"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?w=420" alt="C# Proper Learning (Advanced) Part.3,4,5 Threads and TasksCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">C# Proper Learning (Advanced) Part.3,4,5 Threads and Tasks</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is an advanced program that provides in-depth coverage of C# multithreading and asynchronous programming, systematically designed to help you learn concurrency handling techniques frequently used in real-world applications. First, you'll understand the basic concepts of threads and practice creating and managing threads, learning to precisely control thread states and behaviors through various thread methods, ThreadState enumeration, and Flags properties. Next, you'll practice the differences and use cases between **Interrupt() and Abort()**, and learn how to reliably implement thread synchronization using **lock keywords and Monitor class (Enter, Exit, Wait, Pulse)**. Additionally, you'll cover asynchronous programming techniques essential in modern development environments, practicing parallel programming using Task and Task<TResult> classes, and the Parallel class. Finally, through async/await keywords, you'll understand the differences between synchronous and asynchronous code and gain experience applying more efficient asynchronous processing methods to projects. Through this course, learners will acquire the ability to develop high-performance applications using multithreading and asynchronous programming, and gain confidence in solving concurrency issues and implementing efficient programs in real-world scenarios.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">C</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g?w=420" alt="C# Proper Learning (Advanced) Part.3,4,5 Threads and TasksCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">C# Proper Learning (Advanced) Part.3,4,5 Threads and Tasks</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/revit-2019-advanced?cid=324762"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?w=420" alt="Easy-to-follow Revit 2019 applicationCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Easy-to-follow Revit 2019 application</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a lecture on the application of Revit (Autodesk Revit) for implementing BIM (Building Information Modeling).</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Intermediate" src="https://cdn.inflearn.com/public/course/icons/level_3.svg"/><p class="mantine-Text-root mantine-y5x8pk">Intermediate</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Revit</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png?w=420" alt="Easy-to-follow Revit 2019 applicationCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Easy-to-follow Revit 2019 application</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/왕초보-포토샵-입문?cid=324688"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?w=420" alt="Adobe Photoshop CC 2019 Beginner's Guide for BeginnersCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Adobe Photoshop CC 2019 Beginner's Guide for Beginners</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a Photoshop course for beginners that will teach you the most basic and important functions of the graphic editing tool Photoshop.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Photoshop</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png?w=420" alt="Adobe Photoshop CC 2019 Beginner's Guide for BeginnersCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Adobe Photoshop CC 2019 Beginner's Guide for Beginners</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/애프터이펙트-2020-모션그래픽-1?cid=326982"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?w=420" alt="Introduction to Motion Graphics in After Effects CC 2020 Part 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Introduction to Motion Graphics in After Effects CC 2020 Part 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is for those who are new to After Effects, and explains the overall usage method focusing on the most basic contents, and learns the basic process of motion work through simple tasks.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">After Effects, Video Production</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png?w=420" alt="Introduction to Motion Graphics in After Effects CC 2020 Part 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Introduction to Motion Graphics in After Effects CC 2020 Part 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/컴활-필기-컴퓨터일반?cid=326724"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?w=420" alt="Computer Literacy Certification Level 1 & 2 Written Exam - Computer FundamentalsCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Computer Literacy Certification Level 1 & 2 Written Exam - Computer Fundamentals</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Through this course, learners can acquire the ability to obtain a computer proficiency certificate. This course is designed to meet the examination criteria for obtaining a computer proficiency certificate. You can learn and utilize basic knowledge of the computer proficiency subject to prepare for obtaining the certificate.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">MS-Office, Computer Specialist in Spreadsheet & Database</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png?w=420" alt="Computer Literacy Certification Level 1 & 2 Written Exam - Computer FundamentalsCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Computer Literacy Certification Level 1 & 2 Written Exam - Computer Fundamentals</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/ai를-효율적으로-조작하자-chatg?cid=339388"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?w=420" alt="Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Learn the core techniques of 'Prompt Engineering' to get exactly the answers you want from AI. From a complete beginner's first steps to expert practical applications, maximize your AI utilization skills!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">ChatGPT, prompt engineering, Generative AI</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md?w=420" alt="Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/마야-이펙트-모션-2?cid=326854"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?w=420" alt="Introduction to Autodesk Maya 2020 Effects and Motion Part.2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Introduction to Autodesk Maya 2020 Effects and Motion Part.2</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">You can learn the basic functions needed for 3D effects and motion graphics work in the Maya 2020 version. (Part 2)</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">MAYA, Motion Graphic</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png?w=420" alt="Introduction to Autodesk Maya 2020 Effects and Motion Part.2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Introduction to Autodesk Maya 2020 Effects and Motion Part.2</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/c-제대로-배우기-고급-part89?cid=338758"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?w=420" alt="C# Proper Learning (Advanced) Part.8,9 Network ProgrammingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">C# Proper Learning (Advanced) Part.8,9 Network Programming</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is a step-by-step learning program that covers network programming from fundamentals to hands-on practice. First, we examine the origins and development of the Internet to understand how today's network environment was formed. Next, we learn the structure and operating principles of the TCP/IP protocol, which is the core of networking, to build a theoretical foundation. In the practical stage, we implement actual network communication using the Socket class, TcpListener, and TcpClient classes provided by C#, and experience client-server architecture. Through this, you can understand the actual data transmission and reception process and network connection procedures beyond simple theory. Finally, we visually implement network programs by creating user interfaces (UI) using WinForm. We practice enabling connection, message transmission, and reception through button clicks, developing the ability to create network application programs that can be utilized in real-world environments.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">C</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b?w=420" alt="C# Proper Learning (Advanced) Part.8,9 Network ProgrammingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">C# Proper Learning (Advanced) Part.8,9 Network Programming</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/공공데이터-api-1?cid=328269"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?w=420" alt="Learn Public Data (Open Data) APIs Part 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn Public Data (Open Data) APIs Part 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a course to learn in various languages how to call various open data provided by the public data portal from various programming languages and how to use JSON data provided as a result of the call.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Web API</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png?w=420" alt="Learn Public Data (Open Data) APIs Part 1Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn Public Data (Open Data) APIs Part 1</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/marketing-google-adwords?cid=125228"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?w=420" alt="Google Adwords - View by campaign typeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Google Adwords - View by campaign type</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Run effective advertising with Google AdWords</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><style data-emotion="css 1j9b62i">.css-1j9b62i{margin-right:8px;max-width:calc(100% - 42px);}</style><div class="css-1j9b62i mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Marketing Theory, Digital Marketing</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg?w=420" alt="Google Adwords - View by campaign typeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Google Adwords - View by campaign type</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/어셈블리어-배우기?cid=25141"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?w=420" alt="Learn assemblerCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn assembler</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is an assembler course provided by Smoothie TV.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-1j9b62i mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">C</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/code001.jpg?w=420" alt="Learn assemblerCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn assembler</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/파이썬-시각화와-대시보드-실전-sea-2?cid=339398"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/files/courses/339398/cover/01k8qc34ssvea2c6j9eaxw4z68.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Python Visualization and Dashboard Practice (Using Seaborn and PlotlyDash) Part.3</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course focuses on developing practical visualization skills that can be immediately applied in the workplace by utilizing Seaborn, a core tool for data visualization, and plotly/Dash for building interactive dashboards. Through various hands-on exercises, you can enhance both your ability to create insight-driven visual materials and implement web-based dashboards.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Python, Plotly, plotly-dash</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/files/courses/339398/cover/01k8qc34ssvea2c6j9eaxw4z68.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Python Visualization and Dashboard Practice (Using Seaborn and PlotlyDash) Part.3</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/ai를-효율적으로-조작하자-chatg-1?cid=339389"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?w=420" alt="Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 2</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Learn the core techniques of 'Prompt Engineering' to get exactly the answers you want from AI. From a complete beginner's first steps to expert practical applications, maximize your AI utilization skills!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">ChatGPT, prompt engineering, Generative AI</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz?w=420" alt="Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 2Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 2</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/한방에-끝낸다-ai를-활용한-디지털?cid=339348"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?w=420" alt="Finish it in one go. AI-Powered Digital Content Creation Part.1 AI Content Creation (Basics 1) [AI Dubbing]Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Finish it in one go. AI-Powered Digital Content Creation Part.1 AI Content Creation (Basics 1) [AI Dubbing]</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is a practical beginner's course where you'll directly create various videos such as talking avatars, AI dance, and fairy tale animations using AI tools like HeyGen, Viggle, Runway, and more.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Animation, AI, Generative AI</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54?w=420" alt="Finish it in one go. AI-Powered Digital Content Creation Part.1 AI Content Creation (Basics 1) [AI Dubbing]Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Finish it in one go. AI-Powered Digital Content Creation Part.1 AI Content Creation (Basics 1) [AI Dubbing]</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/피그마figma-제대로-배우기-기초?cid=339336"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?w=420" alt="Learning Figma Properly (Basics)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learning Figma Properly (Basics)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">When you want to try using Figma, a UI design authoring tool, or when you want to create something with Figma, you'll practice the most basic usage methods.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Web Design, Figma, UIUX</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r?w=420" alt="Learning Figma Properly (Basics)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learning Figma Properly (Basics)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/업무-생산성을-높이는-iwork-nu?cid=339264"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/files/courses/339264/cover/01k7nxz19dv4p1z0hvk42x2hv7.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Boosting Work Productivity with iWork - Numbers</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Learn step-by-step how to easily and elegantly complete spreadsheets and data using Numbers in a Mac environment. A complete Numbers guide that covers everything from basic data entry to functions, chart utilization, and collaboration, all focused on practical application!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">numbers, iwork</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/files/courses/339264/cover/01k7nxz19dv4p1z0hvk42x2hv7.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Boosting Work Productivity with iWork - Numbers</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div></div></div><div class="mantine-1vqmp61 mantine-Carousel-controls"><button class="mantine-UnstyledButton-root mantine-Carousel-control mantine-vtpfs1" type="button" data-inactive="true" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1rem;height:1rem;transform:rotate(90deg)"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button><button class="mantine-UnstyledButton-root mantine-Carousel-control mantine-vtpfs1" type="button" data-inactive="true" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1rem;height:1rem;transform:rotate(-90deg)"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div></div></div><div class="mantine-Stack-root mantine-1xinysn"><div class="mantine-Stack-root mantine-181x9gi"><h3 class="mantine-Text-root mantine-Title-root mantine-8j62vx">Similar courses</h3><p class="mantine-Text-root mantine-10drr5t">Explore other courses in the same field!</p></div><div class="mantine-Carousel-root mantine-7c7vou"><div class="mantine-fueb6o mantine-Carousel-viewport"><div class="mantine-8t5g00 mantine-Carousel-container"><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/웹표준-제대로-배우기-활용-2025?cid=338512"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?w=420" alt="Web Standards Proper Learning (Application) - 2025Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Web Standards Proper Learning (Application) - 2025</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is an introductory program where you can systematically learn web standard coding methods. Learners will acquire fundamental knowledge necessary for web development and build a foundation for developing actual web programs based on this knowledge. Additionally, through coding methods that comply with web standards, you can aim to obtain certifications. It provides an opportunity to solidly prepare from the basics of web development to practical application.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Web Design, frontend, HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw?w=420" alt="Web Standards Proper Learning (Application) - 2025Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Web Standards Proper Learning (Application) - 2025</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/합격을-부르는-웹-프론트엔드-포트폴리?cid=338685"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?w=420" alt="Success-Driven Web Frontend Portfolio 2025 (Basics)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Success-Driven Web Frontend Portfolio 2025 (Basics)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This course is a hands-on program focused on learning the core syntax and application methods of frontend web programming and applying them to actual portfolio creation. Learners will progressively master everything from basic syntax including HTML, CSS, and JavaScript to the latest frontend technologies, directly experiencing the process of web interface implementation and dynamic functionality handling. Additionally, through various examples frequently used in practice, learners can naturally acquire efficient coding techniques and real development workflows. Through this course, learners will move beyond simple syntax memorization to understand the connected workflow from web page planning–design–implementation, and based on this understanding, they can complete their own portfolio. Furthermore, this course will serve as a solid stepping stone for growing into a frontend developer, providing great help as an introductory course for learners new to web development and as a practical supplementary course for those looking to build hands-on experience.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">frontend</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk?w=420" alt="Success-Driven Web Frontend Portfolio 2025 (Basics)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Success-Driven Web Frontend Portfolio 2025 (Basics)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/부트스트랩5-웹프로젝트?cid=327246"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?w=420" alt="Bootstrap 5 - Creating a Web Project from ScratchCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Bootstrap 5 - Creating a Web Project from Scratch</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Self-coding</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">We will understand the concepts of classes and components in Bootstrap5, apply them, modify them, and create three projects through practice.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Bootstrap, HTML/CSS, JavaScript</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg?w=420" alt="Bootstrap 5 - Creating a Web Project from ScratchCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Bootstrap 5 - Creating a Web Project from Scratch</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Self-coding</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/do-it-html5-css3-개정2판?cid=330795"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?w=420" alt="Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd EditionCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">easyspub</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">If you want to build a solid web foundation, come here!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-1j9b62i mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png?w=420" alt="Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd EditionCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">easyspub</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/css-grid-마스터-figma-디자인웹구현?cid=336363"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?w=420" alt="CSS GRID Master: Practical Web Implementation of Figma DesignCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">CSS GRID Master: Practical Web Implementation of Figma Design</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ezweb</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now! </p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, jQuery, Figma</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg?w=420" alt="CSS GRID Master: Practical Web Implementation of Figma DesignCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">CSS GRID Master: Practical Web Implementation of Figma Design</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ezweb</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/불사의-jquery-기초부터-실무까지?cid=336246"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?w=420" alt="The Immortal jQuery Still Alive - From Basics to PracticeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">The Immortal jQuery Still Alive - From Basics to Practice</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ezweb</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately in the field. </p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, jQuery</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg?w=420" alt="The Immortal jQuery Still Alive - From Basics to PracticeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">The Immortal jQuery Still Alive - From Basics to Practice</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ezweb</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/react-gpt-api-ai회고록-서비스-개발?cid=331994"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?w=420" alt="Developing AI Memoir Service with React + GPT API (One-Day Class)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Developing AI Memoir Service with React + GPT API (One-Day Class)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">dodocoding</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">React-based GPT AI Service: Complete in 1 Hour After taking the lecture, build your own AI GPT SASS solution.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-1j9b62i mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">React, ChatGPT, JavaScript</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png?w=420" alt="Developing AI Memoir Service with React + GPT API (One-Day Class)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Developing AI Memoir Service with React + GPT API (One-Day Class)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">dodocoding</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/풀면서-배우는-정보처리산업기사-과정평?cid=338257"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?w=420" alt="Complete Guide to Information Processing Industrial Engineer Process Assessment Practical Exam: Learn by SolvingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Complete Guide to Information Processing Industrial Engineer Process Assessment Practical Exam: Learn by Solving</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Neo</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Learning by Doing: 정보처리산업기사 I have prepared everything for passing the 정보처리산업기사 course-evaluation practical exam.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, Java, SQL</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8?w=420" alt="Complete Guide to Information Processing Industrial Engineer Process Assessment Practical Exam: Learn by SolvingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Complete Guide to Information Processing Industrial Engineer Process Assessment Practical Exam: Learn by Solving</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Neo</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/모바일-웹-퍼블리싱-포트폴리오-css?cid=335437"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?w=420" alt="Mobile Web Publishing Portfolio with CSS NestingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Mobile Web Publishing Portfolio with CSS Nesting</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">codingworks</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Page 19, Total 22 different mobile layouts While creating various mobile layouts, you can improve your mobile web creation skills, which are the most competitive in the publisher industry and publisher practice. You can learn almost all the production methods and know-how for creating mobile web as a publisher. In the mobile web publishing class, we will explain in detail the detailed writing method of HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe creation skills will greatly improve. In particular, you can learn enough about the CSS nesting method. You will acquire sufficient intermediate to advanced CSS practical skills centered on Flex layout.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Mobile App Design, HTML/CSS, wireframe</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png?w=420" alt="Mobile Web Publishing Portfolio with CSS NestingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Mobile Web Publishing Portfolio with CSS Nesting</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">codingworks</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/chatgpt-다국어-번역기-웹개발?cid=330683"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?w=420" alt="ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 MinutesCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 Minutes</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">kyaryunha</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Using the ChatGPT API, develop a full-stack multilingual translator web application in just 30 minutes, and even if you know nothing about AI, try incorporating the latest AI (ChatGPT API) into your product!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">ChatGPT, Python, HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png?w=420" alt="ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 MinutesCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 Minutes</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">kyaryunha</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/javascript-객체지향-틱택토-중급?cid=336946"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?w=420" alt="Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">nhcodingstudio</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, oop</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?w=420" alt="Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">nhcodingstudio</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/html5-시각화?cid=154639"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/data.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/data.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/data.jpg?w=420" alt="Practice-oriented HTML5 visualization programmingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Practice-oriented HTML5 visualization programming</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">antfellow77251</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/wp-content/uploads/data.jpg?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/wp-content/uploads/data.jpg?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/wp-content/uploads/data.jpg?w=420" alt="Practice-oriented HTML5 visualization programmingCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Practice-oriented HTML5 visualization programming</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">antfellow77251</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/website-funnels-traf?cid=340174"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?w=420" alt="Website, Funnels & Traffic Mastery Program - 2026Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Website, Funnels & Traffic Mastery Program - 2026</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Tanmoy Das</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">The Website, Funnels & Traffic Mastery Program is a comprehensive, execution-focused course bundle designed to help individuals and businesses build professional websites, create effective funnels, and drive consistent traffic that converts. This program connects website creation, traffic generation, and performance measurement into one complete growth system.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Digital Marketing, Web Design, Google Ads</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745?w=420" alt="Website, Funnels & Traffic Mastery Program - 2026Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Website, Funnels & Traffic Mastery Program - 2026</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Tanmoy Das</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/기초부터-실무까지-제대로-배우는-피그?cid=333517"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?w=420" alt="A Figma UI Design Class to Properly Learn from Basics to Practical ApplicationCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">A Figma UI Design Class to Properly Learn from Basics to Practical Application</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">bolduxlab</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">From basics to practical application, an all-in-one UI design class mastering everything with Figma! Master essential features like Auto Layout and Components, along with responsive design, efficient handoff, and collaboration skills for real-world work. Start now and upgrade your design capabilities to the next level!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Web Design, Prototyping, Figma</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v?w=420" alt="A Figma UI Design Class to Properly Learn from Basics to Practical ApplicationCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">A Figma UI Design Class to Properly Learn from Basics to Practical Application</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">bolduxlab</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/claude-code로-웹-서비스-만?cid=339029"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?w=420" alt="Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Creating Web Services with Vibe Coding With Claude Code</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ref63184917</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, Next.js</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm?w=420" alt="Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Creating Web Services with Vibe Coding With Claude Code</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ref63184917</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/웹게임-인터렉티브?cid=327593"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/courses/327593/cover/3c5219b2-c46c-49c7-a7cc-6d1a99f8a0bd/cover3_2메가.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learning interactive web while making web games! JAVASCRIPT</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ggangcoding162118</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Interactive Web, JavaScript, HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><video muted="" loop="" playsinline="" preload="none" src="https://cdn.inflearn.com/public/courses/327593/cover/3c5219b2-c46c-49c7-a7cc-6d1a99f8a0bd/cover3_2메가.gif.mp4"></video></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Learning interactive web while making web games! JAVASCRIPT</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ggangcoding162118</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/lottiefiles-공식-lotti?cid=338262"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?w=420" alt="[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">LottieFiles</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-1j9b62i mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Beginner" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">Beginner</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Motion Graphic, Web Design, Lottie</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy?w=420" alt="[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">LottieFiles</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/자바스크립트-제대로-배워보기?cid=326778"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?w=420" alt="Want to learn JavaScript properly?Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Want to learn JavaScript properly?</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">realprogrammers</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is the most solid foundation course for beginners who want to learn JavaScript properly. This course will be the starting point for understanding the language called JavaScript, and you can perfectly prepare the basics to become a front-end (Vue, React, Angular) developer and server (Node.js) developer.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">JavaScript, ES6, HTML/CSS</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png?w=420" alt="Want to learn JavaScript properly?Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Want to learn JavaScript properly?</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">realprogrammers</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/비전공-풀스택-맛집지도?cid=328721"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?w=420" alt="A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and DeploymentCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and Deployment</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Jay</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, REST API</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png?w=420" alt="A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and DeploymentCourse Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and Deployment</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">Jay</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div><div class="mantine-Carousel-slide mantine-wkb2o6"><a href="https://www.inflearn.com/en/course/모바일-ux-디자인-코딩?cid=324779"><div class="mantine-1avyp1d"><div class="css-1vfpvhe mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-prsjcu mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?w=420" alt="Creating Effective Mobile UX (Design + Coding)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Creating Effective Mobile UX (Design + Coding)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-4542l5 mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div><div class="css-1aozfzu mantine-1avyp1d"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-1uons5e mantine-121fe6h">You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.</p></div><div class="mantine-5n4x4z"><div class="mantine-Group-root mantine-1d86z2b"><div class="css-186a9m3 mantine-1avyp1d"><div class="mantine-Group-root mantine-o6vfkh"><img alt="Basic" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">Basic</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, jQuery, XD</p></div></div><div class="mantine-824czz"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="장바구니에 담기"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="cart-shopping" class="svg-inline--fa fa-cart-shopping " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></button><button class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-1syr7dd" type="button" aria-label="강의 좋아요"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:16px;color:#00C471"><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"></path></svg></button></div></div></div></div></div></article></div><div class="css-1sinacs mantine-1avyp1d"><div class="css-3skwii mantine-1avyp1d"><article class="mantine-Paper-root mantine-Card-root css-6ocxvq mantine-1z0jt7"><div class="css-17cnqmk mantine-n8y7xk"><button class="mantine-UnstyledButton-root mantine-ActionIcon-root css-spdkon mantine-y2r06h" type="button" aria-label="Like lecture"><svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="circle-heart" class="svg-inline--fa fa-circle-heart css-7bcd1y" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="font-size:24px;color:inherit"><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM131.9 280.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L278.5 384.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L131.9 280.9z"></path><path class="fa-primary" fill="currentColor" d="M131.9 172.9c-29.4 29.8-29.4 78.2 0 108L233.5 384.1c6.2 6.3 14.3 9.4 22.5 9.4s16.3-3.1 22.5-9.4L380.1 280.9c29.4-29.8 29.4-78.2 0-108s-77-29.8-106.4 0l-17.7 18-17.7-18c-29.4-29.8-77-29.8-106.4 0z"></path></g></svg></button><div class="mantine-AspectRatio-root css-10tf8cw mantine-1w8yksd"><picture style="display:flex"><source srcSet="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png?w=420" alt="Creating Effective Mobile UX (Design + Coding)Course Thumbnail" width="100%" loading="lazy"/></picture></div></div><div class="css-13udsys mantine-n8y7xk"><div class="css-17cnqmk mantine-5n4x4z"><p class="mantine-Text-root css-10bh5qj mantine-fcy4ne">Creating Effective Mobile UX (Design + Coding)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">usefulit</p></div><div class="css-17cnqmk mantine-5n4x4z"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-v3qj0g"></div></div><div class="mantine-5n4x4z"><div class="mantine-1avyp1d"><div class="mantine-Skeleton-root mantine-Skeleton-visible mantine-1xaifo"></div></div></div></div></article></div></div></div></a></div></div></div><div class="mantine-1vqmp61 mantine-Carousel-controls"><button class="mantine-UnstyledButton-root mantine-Carousel-control mantine-vtpfs1" type="button" data-inactive="true" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1rem;height:1rem;transform:rotate(90deg)"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button><button class="mantine-UnstyledButton-root mantine-Carousel-control mantine-vtpfs1" type="button" data-inactive="true" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:1rem;height:1rem;transform:rotate(-90deg)"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div></div></div></div></section><script type="application/ld+json">{"@context":"https://schema.org","@type":"Course","name":"Web Standards Proper Learning (Basics) - 2025","description":"frontend, HTML/CSS 스킬을 학습할 수 있는 Programming 강의를 인프런에서 만나보세요.","publisher":{"@type":"Organization","name":"usefulit","url":"https://www.inflearn.com/en/users/423184/@usefulit"},"instructor":{"@type":"Person","name":"usefulit","url":"https://www.inflearn.com/en/users/423184/@usefulit"},"offers":[{"@type":"Offer","price":118800,"priceCurrency":"KRW","url":"https://www.inflearn.com/en/course/%EC%9B%B9%ED%91%9C%EC%A4%80-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EB%B0%B0%EC%9A%B0%EA%B8%B0-%EA%B8%B0%EC%B4%88-2025?cid=338509","category":"Paid"}],"provider":{"@type":"Organization","name":"(주)인프랩","url":"https://www.inflearn.com"},"hasCourseInstance":[{"@type":"CourseInstance","name":"Class Materials","courseMode":"Online","courseWorkload":"PT"},{"@type":"CourseInstance","name":"HTML Start","courseMode":"Online","courseWorkload":"PT23M"},{"@type":"CourseInstance","name":"Basic Structure of HTML Documents","courseMode":"Online","courseWorkload":"PT21M"},{"@type":"CourseInstance","name":"Form Input Tags","courseMode":"Online","courseWorkload":"PT23M"},{"@type":"CourseInstance","name":"Other output tags","courseMode":"Online","courseWorkload":"PT21M"},{"@type":"CourseInstance","name":"Getting Started with CSS","courseMode":"Online","courseWorkload":"PT29M"},{"@type":"CourseInstance","name":"CSS Basic Styles","courseMode":"Online","courseWorkload":"PT29M"},{"@type":"CourseInstance","name":"Writing Reset CSS","courseMode":"Online","courseWorkload":"PT14M"},{"@type":"CourseInstance","name":"Understanding Display CSS","courseMode":"Online","courseWorkload":"PT28M"},{"@type":"CourseInstance","name":"Understanding CSS Position 1","courseMode":"Online","courseWorkload":"PT18M"},{"@type":"CourseInstance","name":"Understanding CSS Position 2","courseMode":"Online","courseWorkload":"PT20M"},{"@type":"CourseInstance","name":"Understanding Flex Layout 1","courseMode":"Online","courseWorkload":"PT29M"},{"@type":"CourseInstance","name":"Understanding Flex Layout 2","courseMode":"Online","courseWorkload":"PT24M"},{"@type":"CourseInstance","name":"Class Materials","courseMode":"Online","courseWorkload":"PT"},{"@type":"CourseInstance","name":"Writing Web Standard Headers","courseMode":"Online","courseWorkload":"PT22M"},{"@type":"CourseInstance","name":"Writing Web Accessibility Headers","courseMode":"Online","courseWorkload":"PT24M"},{"@type":"CourseInstance","name":"Writing containers for each device","courseMode":"Online","courseWorkload":"PT33M"},{"@type":"CourseInstance","name":"Web Standard GNB Type 1","courseMode":"Online","courseWorkload":"PT23M"},{"@type":"CourseInstance","name":"Web Standard GNB Type 2","courseMode":"Online","courseWorkload":"PT18M"},{"@type":"CourseInstance","name":"Web Standard GNB Type 3","courseMode":"Online","courseWorkload":"PT34M"},{"@type":"CourseInstance","name":"Font icon creation","courseMode":"Online","courseWorkload":"PT14M"},{"@type":"CourseInstance","name":"Table Basic Style","courseMode":"Online","courseWorkload":"PT24M"},{"@type":"CourseInstance","name":"Table Utilization Style 1","courseMode":"Online","courseWorkload":"PT19M"},{"@type":"CourseInstance","name":"Table Utilization Style 2","courseMode":"Online","courseWorkload":"PT26M"},{"@type":"CourseInstance","name":"Form Basic Styles","courseMode":"Online","courseWorkload":"PT37M"},{"@type":"CourseInstance","name":"Form Utilization Style 1","courseMode":"Online","courseWorkload":"PT22M"},{"@type":"CourseInstance","name":"Form Utilization Style 2","courseMode":"Online","courseWorkload":"PT28M"},{"@type":"CourseInstance","name":"Responsive Basic Style","courseMode":"Online","courseWorkload":"PT28M"},{"@type":"CourseInstance","name":"Responsive Utilization Style","courseMode":"Online","courseWorkload":"PT28M"}],"teaches":["frontend","HTML/CSS","Web Design"],"about":["frontend","HTML/CSS","Web Design"],"datePublished":"2025-06-01","availableLanguage":["ko","en","ja","vi"]}</script></main></div><div id="modal-root"></div></div><script>window.env="production"</script><script type="text/javascript" src="https://cdn.inflearn.com/assets/marketing/adpick_cps.js?d=7"></script><script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">{"props":{"pageProps":{"_nextI18Next":{"initialI18nStore":{"en":{"common":{"'{{keyword}}' 강의가 없어요.":"No '{{keyword}}' courses available.","'{{keyword}}' 검색 결과":"Search results for '{{keyword}}'","({{averageStar.toFixed(1)}}) 수강평 {{formatNumber(count)}}개":"({{averageStar.toFixed(1)}}) {{formatNumber(count)}} reviews","(주)인프랩":"InfLab Co., Ltd.","*수익률은 변동 가능성이 있습니다.":"*Rates of return are subject to change.","- 수강바구니 → 쿠폰선택":"- Cart → Select Coupon","- 입력된 이름과 이메일은 거래 증빙에 사용됩니다.":"- The name and email entered are used for transaction verification.","- 즉시할인":"- Instant discount","- 쿠폰할인":"- Coupon discount","- 포인트사용":"- Use points","- 프로필 아이콘 → 쿠폰":"- Profile Icon → Coupon","- 휴대폰 번호를 수정하면 프로필 정보도 함께 업데이트됩니다.":"- Updating your phone number will also update your profile information.","-없이 숫자만 입력":"Numbers only, no dashes","010부터 다시 입력해 주세요.":"Please re-enter starting with 010.","1,000잎 이상 사용":"Can use from at least 1,000 points","1. 쿠폰 사용은 어떻게 하나요?":"1. How do I use a coupon?","2. 쿠폰 등록은 어떻게 하나요?":"2. How do I register a coupon?","3. 쿠폰과 할인을 같이 사용할 수 있나요?":"3. Can I use coupons and discounts together?","3동 5층":"Building 3, 5th Floor","4. 쿠폰은 한 번에 몇 개까지 사용할 수 있나요?":"4. How many coupons can I use at once?","5. 쿠폰 적용 가능한 강의는 어디에서 확인하나요?":"5. Where can I check which courses are eligible for coupon application?","7% 미만":"Below 7%","7% 초과":"Over 7%","7일 미만":"Less than seven days","7일 초과":"More than seven days","ADMIN_CANCEL":"ADMIN_CANCEL","AI 활용":"AI Courses","AUTO_CANCEL":"AUTO_CANCEL","B2B 수강신청 허용 강의가 아닙니다.":"This course is not allowed for B2B enrollment.","BANCONTACT":"BANCONTACT","BLIK":"BLIK","BOOST":"BOOST","CANCEL_DELETE":"CANCEL_DELETE","CANCEL_NOT_ENOUGH_PROGRESS":"CANCEL_NOT_ENOUGH_PROGRESS","CODE_ORDER":"CODE_ORDER","CONFLICT_CANCEL":"CONFLICT_CANCEL","EPS":"EPS","FPX":"FPX","GRABPAYMY":"GRABPAYMY","GRABPAYPH":"GRABPAYPH","GROUP_PAYMENT_CANCEL":"GROUP_PAYMENT_CANCEL","IDEAL":"IDEAL","INSTANT_BANK_TRANSFER":"INSTANT BANK TRANSFER","KONBINI":"KONBINI","MANUAL_DELETE":"MANUAL_DELETE","MENTEE_CANCEL":"MENTEE_CANCEL","MENTOR_CANCEL":"MENTOR_CANCEL","MULTIBANCO":"MULTIBANCO","MY 카테고리":"MY Categories","NAVER_MONEY":"points / money","Npay":"Npay","Npay (중개)":"Npay (Intermediary)","Npay 포인트 구매 적립 혜택은 강의 종료일에 적용됩니다.":"The Npay point purchase reward will be applied on the course end date.","Npay 포인트 구매 적립은 결제 완료일로부터 30일 이후 적용됩니다.":"Npay point purchase rewards will be applied 30 days after the payment completion date.","Npay로 결제한 상세 정보는 아래 경로에서 확인하실 수 있어요.":"You can check the detailed information of your Npay payment at the path below.","Npay로 이동":"Go to Npay","PAYMENT_CANCEL":"PAYMENT_CANCEL","PAYMENT_COMPLETE_PROCESSING":"PAYMENT_COMPLETE_PROCESSING","PAYMENT_FAIL":"PAYMENT_FAIL","PAYMENT_READY":"PAYMENT_READY","PAYMENT_STOP":"PAYMENT_STOP","PAYNOW":"PAYNOW","PAYPAL":"PAYPAL","PAYSHOP":"PAYSHOP","PDF 다운로드":"Download PDF","PG 결제 오류가 발생했습니다.":"An error occurred during PG payment.","PLATFORM":"PLATFORM","POLI":"POLI","PRZELEWY24":"PRZELEWY24","SOFORT":"SOFORT","TOSS_MONEY":"TOSS_MONEY","TOUCHNGO":"TOUCHNGO","UPI":"UPI","Uncaught \"이동을 취소했습니다.\"":"Uncaught “Cancel move.”","WC_COMPLETED":"WC_COMPLETED","YYYY년 MM월 DD일 HH:mm":"MM, DD, YYYY, HH:mm.","[Npay \u003e 결제내역 \u003e 결제 상세정보 \u003e 영수증]":"[Npay \u003e Payment History \u003e Payment Details \u003e Receipt]","[사진]":"[Photo]","[원어]":"[Original]","[임베딩 영상]":"[Embedded video]","[지금 무료]":"[Free now]","courses.quickAccess.recentLectures.buttonText":"Continue learning, \u003cellipsis\u003e{{userName}}\u003c/ellipsis\u003e","infPay (인프페이)":"infPay (InfPay)","input[placeholder=\"강의/강사명을 입력해주세요\"]":"input[placeholder=\"Please enter the course/instructor name\"]","{{MONTHLY_INSTALLMENTS}}개월":"{{MONTHLY_INSTALLMENTS}} months","{{MONTHLY_INSTALLMENTS}}개월 {{installmentLabel}}":"{{MONTHLY_INSTALLMENTS}} months {{installmentLabel}}","{{MONTHLY_INSTALLMENTS}}개월 할부 시":"{{MONTHLY_INSTALLMENTS}} months installment","{{Number(review.lectureProgress).toFixed(0)}}% 수강 후 작성":"{{Number(review.lectureProgress).toFixed(0)}}% enrolled","{{addCommaNumber(discountedAmount)}}원 할인, 다시 받기 어려울지도 몰라요.":"This could be your only chance to get a {{addCommaNumber(discountedAmount)}} won discount.","{{addCommaNumber(maxStudentCount)}}명 이상의 수강생이 선택했어요.":"Chosen by more than {{addCommaNumber(maxStudentCount)}} learners.","{{categoryForMetaTitle()}} {{typeTextForMetaTitle()}} 리스트 {{totalCount}}개 | 인프런":"{{categoryForMetaTitle()}} {{typeTextForMetaTitle()}} list with {{totalCount}} items | Inflearn","{{categoryTextTitle}} {{typeTextTitle}} 리스트 | 인프런":"{{categoryTextTitle}} {{typeTextTitle}} list | Inflearn","{{categoryTextTitle}} {{typeTextTitle}}에 관심이 있다면 지금 당장 시작하세요! 인프런은 언제나 당신의 성장을 응원합니다.":"If you're interested in {{categoryTextTitle}} {{typeTextTitle}}, start now! Inflearn always supports your growth.","{{course.title}} 강의 썸네일":"Thumbnail of {{course.title}} course","{{courseCount}}개_one":"{{courseCount}} Course","{{courseCount}}개_other":"{{courseCount}} Courses","{{coursesTotalCount}}개 강의":" courses","{{daysLeft}}일":"{{daysLeft}} days","{{duration}}개월":"{{duration}} months","{{duration}}개월 수강":"Enroll for {{duration}} month(s)","{{editedAt}} (수정)":"{{editedAt}} (edited)","{{endedAt}} 까지":"This deal ends in {{endedAt}}","{{endedAt}} 분 남음":"This deal ends in {{endedAt}} minutes","{{endedAt}} 시간 남음":"This deal ends in {{endedAt}} hours","{{formatNumber(data.totalCount)}} 개":"{{formatNumber(data.totalCount)}} articles","{{formatNumber(reviewStats.totalCount)}}개의 수강평":"{{formatNumber(reviewStats.totalCount)}} reviews","{{formatNumber(reviewStatsData.totalCount)}}개":"{{formatNumber(reviewStatsData.totalCount)}} reviews","{{groupName}} 서비스 내에서 신청해주세요.":"Please apply within the {{groupName}} service.","{{groupName}} 승인 후 학습을 시작할 수 있습니다.":"You can start learning after {{groupName}} approval.","{{groupName}}에서 구독하는 강의에요.":"This is a course subscribed by {{groupName}}.","{{groupName}}에서 지원하지 않는 강의입니다.":"This course is not supported by {{groupName}}.","{{groupName}}에서 지원합니다.":"Supported by {{groupName}}.","{{groupName}}의 수강신청을 취소할까요?":"Would you like to cancel {{groupName}} enrollment?","{{hours}}시간 남음":"{{hours}} hours left","{{instructorName}}님이 선물한 할인 쿠폰이에요":"{{instructorName}} has gifted you a discount coupon.","{{isChallenge}} 추천하고 성장과 수익을 만들어 보세요!":"Recommend {{isChallenge}} to grow and earn commission!","{{minutes}}분 남음":"{{minutes}} minutes left","{{name}} 귀하":"Dear {{name}}","{{name}}님의 다른 강의":"\u003ca\u003e{{name}}\u003c/a\u003e's other courses","{{points}}잎":"{{points}} points","{{previewUnits.length}}개의 미리보기 영상":"{{previewUnits.length}} preview videos","{{previewVideoUnitCount}}개 미리보기":"{{previewVideoUnitCount}} Video Previews","{{price}} 쿠폰적용":"{{price}} coupon applied","{{roadmapsTotalCount}}개 로드맵":" roadmaps","{{runtimeHour}}시간":"\u003cp1\u003e{{runtimeHour}}\u003c/p1\u003e\u003cp2\u003ehr\u003c/p2\u003e","{{runtimeMinutes}}분":"\u003cp1\u003e{{runtimeMinutes}}\u003c/p1\u003e\u003cp2\u003emin\u003c/p2\u003e","{{searchKeyword}} 검색결과 리스트 | 인프런":"{{searchKeyword}} search results list | Inflearn","{{searchKeyword}} 에 대한 강의 검색 결과 {{totalCount}}개 | 인프런":"Search results for {{searchKeyword}}: {{totalCount}} courses | Inflearn","{{searchKeyword}}에 관심있다면 지금 당장 시작하세요! 인프런은 언제나 당신의 성장을 응원합니다.":"If you're interested in {{searchKeyword}}, start now! Inflearn always supports your growth.","{{session.userName}} 님, {{randomWelcomeMessage}}":"{{session.userName}}, {{randomWelcomeMessage}}","{{time}} 학습":"{{time}}","{{title}} 로드맵 썸네일":"{{title}} roadmap thumbnail","{{totalUnits}}개":"{{totalUnits}} lectures","{{units.length}}개":"{{units.length}} lectures","{{user.name}}님, 답글을 남겨보세요.":"{{user.name}}, please leave a reply.","{{writerName || name}} 님의 프로필 이미지":"{{writerName || name}}'s profile image","“{{_keyword}}”에 대한 관련 기술이 없어요.":"No related skills for “{{_keyword}}”.","“{{_keyword}}”에 대한 더 이상의 검색 결과가 없어요.":"No more search results for “{{_keyword}}”.","✨완강 챌린지 성공✨":"✨Course Completion Challenge Success✨","가격":"Price","가상계좌":"Virtual account","가상계좌 결제시 300원 이상부터 결제가 가능합니다.":"When paying via virtual account, payments can be made from 300 won.","간단한 피드백을 남겨주세요.":"Please leave brief feedback.","간편결제":"Simple payment","감비아":"The Gambia","강의":"Course","강의 ID":"Course ID","강의 ID 복사":"Copy course ID","강의 ID 복사 실패":"Failed to copy course ID","강의 ID를 복사했어요.":"Copied the course ID.","강의 가격이 변경되었습니다. 잠시 후 다시 시도해주세요.":"The course price has been updated. Please try again later.","강의 검색":"Search for course","강의 게시일:":"Published:","강의 구매일":"Purchased on","강의 금액":"Course price","강의 더 담기":"Add more courses","강의 둘러보기":"Explore course","강의 리스트":"Course List","강의 링크":"Course Link","강의 불만":"Not satisfied with the course","강의 소개":"About","강의 수":"Courses","강의 수강평을 남겼어요!🪴":"Left a course review! 🪴","강의 수정":"Edit course","강의 시간":"Running time","강의 중":"you’ve signed up for","강의 진도율":"Course progress","강의 취소 완료":"Course cancellation completed","강의 취소가 완료되었습니다.":"The course cancellation has been completed.","강의 커리큘럼":"Course curriculum","강의 평점":"Rating","강의 폴더":"Folder","강의 폴더 버튼":"Course folder button","강의 할인정보가 변경되었습니다. 잠시 후 다시 시도해주세요.":"The course discount information has been updated. Please try again later.","강의_one":"Course","강의_other":"Courses","강의가 포함된 로드맵으로 학습해 보세요!":"Learn with the roadmap that includes this course!","강의를 모두 수강중이거나 구매가능 상태인 강의가 없습니다.":"You are currently enrolled in all courses or there are no courses available to purchase.","강의리스트 강의 목록":"Course list","강의상세.할인문구_withCoupon_withDDay":"{{discount.title}} ({{DDay}} remaining)","강의상세.할인문구_withCoupon_withoutDDay":"{{discount.title}}","강의상세.할인문구_withDDay":"Limited time deal ends in {{DDay}}","강의상세.할인문구_withoutCoupon_withDDay":"Limited time deal ends in {{DDay}}","강의상세.할인문구_withoutCoupon_withoutDDay":"Limited time deal","강의상세.할인문구_withoutDDay":"Limited time deal","강의상세_가격문구_미지원_강의":"This course is not supported by {{groupName}}.","강의상세_가격문구_비공개":"Access is restricted to non-public courses.","강의상세_가격문구_비공개_short":"Private Course","강의상세_런타임_분":"{{runtimeMinutes}}min","강의상세_런타임_분_Trans":"\u003cp1\u003e{{runtimeMinutes}}\u003c/p1\u003e\u003cp2\u003emin\u003c/p2\u003e","강의상세_런타임_시간":"{{runtimeHour}}hr","강의상세_런타임_시간_Trans":"\u003cp1\u003e{{runtimeHour}}\u003c/p1\u003e\u003cp2\u003ehr\u003c/p2\u003e","강의상세_배울수있는것_타이틀":"What you will gain after the course","강의상시_가격문구_비공개":"Access is restricted to non-public courses.","강의소개.상단개요.수강생":"\u003cstrong\u003e{{studentCount}} learners\u003c/strong\u003e \u003cspan\u003eare taking this course\u003c/span\u003e","강의소개.상단개요.수강생.short":"\u003cspan\u003e{{studentCount}} learners\u003c/span\u003e","강의소개.지공자소개":"\u003cSpan\u003eHello\u003c/Span\u003e\u003cbr /\u003e\u003cSpan\u003eThis is \u003c/Span\u003e\u003cInstructorName /\u003e","강의소개.커리큘럼.수업자료제공":"\u003cBox\u003eLecture resources\u003c/Box\u003e\u003cText\u003e are provided.\u003c/Text\u003e","강의소개.콘텐츠.추천문구":"\u003cSpan\u003eRecommended for\u003c/Span\u003e \u003cbr /\u003e\u003cStrong\u003ethese people\u003c/Strong\u003e","강의소개.타겟유저":"\u003cSpan\u003eThis course is prepared for \u003c/Span\u003e\u003cLevel /\u003e\u003cSpan\u003e.\u003c/Span\u003e","강의실로 이동하여 바로 학습하시겠어요?":"Would you like to go to the course page and start learning?","같은 문제가 계속 발생한다면 서비스에 문의해주세요.":"If this error continues: please contact the Services.","같은 분야의 다른 강의를 만나보세요!":"Explore other courses in the same field!","개":"Courses","개인 결제":"Self-Pay","개인 결제로 수강":"Enroll with Self-Pay","거래명세서":"Invoice","거래명세서 - 인프런":"Transaction Statement - Inflearn","거래명세서를 불러오는 중 오류가 발생했습니다.":"An error occurred while loading the transaction statement.","거래명세서를 확인하고 다운로드할 수 있습니다.":"You can view and download the transaction statement.","거래일자":"Transaction date","거의 다 왔어요! 조금만 더 힘내요.":"You're almost there! Keep going.","검색":"Search","검색 결과가 없습니다.":"No search results.","검색어를 2자 이상 입력해 주세요.":"Please enter at least 2 characters.","검색어와의 관련성이 우선 고려되며, 최근 판매량, 강의 가격, 업데이트 시점 등의 요소를 종합적으로 반영하여 추천된 순서입니다.":"The recommendations are primarily based on relevance to the search terms, with recent sales, course price, and update timing also taken into account.","결제 금액이 잘못되었습니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"The payment amount is incorrect. Please try again, and if the error continues, please contact Customer Services.","결제 방법":"Payment method","결제 불가":"Payment Not Available","결제 수단":"Method","결제 수단 변경 후 재구매":"Change payment method and re-purchase","결제 시각":"Payment Time","결제 실패 - 인프런 | 마이페이지":"Payment Failed - Inflearn | My Page","결제 오류":"Payment error","결제 완료":"Payment complete","결제 정보에 오류가 있습니다. 다시 시도후 문제가 발생하면 고객센터로 문의해주세요.":"There’s an error in the payment information. Please try again, and if the error continues, please contact Customer Services.","결제 중 오류가 발생했습니다. 고객 센터로 문의해주세요.":"An error has occurred during payment. Please contact Customer Services.","결제 중 오류가 발생했습니다. 다시 시도 후 문제가 발생하면 고객 센터로 문의해주세요.":"An error occurred during payment. Please try again. If the problem persists, please contact Customer Service.","결제 중 오류가 발생했습니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"An error has occurred during payment. Please try again, and if the error continues, please contact Customer Services.","결제 취소":"Cancel payment","결제대기":"Payment Pending","결제수단":"Payment Method","결제수단을 선택해 주세요":"Please select a payment method.","결제에 실패하였습니다.":"Payment failed","결제하기":"Enroll Now","결제할 상품을 선택해주세요.":"Select the product you wish to proceed to payment.","경기도 성남시 분당구 판교로289번길 20":"20, Pangyo-ro 289beon-gil, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea","계속 수강하기":"Keep Enrollment","계좌번호와 예금주가 일치하지 않습니다.":"The bank account number and the account holder do not match.","계좌의 예금주명":"Account holder","계좌이체":"Wire transfer","고급":"Advanced","고민을 나누고, 인프런과 함께 성장해요!":"Share your worries and grow with Inflearn!","고민있어요":"Ask Away","공개하지 않는 강의로 수강이 제한됩니다.":"Access is restricted to non-public courses.","공급가액":"Amount (excl. tax)","공급가액+세액":"Amount + Tax","공급자":"Supplier","공동 지식공유자":"Co-instructor","공유":"Share","공유하기 버튼":"Share button","관련 스킬":"Related Skills","관리":"More","관심 있는 {{typeTextTitle}}가 있다면 지금 당장 시작하세요! 인프런은 언제나 당신의 성장을 응원합니다.":"If you're interested in {{typeTextTitle}}, start now! Inflearn always supports your growth.","관심분야":"Category","구독 지원 강의":"Subscription-Based Course","구독권이 만료되었습니다. 그룹 관리자에게 문의해주세요.":"The subscription has expired. Please contact your group administrator.","구매 내역 상세":"Purchase detail","구매 내역보기":"Purchase history","구매자 정보 안내":"Customer Information Guide","구매자 정보 저장에 실패했습니다.":"Failed to save customer info.","구매자 정보를 저장해 주세요":"Please save the buyer’s information","구매자정보":"Customer information","구매자정보 안내":"Customer Information Guide","구매조건 및 개인정보처리방침":"Purchase conditions and Privacy Policy","구매하려는 강의를 선택했는지 확인해 보세요":"or check if you have selected the correct course.","구매하신 강의의 상세 정보를 확인해 보세요.":"View the details of the courses you’ve purchased.","구매한 강의수":"Number of Purchased Courses","국가 코드를 입력해 주세요.":"Enter the country code.","궁금하신 사항은 고객센터에 문의해주세요.":"If you have any questions: please contact customer support.","궁금한 내용을 검색해 보세요!":"Search what you're curious about!","궁금한 점을 질문하고 답변을 받아보세요.":"Ask questions and get answers.","글 작성하기":"Write a post","기간 만료":"Expired","기술":"Skill","기술 검색":"Skills","기업 구독 전용":"For Business Subscribers","기업 제한 강의로 인해 쿠폰이 적용되지 않을 수 있습니다.":"This is a business-only course; the coupon may not be applied.","기업에 문의":"Please contact the company","기업에 문의해주세요":"Please contact the company","기타":"Other","기타 결제 수단":"Other Payment Methods","까지":"by","끝까지 포기하지 마세요!":"Don't give up, you're almost there!","나를 성장 시켜줄 좋은 지식들을 찾아보세요.":"Search for great pieces of knowledge that’ll help you grow.","나중에 다시 수정할 수 있도록 수강바구니에 담아둘까요?":"Would you like to add it to your course cart so you can modify it later?","난이도":"Level","낮은 평점순":"Lowest rated","내 수강내역":"My courses","내 학습":"My learning","내가":"I","내게 맞는 강의 찾기":"Find My Course","네, 담아둘게요":"Yes, please add it.","네이버페이":"Naver Pay","네이버페이 (중개)":"Naver Pay (Intermediary)","네이버페이 포인트 구매 적립 혜택은 강의 종료일에 적용됩니다.":"The Naver Pay point purchase reward will be applied on the course end date.","네트워크 연결이 유실되었습니다.":"The network has been disconnected.","놀라운 성취를 이루셨군요!":"You've achieved an incredible accomplishment!","높은 평점순":"Highest rated","누구나 들을 수 있는":"Open to everyone","누군가의 성장이 나의 수익으로!":"Someone’s growth becomes your revenue!","님의 다른 강의":"'s other courses","님의 이어서 학습하기":"Continue learning, {{userName}}","님이":"You","다른 검색어를 입력해 보세요.":"Please enter a different keyword.","다른 수강생들이 자주 물어보는 질문이 궁금하신가요?":"Want to know what questions other learners frequently ask?","다시 담기":"Readd","다시 되돌릴 수 없습니다.":"no further changes can be made.","다시 불러오기":"Refresh","다시 시도":"Try again","다시시도":"Retry","다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"Please try again, and if the error continues, please contact Customer Services.","다음":"Next","다음 영상":"Next video","다음에 받기":"Get Later","단, 할인 및 쿠폰 프로모션에 동의한 강의만 해당됩니다.":"Only courses that have agreed to discount and coupon promotions are eligible.","단가":"Unit price","단순 변심":"Simple change of mind","닫기":"Close","담긴 강의가 없습니다.":"No courses in cart.","답글":"Reply","답변":"Answers","답변 활발":"Active Replies","대단해요! 학습을 모두 완료했어요!":"Amazing! You've completed all the lectures!","대만":"臺灣","대시보드":"Dashboard","대표자":"Representative","댓글":"Comment","댓글 목록":"Comment list","댓글 삭제에 문제가 생겼어요.":"An error occurred while deleting the comment.","댓글수":"Comments","댓글을 삭제했어요.":"Comment deleted.","더 좋은 지식을 생산하는 데에 기여해 주셔서 감사합니다.":"Thank you for contributing\nto producing better knowledge.","더보기":"More","도움 돼요!":"Helpful!","등록":"Register","등록번호":"Registration number","등록한 유저":"Registered user","레벨 없음":"No level","로드맵 보기":"View roadmap","로드맵 쿠폰을 사용하려면, 하단에 ‘모두 담고 쿠폰 적용’ 버튼을 클릭해 주세요.":"If you wish to use the roadmap coupon, click the “Add all and apply coupon” button below.","링크 복사 실패":"Failed to copy link","링크 복사 완료":"Link copied successfully.","링크 복사에 문제가 생겼어요.":"There was an error copying the link.","링크를 통해 방문한 사람이 강의를 구매하면 \u003cCommissionRate /\u003e를 받을 수 있어요!":"If someone visits via your link and purchases a course, you’ll earn \u003cCommissionRate /\u003e!","마감":"Closed","마지막 업데이트일:":"Last updated:","마지막까지 최선을 다해봐요.":"Let's give our best until the very end.","마지막으로 환불 금액과 환불받을 계좌번호를 확인해 주세요.":"Finally, double-check the refund amount and the bank account number you would like to receive the refund.","마지막으로 환불 금액을 확인해 주세요.":"Please review the refund amount carefully.","마케팅 파트너스":"Marketing Partners","말레이시아":"Malaysia","말리":"Mali","먼저 경험한 수강생들의 후기":"Reviews from Early Learners","메시지를 남겼어요.":"Left a message.","메타.강의상세.OG설명":"{{studentsSection}}{{summarySection}}{{abilitiesSection}}","메타.강의상세.OG제목":"{{courseFreeText}}{{onlineInfo.title}}| {{firstInstructorName}} - Course on Inflearn","메타.강의상세.설명":"{{firstInstructorName}} | {{deleteTagInBody(meta?.description || '')}}: {{deleteTagInBody(contents?.body)}} - Course introduction | Inflearn","메타.강의상세.제목":"{{courseFreeText}}{{onlineInfo.title}} Course | {{firstInstructorName}} - Inflearn","메타.대시보드.설명":"Check the latest news and learning progress of your current courses on the dashboard. - Dashboard | Inflearn","메타.대시보드.제목":"{{courseFreeText}}{{onlineInfo.title}} Course | Dashboard - Inflearn","메타.새소식.설명":"Check real-time news of the course. - News | Inflearn","메타.새소식.제목":"{{courseFreeText}}{{onlineInfo.title}} Course | News - Inflearn","메타.새소식상세.설명":"{{prefix}} Check real-time news of the course. - News | Inflearn","메타.챌린지상세.OG설명_학생수미포함":"{{description}}","메타.챌린지상세.OG설명_학생수포함":"Over {{studentCount}} learners have taken this challenge. give it a try.\n{{description}}","메타.챌린지상세.설명":"{{firstInstructorName}} | {{deleteTagInBody(meta?.description || '')}}: {{deleteTagInBody(contents?.body)}} - Challenge introduction | Inflearn","메타.챌린지상세.제목":"{{courseFreeText}}{{challengeInfo.title}} Challenge | {{firstInstructorName}} - Inflearn","메타.커뮤니티.설명":"Check the questions left by learners and the answers from the instructor. - Q\u0026A | Inflearn","메타.커뮤니티.제목":"{{courseFreeText}}{{onlineInfo.title}} Course | Q\u0026A - Inflearn","멕시코":"México","멘토링 쿠폰 사용":"Used mentoring coupon","멘토링: O":"Mentoring: O","멘토링: X":"Mentoring: X","모나코":"Monaco","모두 담고 쿠폰 적용":"Add all and apply coupon","모두 접기":"Collapse all","모두 펼치기":"Expand all","모두에게 도움이 되는 수강평의 주인공이 되어주세요!":"Please write a valuable review that helps everyone!","모든 강의 할인과 쿠폰은 중복으로 사용할 수 없습니다.":"All course discounts and coupons cannot be used together.","모든 수업을 수강 후 발급 받을 수 있어요.":"You can receive it after completing all lectures.","모로코":"المغرب","모리셔스":"Maurice","모리타니":"موريتانيا","모임/부트캠프":"Clubs/Bootcamp","모잠비크":"Moçambique","모집 마감":"Recruitment Closed","모집 예정":"Recruitment Upcoming","모집 전":"Recruitment Not Started","모집완료":"Recruitment completed","모집중":"Recruiting","목표 달성을 축하합니다!":"Congratulations on reaching your goal!","목표를 눈앞에 두고 있어요!":"The goal is right in front of you!","몬테네그로":"Crna Gora","몬트세랫":"Montserrat","몰도바":"Moldova","몰디브":"ދިވެހިރާއްޖޭގެ","몰타":"Malta","몽골":"Монгол Улс","무료":"Free","무제한":"Unlimited","무제한 수강":"Unlimited Learning","문의":"Inquiry","문의하기":"Inquiries","문제가 발생했습니다. 다시 시도후 문제가 발생하면 고객센터로 문의해주세요.":"Something went wrong. Please try again, and if the error continues, please contact Customer Services.","문제가 발생했습니다. 새로고침 후 다시 시도해 주세요.":"An error occurred. Please refresh and try again.","문제가 발생했습니다. 잠시 후 다시 시도해 주세요.":"An error occurred. Please try again later.","문제가 발생했습니다. 잠시후 다시 시도해 주세요.":"An error occurred. Please try again later.","문제가 발생했어요.":"An issue occurred.","문제가 지속되면 고객센터에 문의해주세요.":"If the issue persists, please contact customer support.","문제가 지속되면 지원팀에 문의해주세요.":"If the issue persists, please contact support.","미리보기":"Preview","미션":"Mission","미션 {{missionUnitCount}}개":"{{missionUnitCount}} missions","미션을 수행하면 지식공유자로부터 피드백을 받을 수 있어요. 미션을 통해 더 깊이 있는 학습을 경험해 보세요. 🔥":"If you complete the mission \u003cspan\u003eFeedback from instructors\u003c/span\u003eYou can receive it. Experience deeper learning through missions. 🔥","미션을 완료했어요.":"Mission completed.","미션을 제출했어요.":"Mission submitted.","미션이 포함된 강의":"Lectures with missions","미얀마(버마":"မြန်မာ","미제공":"Not provided","미크로네시아 연방":"Micronesia","미해결":"Unresolved","바구니로 이동":"Go to Cart","바구니에 담기":"Add to cart","바누아투":"Vanuatu","바레인":"البحرين","바로 수강신청":"Enroll now","바로 수강신청 하기":"Enroll now","바로 학습 시작":"Start learning now","바로 학습을 시작할 수 있습니다.":"You can start learning immediately.","바베이도스":"Barbados","바티칸 시국":"Città del Vaticano","바하마":"The Bahamas","반려":"Companion","받은 쿠폰은 24시간 안에 사용해야 합니다.":"The received coupon must be used within 24 hours.","발행한 새소식이 없어요.":"No published news.","방글라데시":"বাংলাদেশ","버뮤다":"Bermuda","베냉":"Bénin","베네수엘라":"Venezuela","베트남":"Việt Nam","베트남어":"Vietnamese","벨기에":"België","벨라루스":"Беларусь","벨리즈":"Belize","보러가기_수강바구니":"View cart","보러가기_좋아요":"View Likes","보스니아 헤르체고비나":"Bosna i Hercegovina","보유":"owned","보유한 강의 보기":"Purchased courses","보유한 쿠폰코드를 입력하면 쿠폰이 발급됩니다.":"Enter the coupon code you have, and the coupon will be issued.","보츠와나":"Botswana","복사 기능을 사용할 수 없습니다.":"Copy function is not available.","복사 실패":"Copy failed","복사 완료":"Copied","본 강의는 미션을 포함하고 있어요!":"This course contains missions!","본 거래명세서는 인프런에서 발행되었습니다.":"This transaction statement was issued by Inflearn.","볼륨바":"Volume bar","볼리비아":"Bolivia","부담없이 시작하기":"Start for free 💰","부룬디":"Burundi","부르키나파소":"Burkina Faso","부분 취소":"Partial cancellation","부탄":"འབྲུག་ཡུལ་","부활 가능한 쿠폰이 {{count}}개 있어요":"You have {{count}} coupons that can be reactivated.","북마케도니아":"Северна Македонија","북한":"Democratic People’s Republic of Korea","분":"min","불가리아":"България","브라질":"Brasil","브루나이":"Negara Brunei Darussalam","비고":"Remarks","비슷한 강의":"Similar courses","비즈니스 수강신청":"Business enrollment","사모아":"Samoa","사용 가능한 쿠폰 목록에서 원하는 쿠폰을 클릭하여 사용할 수 있습니다.":"You can click on the desired coupon from the list of available coupons to use it.","사용 기한이 지나 쿠폰을 등록할 수 없습니다.":"This coupon has expired and cannot be registered.","사용 불가":"Cannot use.","사용 안함":"Off","사용가능":"Can apply","사용가능한 쿠폰이 없습니다.":"No valid coupons.","사용자가 결제를 취소했습니다.":"The user canceled the payment.","사용할 수 없는 쿠폰입니다.":"This coupon cannot be used.","사용할 수 없는 쿠폰입니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"This is an invalid coupon. Please try again, and if the error continues, please contact Customer Services.","사우디아라비아":"السعودية","사전 설문 필수":"Survey required","삭제":"Delete","삭제 후엔 다시 복구 할 수 없으니 유의해주세요!":"Once deleted: this cannot be restored. Please be aware!","삭제된 답글은 복구되지 않습니다.":"Deleted replies cannot be restored.","삭제된 새소식입니다.":"This news has been deleted.","산마리노":"San Marino","삼성페이":"Samsung Pay","상세 구매 내역을 확인할 수 있어요.":"You can view the purchase history list.","상태":"Status","상품 선택":"Select product","상품이 존재하지 않습니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"The product does not exist. Please try again, and if the error continues, please contact Customer Services.","상호":"Business name","새 인증번호가 재전송되었습니다.":"A new verification code has been sent.","새로고침":"Refresh","새로고침 후 다시 시도해주세요.":"Please refresh and try again.","새로운 '{{keyword}}' 강의가 등록되면 알려드릴게요!":"We'll notify you when new '{{keyword}}' courses are available!","새로운 강의가 등록되면 알려드릴게요!":"We'll notify you when new courses are registered!","새로운 소식을 기다려 주세요.":"Please wait for new updates.","새로운 시작을 해볼까요?":"Shall we start something new?","새소식":"News","새소식 관리":"Manage news","새소식 링크 복사 완료!":"News link copied successfully!","새소식 목록":"News list","새소식 삭제에 문제가 생겼어요.":"An error occurred while deleting the news.","새소식 알림 받는 중":"Receiving news alarm","새소식 알림 비활성화":"News alarm disabled","새소식 작성":"Create news","새소식을 불러오는데 문제가 발생했습니다.":"An error occurred while loading the news.","새소식을 삭제했어요.":"News deleted.","생피에르 미클롱":"Saint-Pierre-et-Miquelon","서버 오류 발생":"Server error occurred","서비스":"Service","서사하라":"الصحراء الغربية","선수 지식, 필요할까요?":"Need to know before starting?","선수 지식이 필요한":"Prerequisite knowledge required","선택삭제":"Delete","선택상품금액":"Amount of selected items","선택하신 결제수단으로는 10원 미만일 경우 결제를 진행할 수 없습니다.":"Payment cannot be processed with the selected payment method for amounts less than 10 KRW.","선택한 강의":"Selected Course","설문 수정":"Edit survey","설문 작성":"Fill out survey","설문 작성을 완료했습니다.":"Done filling out the survey.","설문을 반드시 작성해야 하는 강의가 있어요.":"Require you to fill out a survey.","설문을 작성해 주세요.":"Please fill out the survey.","설정":"Settings","설정 메뉴 열기":"Open settings menu","설정 메뉴 토글":"Toggle settings menu","성장 로그":"Growth log","세네갈":"Sénégal","세르비아":"Србија","세부항목 쿠폰 적용에 문제가 있습니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"There’s an error in the coupon application for detailed items. Please try again, and if the error continues, please contact Customer Services.","세액":"Tax","세이셸":"Seychelles","세인트루시아":"Saint Lucia","세인트헬레나":"Saint Helena","섹션 {{index + 1}}. {{curriculumTitle}}":"Section {{index + 1}}. {{curriculumTitle}}","소말리아":"Soomaaliya","솔로몬 제도":"Solomon Islands","수강 기한이 없는 강의입니다. 언제든 자유롭게 학습할 수 있는 기회를 놓치지 마세요!":"This course does not have an access limit. Don’t miss your chance to learn whenever you want!","수강 기한이 없는 무제한 강의입니다.":"This course provides unlimited access.","수강 바구니 - 인프런 | 마이페이지":"Cart - Inflearn | My Page","수강 바구니로 이동":"Go to cart","수강 바구니에 담기":"Add to cart","수강 바구니에서 삭제되었습니다.":"Deleted from cart.","수강 신청이 불가능한 상태입니다.":"Enrollment is currently unavailable.","수강 전 궁금한 점이 있나요?":"Do you have any questions before starting the course?","수강 제한":"Access restricted","수강 취소":"Confirm Cancellation","수강 취소 불가":"Course cancellation unavailable","수강 평점이 높은 강의입니다.":"This course has a high rating.","수강기한":"Course period","수강바구니":"Cart","수강바구니 담기에 실패했습니다.":"Failed to add to cart.","수강바구니 삭제에 실패했습니다. 잠시 후 다시 시도해주세요.":"Failed to remove from the course basket. Please try again later.","수강바구니 제거에 실패했습니다.":"Failed to remove from the cart.","수강바구니 추가에 실패했습니다. 잠시 후 다시 시도해주세요.":"Failed to add to the course basket. Please try again later.","수강바구니_구매정보_약관":"By clicking ‘Enroll Now’, you agree to the \u003cAnchor_1 href=\\\"https://example.com/\\\"\u003eTerms of Service\u003c/Anchor_1\u003e and \u003cAnchor_2 href=\\\"https://example.com/\\\"\u003ePrivacy Policy\u003c/Anchor_2\u003e","수강바구니로 이동":"Go to Cart","수강바구니에 다시 추가하는데 실패했습니다.":"Failed to add the course back to the cart.","수강바구니에 추가되었습니다.":"Added to cart","수강바구니에서 삭제되었습니다.":"The course has been deleted from the cart.","수강바구니에서 제거했습니다.":"Removed from the cart.","수강생":"Learners","수강생 ${studentsCount}명":"{{studentsCount}} learners","수강생 {{studentsCount}}명":"{{studentsCount}} learners","수강생 관리":"Manage learners","수강생 대상":"Target Audience","수강생 수":"Learners","수강신청":"Enroll now","수강신청 기간이 아닙니다.":"It is not the enrollment period.","수강신청 승인 대기 중!":"Approval pending!","수강신청 완료":"Course enrollment completed","수강신청 취소에 실패했어요. 다시 시도해 주세요.":"Failed to cancel enrollment. Please try again.","수강신청 하기":"Enroll now","수강신청 할 수 없는 강의가 포함되어 있습니다.":"A course you are not eligible to enroll in is included.","수강신청에 실패했어요. 다시 시도해 주세요.":"Failed to enroll. Please try again.","수강신청이 완료되었어요.":"Your enrollment is complete.","수강신청할 강의를 찾을 수 없습니다.":"Cannot find the course to enroll.","수강신청할 수 있는 잔여 금액 또는 개수가 부족합니다.":"You don't have enough funds or slots for enrollment.","수강신청할 수 있는 잔여 예치금이 부족합니다.":"You don't have enough deposit for enrollment.","수강에 실패했어요. 다시 시도해 주세요.":"Enrollment failed. Please try again.","수강을 취소 하시려는 이유를 알려주세요.":"Tell us why you want to cancel your enrollment.","수강이 취소되면":"Once the cancellation is confirmed,","수강전 문의":"Pre-course inquiries","수강평":"Reviews","수강평 {{userCourseReviewCount}}":"Reviews {{userCourseReviewCount}}","수강평 관리":"Course Review Management","수강평 남기기":"Leave a review","수강평 답글 삭제":"Delete review reply","수강평 답글이 도움 됐어요.":"The review reply was helpful.","수강평 링크 복사":"Copy review link","수강평 링크 복사 실패":"Failed to copy review link","수강평 링크 복사 완료":"Review link copied successfully","수강평 삭제":"Delete review","수강평 수":"Reviews","수강평 작성으로 지급된 포인트도 회수됩니다.":"Points given for writing the review will also be withdrawn.","수강평에 답글을 남겨주세요!":"Please reply to the review!","수강평을 남겨주세요":"Please leave a review","수강평을 남겨주셔서 감사합니다.":"Thank you for leaving a review.","수강평을 남겼어요.":"Left a review.","수강평을 삭제하지 못했습니다. 문제가 지속되면 고객센터에 문의해주세요.":"Unable to delete the review. Please contact customer service if the issue persists.","수강평이 도움 됐어요.":"The review was helpful","수단":"السودان","수량":"Quantity","수료증":"Certificate","수료증 발급":"Issue certificate","수료증을 제공하지 않는 강의입니다.":"This course does not provide a certificate.","수리남":"Suriname","수업 {{lectureUnitCount}}개":"{{lectureUnitCount}} lectures","수업 수":"Total","수업자료":"Lecture resources","수정":"Edit","수정됨":"Edited","숨기기":"Hide","스리랑카":"ශ්‍රී ලංකා","스웨덴":"Sverige","스위스":"Schweiz","스터디":"Study Clubs","스터디를 시작하고, 인프런에서 함께 성장하세요!":"Start a study group and grow with Inflearn!","스페인":"España","슬로바키아":"Slovensko","슬로베니아":"Slovenija","승인 대기 중":"Approval pending","승인 대기 취소":"Cancel approval pending","시간":"hr","시리아":"سوريا","시에라리온":"Sierra Leone","신규가입 할인을 한 번이라도 받으신 적이 있는 경우, 타 계정에서도 중복 적용이 불가합니다.":"If you have received the new member discount benefit at least once, you cannot apply this discount again even if you use a different account.","신용카드":"Credit card","신청 기간":"Application period","신청 기간이 지나서 결제할 수 없습니다.":"Payment failed as the registration period is over.","신청 인원이 초과되어 결제할 수 없습니다.":"Payment failed as the course has already reached its maximum capacity.","신청 취소":"Cancel enrollment","신청이 불가능한 상태이거나 정원이 초과되었습니다.":"You cannot enroll, or the course is already full.","신청하신":"Some of the courses","신트마르턴":"Sint Maarten","실명 입력":"Enter full name","실사용자 검증을 위해 휴대폰 인증을 진행해 주세요.":"Please verify your phone number for real user validation.","실행취소":"Undo","싱가포르":"Singapore","아니요":"No","아랍에미리트":"الإمارات","아래와 같이 공급합니다.":"Supplied as follows.","아루바":"Aruba","아르메니아":"Հայաստան","아르헨티나":"Argentina","아메리칸사모아":"American Samoa","아이슬란드":"Ísland","아이티":"Haïti","아일랜드":"Ireland","아제르바이잔":"Azərbaycan","아직 고민이 올라오지 않았어요.":"No concerns have been posted yet.","아직 달린 댓글이 없어요":"No comments yet.","아직 스터디 모집글이 올라오지 않았어요.":"No study recruitment posts have been posted yet.","아직 질문이 올라오지 않았어요.":"No questions have been posted yet.","아직 충분한 평가를 받지 못한 강의입니다.":"Not enough reviews.","아직 파트너스 활동을 위한 승인 대기 중이에요. ⏳":"You're still waiting for approval to start your Partners activity. ⏳","아프가니스탄":"افغانستان","안도라":"Andorra","알림":"Alarm","알림 설정":"Notification settings","알바니아":"Shqipëria","알수없음":"Unidentified","알제리":"الجزائر","앙골라":"Angola","앞으로 더 좋은 지식을 전달하도록 노력하겠습니다.":"We will strive to provide better knowledge.","애플페이":"Apple Pay","앤티가 바부다":"Antigua and Barbuda","앵귈라":"Anguilla","어떤 강의를 들어야 할지 고민이신가요?":"Not sure which course to take?","얼리버드 할인 중":"Early Bird","업태":"Business type","없음":"NONE","에리트레아":"ኤርትራ","에서 변경 가능합니다.":"\u003cSpace /\u003ecan be changed in settings.","에스와티니":"Eswatini","에스토니아":"Eesti","에콰도르":"Ecuador","에티오피아":"ኢትዮጵያ","엘살바도르":"El Salvador","여러분의 소중한 수강평이 다른 학습자들에게 큰 도움이 됩니다.":"Your valuable review will greatly help other learners.","연관 로드맵":"Related roadmap","연락처":"Contact","열심히 찾아서 준비할게요.":"We will work hard to find and prepare it.","영국":"United Kingdom","영상 다운로드":"Video download","영상 다운로드: O":"Video download: O","영상 다운로드: X":"Video download: X","영상 총 시간":"Total video time","영수증":"Receipt","영어":"English","예금주명":"Account holder","예멘":"اليمن","오류가 발생했어요.":"An error has occurred.","오만":"عمان","오스트레일리아":"Australia","오스트리아":"Österreich","오프라인":"Offline","온두라스":"Honduras","온라인":"Online","온라인 강의":"Online course","온라인 강의가 아닙니다.":"This is not an online course.","온라인 교육":"Online education","온라인 미팅 링크":"Online meeting link","완료":"Done","완료 수업":"Completed lectures","왕초보":"Newbie","요르단":"الأردن","우간다":"Uganda","우루과이":"Uruguay","우즈베키스탄":"Oʻzbekiston","우크라이나":"Україна","원하시는 관련 기술 강의를 인프런에 제안해주세요.":"Please suggest the related skill course on Inflearn.","유료":"Paid","유저":"User","유저 정보 승인 인증에 실패했습니다.":"Failed to authenticate user information approval.","은행 선택":"Select bank","은행/카드사 오류가 발생했습니다.":"An error occurred with the bank/card company.","은행명":"Bank name","을 수강했어요! 다음 강의도 화이팅!🌱":"Completed the lecture! Good luck on the next one! 🌱","을 수강했어요! 🌱":"Completed the lecture! 🌱","음성 언어":"Voice language","음소거":"Mute","음소거 해제":"Unmute","음소거/음소거 해제":"Mute/Unmute","이 강의 새소식을 받을 수 있습니다. 주요한 공지사항이나 변경 사항을 받아보세요.":"You can receive news for this course. Get important announcements or updates.","이 강의 새소식을 받지 않습니다. 주요한 공지사항이나 변경 사항을 놓칠 수 있어요.":"You will not receive news for this course. You might miss important announcements or updates.","이 강의를 듣는 수강생들과 함께 성장합니다.":"Grow together with learners taking this course.","이 댓글을 삭제할까요?":"Would you like to delete this comment?","이 링크를 통해 구매하시면 제가 수익을 받을 수 있어요. 🤗":"If you purchase through this link, I’ll earn some revenue. 🤗","이 새소식을 삭제할까요?":"Would you like to delete this news?","이라크":"العراق","이란":"ایران","이런 걸 배워요!":"What you will learn!","이력 없음":"None","이력 있음":"Downloaded","이름":"Name","이름 입력":"Enter full name","이름은 100자 이하로 입력해 주세요.":"Your name can be up to 100 characters.","이름을 입력해 주세요.":"Enter your full name.","이메일":"Email","이메일 입력":"Enter email","이메일 형식에 맞지 않습니다.":"Invalid email format","이메일은 100자 이하로 입력해 주세요.":"Your email address can be up to 100 characters.","이메일을 입력해 주세요.":"Enter your email address.","이미 등록된 쿠폰입니다.":"This coupon has already been registered.","이미 등록한 쿠폰입니다.":"This coupon has already been registered.","이미 사용된 쿠폰입니다.":"This coupon has already been used.","이미 수강신청을 완료한 강의입니다.":"This course has already been registered.","이미 수강중인 강의는 쿠폰 발급이 불가능합니다. `내 학습` 페이지를 확인해주세요!":"Coupons cannot be issued for courses you are already taking. Please check the “My Learning” page!","이미 수많은 학습자들에게 검증된 강의입니다. 함께 배우는 즐거움을 놓치지 마세요!":"This course has been certified by so many learners. Don't miss out on the fun of learning together!","이미 인증된 번호입니다.":"This number has already been verified.","이미 인증된 요청입니다.":"This request has already been authenticated.","이벤트 할인정보가 변경되었습니다. 잠시 후 다시 시도해주세요.":"The event discount information has been updated. Please try again later.","이스라엘":"יִשְׂרָאֵל","이어 학습":"Continue learning","이어 학습하기":"Continue Learning","이어서 학습하기":"Continue learning","이전 영상":"Previous video","이제 마무리를 향해 가볼까요?":"Shall we head toward the finish?","이집트":"مصر","이탈리아":"Italia","이형주":"Lee Hyungjoo","인기순":"Most popular","인도":"भारत","인도네시아":"Indonesia","인쇄하기":"Print","인증":"Verify","인증 요청":"Send code","인증번호":"Verification code","인증번호 요청 중 오류가 발생했습니다.":"An error occurred during verification code request.","인증번호 유효시간이 초과되었습니다.":"The verification code has expired.","인증번호 입력":"Enter code","인증번호가 문자로 전송되었습니다.":"The verification code has been sent via text message.","인증번호가 일치하지 않습니다.":"The verification code does not match.","인증번호가 카카오톡 또는 문자로 전송되었습니다.":"The verification code has been sent via KakaoTalk or text message.","인증번호를 못 받으셨나요? 스팸차단 확인 방법":"Didn't receive the verification code? Check spam filters.","인증번호를 못받으셨나요? 스팸차단 확인방법":"Didn’t get a verification code? Check your Block settings","인증번호를 입력해주세요.":"Please enter the verification code.","인증완료":"Verification complete","인증요청":"Send Code","인프랩 임직원 쿠폰은 15만원 이상의 강의에 적용할 수 없습니다.":"The Inflab employee coupon cannot be applied to courses that are 150,000 won or more.","인프런":"Inflearn","인프런 - 라이프타임 커리어 플랫폼":"Inflearn - Lifetime Career Platform","인프런 수강 바구니에 담긴 내역을 확인할 수 있어요.":"You can view the Inflearn cart details.","인프런 지식공유자":"Inflearn Instructors","인프페이":"infPay","일본":"日本","일본어":"Japanese","일시적인 오류가 발생했습니다.":"A temporary error occurred.","일일 인증 횟수를 초과했습니다. 고객센터 문의 부탁드립니다.":"You have exceeded the daily authentication limit. Please contact customer support.","일정":"Schedule","임시 저장":"Save Draft","입금 기한":"Payment Deadline","입금 대기":"Waiting for payment","입금 정보":"Account Info","입금기한 이내로 입금되지 않으면":"If the payment is not made within the deadline,","입문":"Beginner","입문자":"Beginners","잎":"points","자동":"Auto","자동으로 주문이 취소됩니다.":"the order will be automatically canceled.","자료 다운로드":"Material download","자료 다운로드: O":"Material download: O","자료 다운로드: X":"Material download: X","자막":"Subtitles","자막 노출버튼":"Subtitle display button","자메이카":"Jamaica","자세한 내용은 수강내역에서 확인할 수 있습니다.":"You can check the details in Business Enrollment History.","자세히 알려주시면 더 좋은 강의로 보답하겠습니다.":"If you share your reasons in detail, we will make sure to improve our courses.","자주 묻는 질문":"FAQs","작성된 소식이 없어요.":"No news has been written.","작성자 없음":"No Author","작성하지 않은 설문이 있어요.":"There is a survey that is not completed.","작업을 완료할 수 없습니다. 소프트웨어에 의한 연결 중단":"Failed to complete the task. Network lost due to software","작은 한 걸음이 큰 변화를 만듭니다.":"A small step makes a big change.","잘못된 쿠폰 코드입니다. 다시 입력해주세요.":"Wrong coupon code. Please try again.","잘못된 환불 계좌번호입니다.":"Incorrect refund account number.","잠비아":"Zambia","잠시 후 다시 시도해 주세요.":"Please try again later.","잠시 후 다시 시도해주세요.":"Please try again later.","잠시 후에 다시 시도해 주세요.":"Please try again later.","재생/정지":"Play/Pause","재생바":"Seek bar","재전송":"Resend","재전송은 최대 10회입니다. 10분 후 재시도해 주세요.":"The retransmission is up to 1 times. Please try again in 1 minutes.","저장":"Save","저장해 주세요!":"Please save!","적도 기니":"Guinea Ecuatorial","적용":"Apply","적용 가능한 강의가 없습니다.":"There are no courses where coupons can be applied","적용 안 함":"Do not apply","전문성을 높이는":"Enhancing expertise","전액사용":"Use all","전체":"All","전체 강의에 대한 새소식 알림이 비활성화되어 있습니다.":"News alarms for all courses are disabled.","전체 다시 담기":"Readd All","전체 수강평 보기 ({{totalCount}}개)":"All Reviews ({{totalCount}})","전체 취소":"Cancel all","전체 화면/전체 화면 해제":"Full screen/Exit full screen","전체선택":"Select all","전체취소":"Cancel all","접근권한이 필요한 페이지입니다.":"This page requires access permission.","정가":"Regular price","정보를 조회할 수 없어요.":"Cannot search for information.","정확도순":"Best match","제공":"Provided","제안하러 가기":"Go to Suggest","제출":"Submit","조금씩 함께 나아가요.":"Let's take small steps together.","조지아":"საქართველო","조회수":"Views","종목":"Business item","좋아요 버튼":"Like button","좋아요 제거에 실패했습니다. 잠시 후 다시 시도해 주세요.":"Failed to remove from Likes. Please try again later.","좋아요 총 개수":"Total likes","좋아요 추가에 실패했습니다. 잠시 후 다시 시도해 주세요.":"Failed to add to Likes. Please try again later.","좋아요수":"Likes","좋아요순":"Likes","좋아요에 추가되었습니다.":"Added to Likes","좋아요에 추가했어요.":"Added to Likes","좋아요에서 제거했어요.":"Removed from Likes.","주문 완료":"Order complete","주문 완료 - GTM 에러 (complete_order): {{e}}":"Order complete - GTM error (complete_order): {{e}}","주문 완료 - 인프런 | 마이페이지":"Order Complete - Inflearn | My Page","주문 완료 강의 - GTM 에러 (complete_order_course): {{e}}":"Order complete course - GTM error (complete_order_course): {{e}}","주문 완료 내역을 확인할 수 있어요.":"You can view the order complete list.","주문 취소":"Cancel order","주문번호":"Order number","주문번호: {{orderId}}":"Order number: {{orderId}}","주문번호: {{orderId}} - 인프런 | 마이페이지":"Order number: {{orderId}} - Inflearn | My Page","주문서 금액정보가 잘못되었습니다. 다시시도 후 문제가 발생하면 고객센터로 문의해주세요.":"The amount in the purchase order is incorrect. Please try again, and if the error continues, please contact Customer Services.","주문서 작성":"Create Order Form","주문이 취소되었습니다.":"Your order has been canceled.","주소":"Address","중국어":"Chinese","중국어(간체)":"Chinese (Simplified)","중국어(번체)":"Chinese (Traditional)","중급이상":"Intermediate","중급자":"Intermediate Learners","중앙아프리카 공화국":"République centrafricaine","중요 공지 사항과 변경된 일정을 확인하세요.":"Check important notices and schedule changes.","중화인민공화국":"中华人民共和国","즉시 할인":"Instant discount","지금 가장 인기 있는 강의":"Most Popular Courses Now","지금 가장 인기 있는 강의를 확인해보세요!":"Check out the most popular courses right now!","지금 이 \u003cTarget /\u003e를 홍보 링크로 공유하면, 판매 수익의 \u003cCommissionRate /\u003e 를 받을 수 있어요!":"Share this \u003cTarget /\u003e with your affiliate link now and earn \u003cCommissionRate /\u003e of the sales!","지금까지 학습한 내용과 진도율을 체크해 보세요.":"Check your progress and learning status so far.","지금부터 차근차근 배워봐요.":"Let's learn step by step from now.","지부티":"جيبوتي","지브롤터":"Gibraltar","지식공유자":"Instructor","지식공유자 답변":"Instructor's Q\u0026A","지식공유자 답변이 제공되는 강의입니다.":"This course provides instructor's answers.","지식공유자님의 다른 강의를 만나보세요!":"Check out other courses by the instructor!","지식공유자에게 질문하고 답변 받을 수 있는 강의입니다. 1:1 직접 소통의 기회를 놓치지 마세요.":"You can ask questions and get answers from the instructor in this course. Don’t miss the chance to communicate directly with the instructor.","지식공유자와 1:1 소통 기회입니다.":"A chance to talk one-on-one with the instructor.","진도율:":"Progress:","진도율: {{completeCount}}강/{{lectureUnitCount}}강 ({{progress}}%)":"Progress: {{completeCount}}/{{lectureUnitCount}} lectures ({{progress}}%)","진행 전":"Not Started","질문":"Question","짐바브웨":"Zimbabwe","차드":"تشاد","찾는 조건의 강의가 없어요.":"No courses match your search criteria.","챌린지":"challenge","챌린지 신청자는 설문 작성 후 챌린지 강의를 수강할 수 있습니다.":"Challenge applicants can take the challenge course after completing the survey.","천천히 시작해도 괜찮아요.":"It’s fine to ease into it.","첫 질문을 남기고, 인프런과 함께 성장해 보세요!":"Post the first question and grow with Inflearn!","체코":"Česko","초급":"Basic","초급자":"Basic Learners","초기화":"Reset","총 {{formatNumber(unitSummary.lectureUnitCount)}}개":"{{formatNumber(unitSummary.lectureUnitCount)}} lectures","총 결제 금액":"Total payment amount","총 학습시간":"Total learning time","총 할부 월":"Total installment months","총계":"Grand total","최근 들은 강의":"Recent lectures","최근 질문":"Recent questions","최대 글자 수는 {{MAX_REASON_LENGTH}}자입니다.":"You can enter up to {{MAX_REASON_LENGTH}} characters.","최신순":"Newest","추천수":"Number of recommendations","추천순":"Recommended","축하합니다! 이제 새로운 지식을 배울 수 있어요.":"Congratulations!\nYou can now learn new pieces of knowledge.","취소":"Cancel","취소 건 포함":"Including cancellations.","취소 사유":"Reason for cancellation","취소 요청":"Cancellation Request","취소 후 할인 재구매":"Cancel and re-purchase with a discount","취소됨":"Canceled","취소를 진행하기 전 반드시 확인해 주세요.":"Please note before canceling.","취소할 수 없는 상태입니다.":"It cannot be canceled.","칠레":"Chile","카드":"Card","카드 결제시 100원 이상부터 결제가 가능합니다.":"When paying with a credit card, payments can be made from 100 won.","카메룬":"Cameroun","카보베르데":"Cabo Verde","카자흐스탄":"Қазақстан","카카오페이":"Kakao Pay","카타르":"قطر","캄보디아":"កម្ពុជា","커리큘럼":"Curriculum","커뮤니티":"Community","케냐":"Kenya","케이맨 제도":"Cayman Islands","코모로":"جزر القمر","코스타리카":"Costa Rica","코트디부아르":"Côte d'Ivoire","콘텐츠 불만":"Content Complaint","콜롬비아":"Colombia","콩고 공화국":"République du Congo","콩고 민주 공화국":"République démocratique du Congo","쿠바":"Cuba","쿠웨이트":"الكويت","쿠폰":"Coupon","쿠폰 다운로드하면 24시간 안에 사용해야 합니다.":"You must use your coupon within 24 hours after downloading.","쿠폰 받기":"Get Coupon","쿠폰 받기 시 24시간 안에 사용해야 합니다.":"You must use your coupon within 24 hours after downloading.","쿠폰 발급에 실패했습니다.":"Failed to issue coupon.","쿠폰 별로 적용 가능한 강의 리스트를 확인할 수 있습니다.":"You can check the list of courses eligible for each coupon.","쿠폰 부활":"Restore","쿠폰 부활에 실패했습니다.":"Failed to restore coupon.","쿠폰 부활은 1회만 가능하며, 부활된 쿠폰의 사용기간은 3일입니다.":"Coupons can be restored only once. The restored coupon is valid for three days.","쿠폰 사용 불가":"Coupon cannot be used","쿠폰 선택":"Select","쿠폰 쓰러가기":"Use Coupon","쿠폰 이용 안내":"Coupon Usage Guide","쿠폰 적용 가능 강의":"Courses you can apply coupons","쿠폰 적용하고 할인 받기":"Apply Coupon","쿠폰 조회 또는 등록에 실패했습니다.\\n잠시 후 다시 시도해주세요.":"Failed to retrieve or register the coupon. Please try again later.","쿠폰 코드 입력":"Enter coupon code","쿠폰 코드를 입력해주세요.":"Please enter the coupon code.","쿠폰 할인":"Coupon discount","쿠폰:":"Coupon:","쿠폰등록":"Register coupon","쿠폰선택":"Select","쿠폰은 수강바구니에서 1개만 적용이 가능합니다.":"Only one coupon can be applied in the cart.","쿠폰을 새로 등록하거나":"Register a new coupon","쿠폰을 새로 등록해주세요":"Please register a new coupon","쿠폰이 등록되었습니다.":"Coupon has been registered.","쿠폰이 부활되었습니다.":"Coupon has been restored.","쿡 제도":"Cook Islands","퀵계좌이체":"Quick account transfer","퀵계좌이체 결제시 200원 이상부터 결제가 가능합니다.":"When paying via Quick Transfer, payments can be made from 200 won.","크로아티아":"Hrvatska","키르기스스탄":"Кыргызстан","키리바시":"Kiribati","키워드 알림 받기":"Get Keyword Alerts","키워드 알림 신청에 실패했습니다.":"Failed to subscribe to keyword alert.","키워드 알림 신청이 완료되었습니다.":"Keyword alert subscription completed.","키프로스":"Κύπρος","타지키스탄":"Тоҷикистон","탄자니아":"Tanzania","태국":"ประเทศไทย","태그":"Tag","터키":"Türkiye","토고":"Togo","토스 결제 위젯이 로드되지 않았습니다.":"The Toss payment widget failed to load.","토스페이":"Toss Pay","토스페이 (중개)":" Toss Pay (Intermediary)","토스페이 시스템 오류로 인해 통신이 원활하지 않습니다. 다른 결제수단을 선택해주세요.":"Due to a Toss Pay system error, communication is not functioning properly. Please select another payment method.","토켈라우":"Tokelau","통가":"Tonga","투르크메니스탄":"Türkmenistan","투발루":"Tuvalu","튀니지":"تونس","트리니다드 토바고":"Trinidad and Tobago","파나마":"Panamá","파라과이":"Paraguay","파키스탄":"پاکستان","파트너스 가이드 보러가기":"View Partners Guide","파트너스 참여":"Join Partners","파푸아뉴기니":"Papua New Guinea","판매 수익의 {{commissionRate}}%":"{{commissionRate}}% of sales revenue","판매가":"Price","팔라우":"Palau","팔레스타인":"فلسطين","페루":"Perú","페이팔":"PayPal","편집":"Edit","평균 {{maxStar.toFixed(1)}}점 이상의 평점을 받은 강의로, 많은 수강생들이 선택한 이유를 확인해보세요.":"This course has a rating of {{maxStar.toFixed(1)}} or higher on average. Check out why so many learners chose this course.","평균 평점 {{userRatingAverage}}":"Average Rating {{userRatingAverage}}","평생교육바우처":"Lifelong Education Voucher","평점":"Rating","평점순":"Rating","포르투갈":"Portugal","포인트":"Points","포클랜드 제도":"Falkland Islands","폴더":"Folder","폴란드":"Polska","푸에르토리코":"Puerto Rico","품명":"Item","프랑스":"France","프로그래밍, 인공지능, 데이터, 마케팅, 디자인등 입문부터 실전까지 업계 최고 선배들에게 배울 수 있는 곳.":"An online learning platform with over 1.4 million learners and 4,000 courses. Learn programming, AI, data, marketing, design, and more from top industry experts.","프로필 이미지":"Profile image","피지":"Fiji","핀란드":"Suomi","필리핀":"Pilipinas","필터":"Filters","학습 대상은 누구일까요?":"Who is this course right for?","학습 여정을 성공적으로 마무리하셨습니다!":"You have successfully completed your learning journey!","학습 중":"Learning","학습 현황":"Learning status","학습하기":"Start learning","한국어":"Korean","할부 금액":"Installment amount","할부 시":"When in installments","할인":"Discount","할인 금액":"Discount amount","할인 중":"On Sale","할인 쿠폰":"Discount Coupon","할인금액":"Discounted amount","할인율":"Discount rate","함께 성장한 수강생들의 후기":"Reviews from learners who grew together","합계":"Subtotal","해결":"Resolved","해당 강의는 취소할 수 없습니다.\n환불 정책을 확인해 주세요.":"This course cannot be canceled.\nPlease check the refund policy.","해당 강의에서 제공: {{ProvidingHandouts}}":"\u003cText\u003eCourse Materials:\u003c/Text\u003e\u003cProvidingHandouts /\u003e","해당 쿠폰은 해당 국가에서 사용할 수 없습니다.":"This coupon cannot be used in this country.","해당 쿠폰의 사용 가능 수량이 초과되었습니다.":"The usage limit for this coupon has been exceeded.","해상도":"Resolution","해외카드":"Overseas cards","헝가리":"Magyarország","현재 사용이 불가능한 쿠폰입니다. 고객센터에 문의해주세요.":"This coupon cannot be used. Please inquire at Customer Services.","현재 수강생 {{studentsCount}}명인 강의를 만나보세요.":"This course has {{studentsCount}} learners.","현재 시간":"Current time","현재 적용된 할인은 한정된 조건입니다. 취소 시 동일한 혜택을 보장할 수 없습니다.":"The current discount benefit is applied under limited conditions. We do not guarantee the same benefit if you cancel.","현재 평점 {{reviewInfo}}점 수강생 {{studentsCount}}명인 강의를 만나보세요.":"This course has a rating of {{reviewInfo}} and {{studentsCount}} students.","현재 평점 {{reviewInfo}}점인 강의를 만나보세요.":"This course has a rating of {{reviewInfo}}.","홍보 링크":"Affiliate Link","홍보 링크 공유하면, 판매 수익 \u003cCommissionRate /\u003e 를 받아요.":"Share your affiliate link to earn \u003cCommissionRate /\u003e of sales!","홍보 링크 복사 실패":"Failed to copy the affiliate link","홍보 영상":"Promotional video","홍콩":"香港","확인":"OK","환급 포인트":"Payback points","환불 금액":"Refund amount","환불 예정입니다.":"Will be refunded soon.","환불 요청":"Refund request","환불 정보를 확인했습니다.":"I confirm that the refund information is accurate.","환불 정책":"Refund policy","환불받을 계좌번호":"Account number for refund","환불처리될 수 있으니 반드시 설문을 작성해 주세요.":"Make sure to fill out the survey since it may proceed with a refund.","환율 변동에 따라 가격이 변동될 수 있습니다.":"Prices may vary due to exchange rate fluctuations.","훌륭해요! 이제 다음 도전을 향해 나아가세요.":"Great job! Now head toward your next challenge.","휴대폰 번호":"Mobile","휴대폰 번호 인증":"Phone number verification","휴대폰 번호 입력":"Enter phone number","휴대폰 번호 형식이 올바르지 않습니다.":"Invalid mobile phone number format","휴대폰 번호는 20자를 초과할 수 없습니다.":"Phone numbers cannot exceed 20 characters.","휴대폰 번호를 인증해 주세요.":"Verify your mobile phone number.","휴대폰 번호를 입력해 주세요.":"Enter your mobile phone number.","휴대폰인증모달.인증안내":"\u003cSpan\u003eVerification is performed\u003c/Span\u003e \u003cGreen\u003eonce.\u003c/Green\u003e","💙 모든 수업을 완강했어요! 💙":"💙 Finished all lectures! 💙","🧟 쿠폰부활":"🧟 Restore coupon"}}},"initialLocale":"en","ns":["common"],"userConfig":{"i18n":{"defaultLocale":"ko","locales":["en","ko","vi","ja"],"localeDetection":false,"fallbackLng":false},"locizeLastUsed":null,"use":null,"debug":false,"default":{"i18n":{"defaultLocale":"ko","locales":["en","ko","vi","ja"],"localeDetection":false,"fallbackLng":false},"locizeLastUsed":null,"use":null,"debug":false}}},"faceBookViewContentEventId":"ViewContent.1769788250.338509.6d8a1e1d-a141-4f58-b0b1-1287b31de133","slug":"웹표준-제대로-배우기-기초-2025","dehydratedState":{"mutations":[],"queries":[{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"id":338509,"type":"ON","slug":"웹표준-제대로-배우기-기초-2025","enSlug":"web-standards-proper-1","accessibleMenu":{"intro":true,"dashboard":false,"inquiries":false,"community":true,"news":true,"manage":false,"edit":false}}},"dataUpdateCount":1,"dataUpdatedAt":1769788250342,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/%ec%9b%b9%ed%91%9c%ec%a4%80-%ec%a0%9c%eb%8c%80%eb%a1%9c-%eb%b0%b0%ec%9a%b0%ea%b8%b0-%ea%b8%b0%ec%b4%88-2025/access-info"],"queryHash":"[\"/client/api/v1/course/%ec%9b%b9%ed%91%9c%ec%a4%80-%ec%a0%9c%eb%8c%80%eb%a1%9c-%eb%b0%b0%ec%9a%b0%ea%b8%b0-%ea%b8%b0%ec%b4%88-2025/access-info\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"publishedAt":"2025-06-01 17:00:00","lastUpdatedAt":"2025-08-21 09:00:00","curriculum":[{"id":336840,"title":"Web Standards Fundamentals (Basics) - 2025 Part.1","units":[{"id":336841,"title":"Class Materials","type":"LECTURE","runtime":0,"isPreview":false,"hasAttachment":true,"isComplete":false,"hasBody":false,"hasVideo":false,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":1},{"id":336857,"title":"HTML Start","type":"LECTURE","runtime":1420,"isPreview":true,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336858,"title":"Basic Structure of HTML Documents","type":"LECTURE","runtime":1311,"isPreview":true,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336860,"title":"Form Input Tags","type":"LECTURE","runtime":1410,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336862,"title":"Other output tags","type":"LECTURE","runtime":1263,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336864,"title":"Getting Started with CSS","type":"LECTURE","runtime":1780,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336865,"title":"CSS Basic Styles","type":"LECTURE","runtime":1766,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336866,"title":"Writing Reset CSS","type":"LECTURE","runtime":893,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336867,"title":"Understanding Display CSS","type":"LECTURE","runtime":1714,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336868,"title":"Understanding CSS Position 1","type":"LECTURE","runtime":1121,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336869,"title":"Understanding CSS Position 2","type":"LECTURE","runtime":1257,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336870,"title":"Understanding Flex Layout 1","type":"LECTURE","runtime":1765,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336871,"title":"Understanding Flex Layout 2","type":"LECTURE","runtime":1444,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":340471,"title":"Section 1 Quiz","type":"QUIZ","runtime":0,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":false,"submissionStatus":null,"quizId":20297,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":1}]},{"id":336852,"title":"Web Standards Fundamentals (Basics) - 2025 Part.2","units":[{"id":336855,"title":"Class Materials","type":"LECTURE","runtime":0,"isPreview":false,"hasAttachment":true,"isComplete":false,"hasBody":false,"hasVideo":false,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":1},{"id":336872,"title":"Writing Web Standard Headers","type":"LECTURE","runtime":1363,"isPreview":true,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336873,"title":"Writing Web Accessibility Headers","type":"LECTURE","runtime":1479,"isPreview":true,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336874,"title":"Writing containers for each device","type":"LECTURE","runtime":2039,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336875,"title":"Web Standard GNB Type 1","type":"LECTURE","runtime":1388,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336876,"title":"Web Standard GNB Type 2","type":"LECTURE","runtime":1120,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336877,"title":"Web Standard GNB Type 3","type":"LECTURE","runtime":2085,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336878,"title":"Font icon creation","type":"LECTURE","runtime":872,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336879,"title":"Table Basic Style","type":"LECTURE","runtime":1477,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336880,"title":"Table Utilization Style 1","type":"LECTURE","runtime":1143,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336881,"title":"Table Utilization Style 2","type":"LECTURE","runtime":1617,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336882,"title":"Form Basic Styles","type":"LECTURE","runtime":2264,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336883,"title":"Form Utilization Style 1","type":"LECTURE","runtime":1336,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336884,"title":"Form Utilization Style 2","type":"LECTURE","runtime":1724,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336885,"title":"Responsive Basic Style","type":"LECTURE","runtime":1713,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":336886,"title":"Responsive Utilization Style","type":"LECTURE","runtime":1725,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":true,"submissionStatus":null,"quizId":null,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":null},{"id":340467,"title":"Section 2 Quiz","type":"QUIZ","runtime":0,"isPreview":false,"hasAttachment":false,"isComplete":false,"hasBody":false,"hasVideo":false,"submissionStatus":null,"quizId":20295,"quizStatus":null,"isChallengeOnly":true,"liveSession":null,"mission":null,"readingTime":1}]}],"publishedAtUTC":"2025-06-01T08:00:00.000Z","lastUpdatedAtUTC":"2025-08-21T00:00:00.000Z"}},"dataUpdateCount":1,"dataUpdatedAt":1769788250485,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v2/courses/338509/curriculum"],"queryHash":"[\"/client/api/v2/courses/338509/curriculum\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"description":"This course provides foundational knowledge for learning and utilizing web standard coding. Learners can understand the basic principles of web coding and build the foundation necessary for learning web programming based on this understanding. Additionally, the course is structured to enable certification acquisition through web standard coding.","keywords":"Web Standards Properly Learning (Basics) - 2025","categorySlugs":["web-dev","front-end"],"skillSlugs":["frontend","html-css","web-design"],"commonTagsSlugs":["blackfriday2025-best","10thbirthday2512-best"],"exposure":true}},"dataUpdateCount":1,"dataUpdatedAt":1769788250484,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/338509/meta","en"],"queryHash":"[\"/client/api/v1/course/338509/meta\",\"en\"]"},{"state":{"data":{"statusCode":"OK","errorCode":null,"message":"","data":{"bestReviews":[]}},"dataUpdateCount":1,"dataUpdatedAt":1769788250484,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/reviews/courses/338509/best-reviews"],"queryHash":"[\"/client/api/v1/reviews/courses/338509/best-reviews\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"requestLanguage":"EN","responseLanguage":"EN","originalLanguage":"KO","id":338509,"slug":"웹표준-제대로-배우기-기초-2025","status":"PUBLISH","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338509/cover/01k2dywcz92pph5315mrrjj27d","isNew":false,"isBest":false,"title":"Web Standards Proper Learning (Basics) - 2025","studentCount":6,"duration":12,"providesCertificate":true,"providesInstructorAnswer":false,"providesInquiry":false,"isLiked":false,"likeCount":9,"description":"This course provides foundational knowledge for learning and utilizing web standard coding. Learners can understand the basic principles of web coding and build the foundation necessary for learning web programming based on this understanding. Additionally, the course is structured to enable certification acquisition through web standard coding.","unitSummary":{"lectureUnitCount":29,"missionUnitCount":0,"challengeUnitCount":0,"liveSessionUnitCount":0,"previewVideoUnitCount":4,"previewUnitCount":4,"previewVideoLectureCount":4,"runtime":40489,"hasIntroVideo":false,"totalPreviewVideoCount":4},"groupEnrolment":null,"cart":null,"category":{"main":{"title":"Programming","slug":"it-programming"},"sub":{"title":"Web Development","slug":"web-dev"}},"voucher":null,"paymentInfo":{"type":"REGULAR_PRICE_PURCHASE","regularPrice":92.4,"payPrice":92.4,"discountRate":0,"discount":null,"group":null,"krwRegularPrice":118800,"krwPaymentPrice":118800},"review":{"isShowing":false,"count":0,"averageStar":0},"instructors":[{"id":423184,"name":"usefulit","slug":"usefulit"}],"levels":[{"title":"입문","code":"Beginner","slug":"level-1","isActive":true},{"title":"초급","code":"Basic","slug":"level-2","isActive":false},{"title":"중급이상","code":"Intermediate","slug":"level-3","isActive":false}],"skillTags":[{"id":40975,"title":"frontend","slug":"frontend","subTitle":"frontend"},{"id":52,"title":"HTML/CSS","slug":"html-css","subTitle":"HTML/CSS"},{"id":170,"title":"Web Design","slug":"web-design","subTitle":"Web Design"}],"publishedAt":"2025-06-01 17:00:00","lastUpdatedAt":"2025-08-21 09:00:00","commonTags":[],"isGiftable":true,"isRequestGiftable":true,"publishedAtUTC":"2025-06-01T08:00:00.000Z","lastUpdatedAtUTC":"2025-08-21T00:00:00.000Z"}},"dataUpdateCount":1,"dataUpdatedAt":1769788250485,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/338509/online/info"],"queryHash":"[\"/client/api/v1/course/338509/online/info\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"requestLanguage":"EN","responseLanguage":"EN","originalLanguage":"KO","level":"level-1","levelCode":"Beginner","description":"This course provides foundational knowledge for learning and utilizing web standard coding. Learners can understand the basic principles of web coding and build the foundation necessary for learning web programming based on this understanding. Additionally, the course is structured to enable certification acquisition through web standard coding.","body":"\u003cdiv\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"one-column-grid\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"-1\"\u003e\u003ch3\u003e웹표준 제대로 배우기 (기초) - 2025\u003c/h3\u003e\u003cp\u003e본 과정은 웹 표준 코딩을 배우고 활용할 수 있는 기초적인 지식을 제공합니다. 학습자는 \u003cstrong\u003e웹 코딩의 기본 원칙을 이해하\u003c/strong\u003e고, 이를 바탕으로 \u003cstrong\u003e웹 프로그램을 배우는 데 필요한 기초\u003c/strong\u003e를 쌓을 수 있습니다. 또한, 웹 표준 코딩을 통해 자격증 취득도 가능하도록 구성되었습니다.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"separator-element\"\u003e\u003cdiv class=\"separator-element__line\"\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"one-column-grid\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003ch3 style=\"text-align:left\"\u003e강의 내용\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"two-column-grid two-column-grid--2to1\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003ch4\u003e웹표준 제대로 배우기 (기초) - 2025 Part.1\u003c/h4\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHTML 시작: HTML 문서 작성법과 구조 학습\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003eHTML 파일 생성과 기본 문서 작성 절차\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003eHTML이 웹 브라우저에서 해석되는 방식 이해\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHTML 문서 구조: HTML 기본 구성 요소 이해\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003e\u003chtml\u003e\u003c/code\u003e, \u003ccode\u003e\u003chead\u003e\u003c/code\u003e, \u003ccode\u003e\u003cbody\u003e\u003c/code\u003e 등 기본 태그 역할 설명\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e문서 제목, 메타데이터, 본문 영역 구분\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e폼 입력 태그: 다양한 입력 태그 사용법\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003e\u003cinput\u003e\u003c/code\u003e, \u003ccode\u003e\u003ctextarea\u003e\u003c/code\u003e, \u003ccode\u003e\u003cselect\u003e\u003c/code\u003e 등 다양한 입력 태그 작성\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e텍스트, 비밀번호, 체크박스, 라디오 버튼, 드롭다운 등의 활용\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e그 밖의 출력 태그: 텍스트, 이미지, 링크 출력 방법\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003e\u003cp\u003e\u003c/code\u003e, \u003ccode\u003e\u003ch1\u003e\u003c/code\u003e~\u003ccode\u003e\u003ch6\u003e\u003c/code\u003e 등 텍스트 출력 태그\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003e\u003cimg\u003e\u003c/code\u003e를 이용한 이미지 삽입\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003e\u003ca\u003e\u003c/code\u003e를 사용한 링크 연결 방법\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCSS 시작: CSS 기본 문법과 적용법\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e선택자와 속성-값 구조 이해\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003eHTML에 CSS를 적용하는 3가지 방식(인라인, 내부, 외부 스타일시트)\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCSS 기본 스타일: 텍스트, 색상, 배경 스타일 설정\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e글꼴 크기·굵기, 글자색, 줄 간격 조정\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e배경색, 배경 이미지 지정\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eReset CSS: 기본 스타일 초기화\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e브라우저 기본 스타일의 차이 제거\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003eReset CSS 또는 Normalize.css 사용 방법\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eDisplay CSS: 요소 표시 방식 이해\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003eblock\u003c/code\u003e, \u003ccode\u003einline\u003c/code\u003e, \u003ccode\u003einline-block\u003c/code\u003e, \u003ccode\u003enone\u003c/code\u003e 속성의 차이\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e요소 배치에 따른 레이아웃 변화\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003ePosition CSS: 위치 지정 방법\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003ccode\u003estatic\u003c/code\u003e, \u003ccode\u003erelative\u003c/code\u003e, \u003ccode\u003eabsolute\u003c/code\u003e, \u003ccode\u003efixed\u003c/code\u003e, \u003ccode\u003esticky\u003c/code\u003e의 특성과 사용 예시\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e요소의 좌표 지정(top, right, bottom, left)\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003eFlex Layout: Flexbox 기본과 반응형 레이아웃 구현\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003eFlex 컨테이너와 아이템의 기본 속성 이해\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e가로·세로 정렬, 공간 분배, 반응형 레이아웃 구성\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"image-text__container image-text\"\u003e\u003cdiv class=\"dropzone__wrapper\"\u003e\u003cdiv class=\"image-text__placeholder mantine-1avyp1d\"\u003e\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"image\" class=\"svg-inline--fa fa-image \" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 512 512\" style=\"font-size:32px;color:rgb(134, 142, 150);width:32px;height:32px\"\u003e\u003cpath fill=\"currentColor\" d=\"M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/div\u003e\u003cfigure class=\"dropzone-preview__figure\"\u003e\u003cdiv class=\"dropzone-preview__uploaded-anchor dropzone-preview__uploaded-anchor--no-link\"\u003e\u003cpicture style=\"display:flex\"\u003e\u003csource srcset=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?f=avif\u0026amp;w=960\" type=\"image/avif\"\u003e\u003csource srcset=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?f=webp\u0026amp;w=960\" type=\"image/webp\"\u003e\u003cimg src=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3ccjj115r249mvc6ydkx?w=960\" class=\"dropzone-preview__uploaded-content css-1d3w5wq\" alt=\"메리 썸네일 모음 (5)\" loading=\"eager\"\u003e\u003c/picture\u003e\u003c/div\u003e\u003c/figure\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"two-column-grid two-column-grid--2to1\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003ch4\u003e웹표준 제대로 배우기 (기초) - 2025 Part.2\u003c/h4\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e웹 표준 헤더: 웹 표준에 맞는 헤더 구성법\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003eHTML5 시맨틱 태그(\u003ccode\u003e\u003cheader\u003e\u003c/code\u003e, \u003ccode\u003e\u003cnav\u003e\u003c/code\u003e 등)를 활용한 구조 설계\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e웹 표준 규칙을 준수한 마크업 작성\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e웹 접근성 헤더: 접근성 개선을 위한 헤더 구성\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e스크린 리더 지원을 위한 대체 텍스트, ARIA 속성 적용\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e키보드 탐색 가능성과 명확한 시각적 포커스 제공\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e디바이스별 컨테이너: 다양한 화면 크기에 맞는 컨테이너 설계\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e고정형, 유동형, 반응형 컨테이너 설계 방식\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e미디어 쿼리를 활용한 화면 크기별 레이아웃 조정\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e웹 표준 GNB (유형 1, 2, 3): 다양한 내비게이션 바 디자인 실습\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e가로형, 세로형, 드롭다운형 내비게이션 구현\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003eCSS와 JavaScript를 활용한 스타일 및 동작 추가\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e폰트 아이콘 작성: 폰트 아이콘을 활용한 웹 디자인\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003eFont Awesome 등 폰트 아이콘 라이브러리 사용법\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003eSVG와 폰트 아이콘 비교 및 적용 사례\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e테이블 스타일링: 기본 및 활용적인 테이블 스타일링\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e표의 가독성을 높이는 기본 스타일 지정\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e행/열 구분, 마우스 오버 효과, 반응형 테이블 구현\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e폼 스타일링: 폼 디자인 기본 및 활용 예제\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e입력 필드, 버튼, 선택 박스 등의 디자인 개선\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e상태별 스타일(포커스, 비활성화 등) 적용\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cstrong\u003e반응형 디자인: 다양한 디바이스에 맞춘 반응형 디자인 실습\u003c/strong\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003e\u003cp\u003e모바일 퍼스트(Mobile-First) 설계 원칙\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e미디어 쿼리를 활용한 화면 크기별 UI 최적화\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"image-text__container image-text\"\u003e\u003cdiv class=\"dropzone__wrapper\"\u003e\u003cdiv class=\"image-text__placeholder mantine-1avyp1d\"\u003e\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"image\" class=\"svg-inline--fa fa-image \" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 512 512\" style=\"font-size:32px;color:rgb(134, 142, 150);width:32px;height:32px\"\u003e\u003cpath fill=\"currentColor\" d=\"M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/div\u003e\u003cfigure class=\"dropzone-preview__figure\"\u003e\u003cdiv class=\"dropzone-preview__uploaded-anchor dropzone-preview__uploaded-anchor--no-link\"\u003e\u003cpicture style=\"display:flex\"\u003e\u003csource srcset=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?f=avif\u0026amp;w=960\" type=\"image/avif\"\u003e\u003csource srcset=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?f=webp\u0026amp;w=960\" type=\"image/webp\"\u003e\u003cimg src=\"https://cdn.inflearn.com/public/files/courses/338509/builder/01k2dx3j656fj7bfdndcperzcv?w=960\" class=\"dropzone-preview__uploaded-content css-1d3w5wq\" alt=\"메리 썸네일 모음 (5)\" loading=\"eager\"\u003e\u003c/picture\u003e\u003c/div\u003e\u003c/figure\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"separator-element\"\u003e\u003cdiv class=\"separator-element__line\"\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"one-column-grid\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:auto;max-height:100%;min-height:auto;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003ch3\u003e수강 전 참고 사항\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"one-column-grid\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"info-box info-box--gray\" aria-labelledby=\"info-box__editable-aria\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:100%;max-height:100%;min-height:24px;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003cp style=\"text-align:left\"\u003e\u003cspan style=\"color:rgb(36, 41, 47)\"\u003e이 강의는 지식공유자의 질문/답변을 제공하지 않습니다.\u003c/span\u003e\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"grid-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"one-column-grid\"\u003e\u003cdiv\u003e\u003cdiv class=\"box__children-wrapper\"\u003e\u003cdiv class=\"action-menu-wrapper action-menu-wrapper--view-mode\"\u003e\u003cdiv class=\"info-box info-box--gray\" aria-labelledby=\"info-box__editable-aria\"\u003e\u003cdiv class=\"editor-container text-view-mode\" style=\"display:flex;flex-direction:column;height:100%;max-height:100%;min-height:24px;border-radius:8px\"\u003e\u003cdiv data-testid=\"editor-content-container\" class=\"editor-content-container markdown-body\" style=\"background-color:rgb(255, 255, 255);cursor:auto\"\u003e\u003cdiv role=\"textbox\" translate=\"no\" class=\"tiptap ProseMirror\" tabindex=\"0\"\u003e\u003ch4\u003e\u003cstrong\u003e학습 자료\u003c/strong\u003e\u003c/h4\u003e\u003cp\u003epart 1 - 강의 활용 파일(step1 html, step2 css)\u003c/p\u003e\u003cp\u003epart 2 - 강의 활용 파일(step1 html, step2 css)\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e","editorType":"BUILDER","shownCategory":["웹 개발","프론트엔드"],"abilities":["You can develop basic knowledge of web standard coding to cultivate employment skills as a web designer and web publisher.","You can acquire certification by learning the functions of web standard coding."],"targets":["Anyone who wants to learn web coding for the first time","Anyone who only deals with graphics programs","Any member who wishes to obtain a certification"],"based":[],"faqs":[],"mainInstructors":[{"id":423184,"name":"usefulit","slug":"usefulit","introduce":"\u003cp\u003eI will help you grow through useful IT lectures.\u003c/p\u003e","thumbnail":"https://cdn.inflearn.com/public/users/thumbnails/423184/e757b1d2-5138-4c8b-9d6e-3fd1ec0b9b6c","courseCount":309,"studentCount":8278683,"reviewCount":6375,"totalStar":29554,"answerCount":0,"introduceContentLanguage":"EN","introduceOriginalLanguage":"KO"}],"challengeCourse":null,"publishedAt":"2025-06-01 17:00:00","lastUpdatedAt":"2025-08-21 09:00:00","lastUpdatedAtUTC":"2025-08-21T00:00:00.000Z","publishedAtUTC":"2025-06-01T08:00:00.000Z"}},"dataUpdateCount":1,"dataUpdatedAt":1769788250485,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/338509/contents?lang=en"],"queryHash":"[\"/client/api/v1/course/338509/contents?lang=en\"]"},{"state":{"data":{"statusCode":"OK","errorCode":null,"message":"","data":{"courseId":338509,"averageStar":null,"totalCount":0}},"dataUpdateCount":1,"dataUpdatedAt":1769788250513,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/338509/review-stats"],"queryHash":"[\"/client/api/v1/course/338509/review-stats\"]"},{"state":{"data":{"pages":[{"statusCode":"OK","errorCode":null,"message":"","data":{"pageNumber":1,"pageSize":5,"totalCount":0,"totalPage":0,"items":[]}}],"pageParams":[1]},"dataUpdateCount":1,"dataUpdatedAt":1769788250538,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/reviews/course/338509","RECOMMEND"],"queryHash":"[\"/client/api/v1/reviews/course/338509\",\"RECOMMEND\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"items":[{"id":338512,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338512,"slug":"웹표준-제대로-배우기-활용-2025","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338512/cover/01k2dzarv7b0zh01pq2c0qd1pw","title":"Web Standards Proper Learning (Application) - 2025","description":"This course is an introductory program where you can systematically learn web standard coding methods. Learners will acquire fundamental knowledge necessary for web development and build a foundation for developing actual web programs based on this knowledge. Additionally, through coding methods that comply with web standards, you can aim to obtain certifications. It provides an opportunity to solidly prepare from the basics of web development to practical application.","reviewCount":0,"studentCount":5,"likeCount":3,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-28 09:00:00","publishedAt":"2025-06-01 16:30:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Web Design","frontend","HTML/CSS"],"skillTags":[{"id":170,"title":"Web Design","slug":"web-design"},{"id":40975,"title":"frontend","slug":"frontend"},{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":27,"title":"Web Publishing","slug":"web-publishing","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Development","Front-end","Web Publishing"]},"abilities":["You can develop basic knowledge of web standard coding to cultivate employment skills as a web designer and web publisher.","You can acquire certification by learning the functions of web standard coding."],"courseTags":[],"targets":["Anyone who wants to learn web coding for the first time","Anyone who deals exclusively with graphics programs","Any member who wishes to obtain a certification"],"runtimeSecond":55213,"updatedAtUTC":"2025-08-28T00:00:00.000Z","publishedAtUTC":"2025-06-01T07:30:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":102.3,"regularPrice":102.3,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":132000,"krwPaymentPrice":132000},{"id":338685,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338685,"slug":"합격을-부르는-웹-프론트엔드-포트폴리","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338685/cover/01k3g14fdrthqpjcht700vtpkk","title":"Success-Driven Web Frontend Portfolio 2025 (Basics)","description":"This course is a hands-on program focused on learning the core syntax and application methods of frontend web programming and applying them to actual portfolio creation.\n\nLearners will progressively master everything from basic syntax including HTML, CSS, and JavaScript to the latest frontend technologies, directly experiencing the process of web interface implementation and dynamic functionality handling. Additionally, through various examples frequently used in practice, learners can naturally acquire efficient coding techniques and real development workflows.\n\nThrough this course, learners will move beyond simple syntax memorization to understand the connected workflow from web page planning–design–implementation, and based on this understanding, they can complete their own portfolio.\n\nFurthermore, this course will serve as a solid stepping stone for growing into a frontend developer, providing great help as an introductory course for learners new to web development and as a practical supplementary course for those looking to build hands-on experience.","reviewCount":0,"studentCount":5,"likeCount":7,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-26 09:00:00","publishedAt":"2025-06-01 14:30:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["frontend"],"skillTags":[{"id":40975,"title":"frontend","slug":"frontend"}],"categories":[{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Development","Front-end"]},"abilities":["This is the process of implementing UI by utilizing various frontend web programming syntax.","Complete your portfolio step by step through the given examples via online classes."],"courseTags":[],"targets":["Students who are learning the basics of JavaScript","Web publishers or web developers who want to improve their coding skills in practical work","A web developer who wants to learn JavaScript libraries"],"runtimeSecond":43109,"updatedAtUTC":"2025-08-26T00:00:00.000Z","publishedAtUTC":"2025-06-01T05:30:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":84.7,"regularPrice":84.7,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":110000,"krwPaymentPrice":110000},{"id":327246,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":327246,"slug":"부트스트랩5-웹프로젝트","thumbnailUrl":"https://cdn.inflearn.com/public/courses/327246/cover/16122223-0df0-4605-afa9-5d4eb2680db8/Screenshot-main.jpeg","title":"Bootstrap 5 - Creating a Web Project from Scratch","description":"We will understand the concepts of classes and components in Bootstrap5, apply them, modify them, and create three projects through practice.","reviewCount":32,"studentCount":525,"likeCount":358,"star":4.7,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-25 12:21:46","publishedAt":"2021-11-02 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Bootstrap","HTML/CSS","JavaScript","Web Design"],"skillTags":[{"id":71,"title":"Bootstrap","slug":"bootstrap"},{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":170,"title":"Web Design","slug":"web-design"}],"categories":[{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Front-end","Web Development"]},"abilities":["Learn the basic class concepts of the latest Bootstrap 5.","Based on the understood concept of bootstrap, it can be modified and applied.","You will understand the overall features and structure of Bootstrap 5 through practical projects.","Ultimately, you can implement your own unique website on the front-end based on the design and functions of Bootstrap.","Later on, you can use Bootstrap not only for front-end development but also for back-end development."],"courseTags":[],"targets":["Those who want to study the basic structure, concepts, and components of Bootstrap","For those who are new to web coding and want to learn web development quickly and easily","I know the basics of bootstrap, but I want to modify and apply it."],"runtimeSecond":52680,"updatedAtUTC":"2025-08-25T03:21:46.810Z","publishedAtUTC":"2021-11-01T15:00:00.000Z"},"instructor":{"id":126308,"name":"Self-coding"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":17.6,"regularPrice":17.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":22000,"krwPaymentPrice":22000},{"id":330795,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":330795,"slug":"do-it-html5-css3-개정2판","thumbnailUrl":"https://cdn.inflearn.com/public/courses/330795/cover/b02b07de-4192-4564-ba7c-f8214da9c2d7/Do it! HTML5 CSS3 웹표준정석 개정2판.png","title":"Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition","description":"If you want to build a solid web foundation, come here!","reviewCount":45,"studentCount":1043,"likeCount":153,"star":4.9,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2023-04-24 09:00:00","publishedAt":"2023-04-24 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["HTML/CSS"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Front-end","Web Development"]},"abilities":["You can learn the basics of HTML5","You can learn from the basics of CSS.","You can learn how to develop responsive web"],"courseTags":[],"targets":["Coding beginners who are curious about web programming","Job seekers who want to become web and app developers"],"runtimeSecond":21430,"updatedAtUTC":"2023-04-24T00:00:00.000Z","publishedAtUTC":"2023-04-23T15:00:00.000Z"},"instructor":{"id":216597,"name":"easyspub"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":0,"regularPrice":0,"isFree":true,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":false},"voucher":null,"krwRegularPrice":0,"krwPaymentPrice":0},{"id":336363,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":336363,"slug":"css-grid-마스터-figma-디자인웹구현","thumbnailUrl":"https://cdn.inflearn.com/public/courses/336363/cover/52a93e19-1182-4675-b652-5a4ec61e3e16/336363.jpg","title":"CSS GRID Master: Practical Web Implementation of Figma Design","description":"CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now!\n","reviewCount":2,"studentCount":18,"likeCount":18,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:24:49","publishedAt":"2025-02-28 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","jQuery","Figma"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":123,"title":"jQuery","slug":"jquery"},{"id":378,"title":"Figma","slug":"figma"}],"categories":[{"id":27,"title":"Web Publishing","slug":"web-publishing","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Publishing","Web Development","Front-end"]},"abilities":["A Complete Guide to Basic CSS Grid Syntax and Properties\n","Project practice with real-world examples\n","Design reference webpage implementation know-how\n"],"courseTags":[],"targets":["For those who have a basic understanding of HTML and CSS but struggle with layout design\n","For those who find it difficult to implement design drafts into code\n","For those who want to build a well-organized UI using CSS Grid\n","For those who want to transition from the existing float and flexbox methods to efficient layout management\n","For those who want to create their own clean and modern website\n","Those who want to gain practical experience through projects\n"],"runtimeSecond":17463,"updatedAtUTC":"2025-05-19T03:24:49.289Z","publishedAtUTC":"2025-02-27T15:00:00.000Z"},"instructor":{"id":444512,"name":"ezweb"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":22,"regularPrice":22,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":27500,"krwPaymentPrice":27500},{"id":336246,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":336246,"slug":"불사의-jquery-기초부터-실무까지","thumbnailUrl":"https://cdn.inflearn.com/public/courses/336246/cover/942fb7c8-6593-4f24-807a-1eef218400d4/336246.jpg","title":"The Immortal jQuery Still Alive - From Basics to Practice","description":"jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately in the field.\n","reviewCount":2,"studentCount":27,"likeCount":20,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:26:26","publishedAt":"2025-02-10 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","JavaScript","jQuery","jquery-selector"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":123,"title":"jQuery","slug":"jquery"},{"id":106057,"title":"jquery-selector","slug":"jquery-selector"}],"categories":[{"id":27,"title":"Web Publishing","slug":"web-publishing","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Publishing","Web Development","Front-end"]},"abilities":["Basic jQuery Syntax\n","Changing element styles with jQuery\n","Applying Events to Elements with jQuery\n","Quickly Implement Animations with jQuery\n","Practical TABS examples you can use right away.\n","Ready-to-use, practical example: Accordion\n","Ready-to-use, practical example lightbox\n","Ready-to-use, practical examples of Back-to-Top animations.\n","Ready-to-use, Practical Example Slideshow\n","Using the Swiper JS Library in Practice\n","Utilizing a Practical Library - Masonry\n","Practical Library - Utilizing ScrollTrigger\n","Practical Library - Utilizing Fullpage JS\n"],"courseTags":[],"targets":["Someone who has learned HTML, CSS, and Javascript.\n","Job seeker preparing to become a publisher\n","Someone who is preparing a portfolio.\n","For those preparing for the Web Design Development Technician (formerly Web Design Technician) certification.\n"],"runtimeSecond":19850,"updatedAtUTC":"2025-05-19T03:26:26.904Z","publishedAtUTC":"2025-02-09T15:00:00.000Z"},"instructor":{"id":444512,"name":"ezweb"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":13.2,"regularPrice":13.2,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":16500,"krwPaymentPrice":16500},{"id":331994,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":331994,"slug":"react-gpt-api-ai회고록-서비스-개발","thumbnailUrl":"https://cdn.inflearn.com/public/courses/331994/cover/80dd960e-3d37-4150-8659-97b88c9d777a/331994-eng.png","title":"Developing AI Memoir Service with React + GPT API (One-Day Class)","description":"React-based GPT AI Service: Complete in 1 Hour\nAfter taking the lecture, build your own AI GPT SASS solution.","reviewCount":37,"studentCount":2100,"likeCount":346,"star":4.9,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2023-09-26 09:00:00","publishedAt":"2023-09-26 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["React","ChatGPT","JavaScript","HTML/CSS","Node.js"],"skillTags":[{"id":55,"title":"React","slug":"react"},{"id":108947,"title":"ChatGPT","slug":"chatgpt"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":59,"title":"Node.js","slug":"nodejs"}],"categories":[{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Front-end","Web Development"]},"abilities":["ChatGPT Prompt","Web Development (Basic)","React ( Vite, Styled-component, Antd )","GPT API Integration"],"courseTags":[],"targets":["Beginners who want fun React learning.","A person who wants to create their own GPT-based web service"],"runtimeSecond":3580,"updatedAtUTC":"2023-09-26T00:00:00.000Z","publishedAtUTC":"2023-09-25T15:00:00.000Z"},"instructor":{"id":24655,"name":"dodocoding"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":0,"regularPrice":0,"isFree":true,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":false},"voucher":null,"krwRegularPrice":0,"krwPaymentPrice":0},{"id":338257,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338257,"slug":"풀면서-배우는-정보처리산업기사-과정평","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338257/cover/01k0x2sk89k6vjxzg1gjwtx0y8","title":"Complete Guide to Information Processing Industrial Engineer Process Assessment Practical Exam: Learn by Solving","description":"Learning by Doing: 정보처리산업기사\nI have prepared everything for passing the 정보처리산업기사 course-evaluation practical exam.","reviewCount":1,"studentCount":6,"likeCount":7,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-07-27 22:00:00","publishedAt":"2025-07-27 22:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["HTML/CSS","Java","SQL","Oracle","Industrial Engineer Information Processing"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":64,"title":"Java","slug":"java"},{"id":94,"title":"SQL","slug":"sql"},{"id":119,"title":"Oracle","slug":"oracle"},{"id":40118,"title":"Industrial Engineer Information Processing","slug":"industrial-engineer-information-processing"}],"categories":[{"id":39779,"title":"Certificate (Programming)","slug":"certificate-programming","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":504,"title":"etc. (Career)","slug":"career-besides","parent":{"id":494,"title":"Career","slug":"career"}}],"parentCategories":["Programming","Career"],"childCategories":["Certificate (Programming)","Web Development","etc. (Career)"]},"abilities":["Information Processing Industrial Engineer Course-based Evaluation Type Practical Exam Problem Solutions","Information Processing Industrial Engineer Course-Evaluation Practical Exam Related Materials","How to Pass the Information Processing Industrial Engineer Course-Evaluation Practical Exam"],"courseTags":[{"tag":"HAS_MISSION"}],"targets":["정보처리산업기사 Course-Evaluation Type test-takers","Examinee preparing for the Industrial Engineer Information Processing course-based practical exam","Candidate facing the Information Processing Industrial Engineer practical exam external evaluation."],"runtimeSecond":8875,"updatedAtUTC":"2025-07-27T13:00:00.000Z","publishedAtUTC":"2025-07-27T13:00:00.000Z"},"instructor":{"id":1149760,"name":"Neo"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":26.4,"regularPrice":26.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":33000,"krwPaymentPrice":33000},{"id":335437,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":335437,"slug":"모바일-웹-퍼블리싱-포트폴리오-css","thumbnailUrl":"https://cdn.inflearn.com/public/courses/335437/cover/010dc170-8449-4b78-bb31-75e4903b469a/335437.png","title":"Mobile Web Publishing Portfolio with CSS Nesting","description":"Page 19, Total 22 different mobile layouts While creating various mobile layouts, you can improve your mobile web creation skills, which are the most competitive in the publisher industry and publisher practice. You can learn almost all the production methods and know-how for creating mobile web as a publisher. In the mobile web publishing class, we will explain in detail the detailed writing method of HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe creation skills will greatly improve. In particular, you can learn enough about the CSS nesting method. You will acquire sufficient intermediate to advanced CSS practical skills centered on Flex layout.","reviewCount":4,"studentCount":34,"likeCount":37,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:51:39","publishedAt":"2024-12-11 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Mobile App Design","HTML/CSS","wireframe","slick-slider","iframes"],"skillTags":[{"id":245,"title":"Mobile App Design","slug":"app-design"},{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":55622,"title":"wireframe","slug":"wireframe"},{"id":107198,"title":"slick-slider","slug":"slick-slider"},{"id":105825,"title":"iframes","slug":"iframes"}],"categories":[{"id":27,"title":"Web Publishing","slug":"web-publishing","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Publishing","Web Development","Front-end"]},"abilities":["Pure CSS Nesting Publishing Capability","Intermediate to advanced CSS practical coding focused on Flex \u0026 Grid layouts","19 pages, total 22 different mobile layouts created","Essential theories and know-how for mobile web publishing production, and practical production","Creating a mobile-optimized layout using CSS variables (Var)","The Definitive Guide to Clean Coding: Publishing Like a Pro","How to use Slick Slider and CSS change tips","Creating HTML+CSS mobile mockup and using iframe"],"courseTags":[],"targets":["If you need a mobile web UI design and publishing portfolio","Those who need practical experience for mobile web publishing work"],"runtimeSecond":58783,"updatedAtUTC":"2025-05-13T07:51:39.699Z","publishedAtUTC":"2024-12-10T15:00:00.000Z"},"instructor":{"id":87148,"name":"codingworks"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":61.6,"regularPrice":61.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":79200,"krwPaymentPrice":79200},{"id":330683,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":330683,"slug":"chatgpt-다국어-번역기-웹개발","thumbnailUrl":"https://cdn.inflearn.com/public/courses/330683/cover/a75adb65-08c0-4bf7-b9e9-c851edf5c566/330683-eng.png","title":"ChatGPT API Beginner Course - Developing a Multilingual Translator Web Full Stack in 30 Minutes","description":"Using the ChatGPT API, develop a full-stack multilingual translator web application in just 30 minutes, and even if you know nothing about AI, try incorporating the latest AI (ChatGPT API) into your product!","reviewCount":32,"studentCount":343,"likeCount":139,"star":4.4,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2023-03-28 09:00:00","publishedAt":"2023-03-28 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["ChatGPT","Python","HTML/CSS"],"skillTags":[{"id":108947,"title":"ChatGPT","slug":"chatgpt"},{"id":57,"title":"Python","slug":"python"},{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":17437,"title":"Full-stack","slug":"full-stack","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Full-stack","Web Development"]},"abilities":["Develop your own AI service with ChatGPT API","How to Use ChatGPT API"],"courseTags":[],"targets":["Someone looking to integrate ChatGPT API into a product","Person wanting to do a side project using ChatGPT API"],"runtimeSecond":3365,"updatedAtUTC":"2023-03-28T00:00:00.000Z","publishedAtUTC":"2023-03-27T15:00:00.000Z"},"instructor":{"id":148899,"name":"kyaryunha"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":6.6,"regularPrice":6.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":7700,"krwPaymentPrice":7700},{"id":336946,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":336946,"slug":"javascript-객체지향-틱택토-중급","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j","title":"Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)","description":"📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples.\n\nYou'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code.\n\nThis is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.","reviewCount":1,"studentCount":28,"likeCount":19,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-31 19:04:45","publishedAt":"2025-05-12 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","JavaScript","oop"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":255,"title":"oop","slug":"oop"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language","Web Development","Front-end"]},"abilities":["Ability to fully implement a console-based tic-tac-toe game","Ability to structure user input processing and game flow control logic","Designed and implemented everything from basic random AI to strategic AI","Implementing logic to evaluate game situations based on conditions and apply priorities","Establishing the Concepts of JavaScript Objects and Constructor Functions","Understanding the differences and connection structure between prototype and class syntax","Practical application of core object-oriented programming concepts such as inheritance, super, and override","Flexible Feature Design through Composition and Delegation","Implementing Safe Object Protection and Internal Information Hiding through Encapsulation","Enables structured design by distinguishing roles and responsibilities in object collaboration structures"],"courseTags":[{"tag":"IS_ACTIVE_IN_QUESTION"},{"tag":"HAS_MISSION"}],"targets":["People who have learned basic JavaScript syntax but have no experience building their own projects","Those who want to implement AI logic or strategy-based programs using JavaScript","For those who want to systematically learn OOP (Object-Oriented Programming) concepts with code","For those who want to clearly understand JavaScript's class syntax, prototype structure, private fields, etc.","For those who want to understand class-based code structure and build a foundation for team projects","For those who want to improve their JavaScript skills in a fun way through game projects","Those who want to understand object design from a security perspective, including encapsulation, information hiding, and data protection","Aspiring developers who want to learn flexible and safe object design techniques that can be used in practice"],"runtimeSecond":12728,"updatedAtUTC":"2025-08-31T10:04:45.910Z","publishedAtUTC":"2025-05-11T15:00:00.000Z"},"instructor":{"id":1539805,"name":"nhcodingstudio"},"listPrice":{"isDiscount":true,"isEarlyBirdDiscount":false,"payPrice":11,"regularPrice":13.2,"isFree":false,"discountRate":16.666666666666668,"discountEndedAt":"2026-01-31 23:59:59","discountId":null,"discountTitle":"지식공유자의 깜짝할인","discountEndedAtUTC":"2026-01-31T14:59:59.000Z"},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":16500,"krwPaymentPrice":13200},{"id":154639,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":154639,"slug":"html5-시각화","thumbnailUrl":"https://cdn.inflearn.com/wp-content/uploads/data.jpg","title":"Practice-oriented HTML5 visualization programming","description":"Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.","reviewCount":2,"studentCount":34,"likeCount":159,"star":3.5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:27:03","publishedAt":"2018-06-05 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":36,"title":"Data Analysis","slug":"data-analysis","parent":{"id":9,"title":"Data Science","slug":"data-science"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Data Science","Programming"],"childCategories":["Data Analysis","Web Development"]},"abilities":["HTML5 Visualization Programming","How to use JavaScript chart framework","Real-time data visualization","Cryptocurrency Data Collection and Visualization","Understanding the Difference Between Canvas and SVG","Advanced data visualization using D3.js and nvd3.js","Implementing modular charts using eCharts"],"courseTags":[],"targets":["Web Developer","People interested in data visualization","College students who want to gain practical programming experience","People interested in cryptocurrency data analysis","Anyone who wants to create a project using HTML5 and JavaScript"],"runtimeSecond":22260,"updatedAtUTC":"2025-05-19T03:27:03.794Z","publishedAtUTC":"2018-06-04T15:00:00.000Z"},"instructor":{"id":102143,"name":"antfellow77251"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":26.4,"regularPrice":26.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":33000,"krwPaymentPrice":33000},{"id":340174,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":340174,"slug":"website-funnels-traf","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/340174/cover/01kdj1aq2t8kjv4jbc5s4hc745","title":"Website, Funnels \u0026 Traffic Mastery Program - 2026","description":"The Website, Funnels \u0026 Traffic Mastery Program is a comprehensive, execution-focused course bundle designed to help individuals and businesses build professional websites, create effective funnels, and drive consistent traffic that converts. This program connects website creation, traffic generation, and performance measurement into one complete growth system.","reviewCount":0,"studentCount":2,"likeCount":2,"star":0,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-12-28 09:00:00","publishedAt":"2025-12-30 14:47:21","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Digital Marketing","Web Design","Google Ads","Google Analytics","GA4"],"skillTags":[{"id":49,"title":"Digital Marketing","slug":"digital-marketing"},{"id":170,"title":"Web Design","slug":"web-design"},{"id":196,"title":"Google Ads","slug":"google-ads"},{"id":198,"title":"Google Analytics","slug":"google-analytics"},{"id":108583,"title":"GA4","slug":"ga4"}],"categories":[{"id":36,"title":"Data Analysis","slug":"data-analysis","parent":{"id":9,"title":"Data Science","slug":"data-science"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":43,"title":"Marketing \u0026 PR","slug":"marketing","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}}],"parentCategories":["Data Science","Programming","Business \u0026 Marketing"],"childCategories":["Data Analysis","Web Development","Marketing \u0026 PR"]},"abilities":["Understand how websites, funnels, and traffic work together as a growth system","Choose the right website platform based on business goals and use cases","Build professional, conversion-focused websites using multiple platforms","Design landing pages optimized for lead generation and sales","Create clear funnel structures that guide users from entry to conversion","Align website content with different stages of the customer journey","Use Google Ads to drive targeted traffic into specific funnels","Plan paid traffic campaigns based on funnel objectives","Use social media marketing to attract and engage relevant audiences","Integrate organic and paid traffic sources effectively","Track website visitors, behavior, and conversions using Google Analytics 4","Analyze user flow and drop-offs across funnels","Optimize pages and funnels based on performance data","Improve conversion rates through testing and refinement","Manage traffic budgets to maximize return on investment","Identify high-performing traffic sources and campaigns","Reduce wasted spend by fixing funnel and traffic mismatches","Create repeatable systems for traffic and funnel optimization","Make data-driven decisions instead of relying on assumptions","Build scalable digital assets that support long-term business growth"],"courseTags":[],"targets":["Entrepreneurs building websites to generate leads or sales","Business owners looking to improve website conversions and traffic quality","Digital marketers responsible for driving traffic and funnel performance","Course creators and coaches selling digital products or services","Freelancers offering website, funnel, or traffic management services","Startup teams building acquisition funnels from scratch","E-commerce or service businesses optimizing online customer journeys","Professionals transitioning into digital marketing or growth roles","Agencies managing website and traffic performance for clients","Anyone wanting to build and optimize digital funnels without relying on developers"],"runtimeSecond":138451,"updatedAtUTC":"2025-12-28T00:00:00.000Z","publishedAtUTC":"2025-12-30T05:47:21.639Z"},"instructor":{"id":1701889,"name":"Tanmoy Das"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":46.2,"regularPrice":46.2,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":60500,"krwPaymentPrice":60500},{"id":333517,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":333517,"slug":"기초부터-실무까지-제대로-배우는-피그","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/333517/cover/01k3f3zjvjz4tcs9msy33h2v0v","title":"A Figma UI Design Class to Properly Learn from Basics to Practical Application","description":"From basics to practical application, an all-in-one UI design class mastering everything with Figma!\nMaster essential features like Auto Layout and Components, along with responsive design, efficient handoff, and collaboration skills for real-world work. Start now and upgrade your design capabilities to the next level!","reviewCount":14,"studentCount":251,"likeCount":149,"star":4.9,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-11-13 09:00:00","publishedAt":"2025-08-27 00:30:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Web Design","Prototyping","Figma","Responsive Web","product design"],"skillTags":[{"id":170,"title":"Web Design","slug":"web-design"},{"id":179,"title":"Prototyping","slug":"prototyping"},{"id":378,"title":"Figma","slug":"figma"},{"id":592,"title":"Responsive Web","slug":"responsive-web"},{"id":180307,"title":"product design","slug":"productdesign"}],"categories":[{"id":30,"title":"UI/UX","slug":"ux-ui","parent":{"id":22,"title":"Design","slug":"design"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":41,"title":"Project \u0026 Product Management","slug":"project-manage","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}}],"parentCategories":["Design","Programming","Business \u0026 Marketing"],"childCategories":["UI/UX","Web Development","Project \u0026 Product Management"]},"abilities":["Learn the fundamental theories and essential knowledge of UI design, and practice hands-on through various practical examples","Intensively learning core practical features such as Auto Layout, Components, etc.","Experience the entire process from wireframe creation to UI design, prototyping, and responsive design","Learn how to use Figma in practical ways that can be immediately applied to work, including efficient handoff methods and collaboration"],"courseTags":[{"tag":"IS_ACTIVE_IN_QUESTION"},{"tag":"HAS_MISSION"}],"targets":["Beginners who are just starting with Figma or looking to switch from other tools","Professionals who cannot properly utilize essential work features such as components and auto layout","Those who need to understand Figma for smooth collaboration with designers, such as developers and PMs"],"runtimeSecond":39867,"updatedAtUTC":"2025-11-13T00:00:00.000Z","publishedAtUTC":"2025-08-26T15:30:00.000Z"},"instructor":{"id":1204524,"name":"bolduxlab"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":61.6,"regularPrice":61.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":79200,"krwPaymentPrice":79200},{"id":339029,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339029,"slug":"claude-code로-웹-서비스-만","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339029/cover/01k5gf8594p3s7p8f1yqc1m8zm","title":"Creating Web Services with Vibe Coding With Claude Code","description":"A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.","reviewCount":16,"studentCount":154,"likeCount":65,"star":4.9,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-30 09:00:00","publishedAt":"2025-09-19 20:30:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["HTML/CSS","JavaScript","Next.js","claude"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":581,"title":"Next.js","slug":"next-js"},{"id":182692,"title":"claude","slug":"claude"}],"categories":[{"id":183434,"title":"AI Coding","slug":"ai-coding","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":185095,"title":"Applied AI Development","slug":"Applied-AI-Development","parent":{"id":183380,"title":"Applied AI","slug":"Applied-ai"}}],"parentCategories":["Programming","Applied AI"],"childCategories":["AI Coding","Web Development","Front-end","Applied AI Development"]},"abilities":["You can learn practical Claude Code techniques.","You can create web services through Claude Code."],"courseTags":[],"targets":["Solo entrepreneur","Those who want to quickly develop landing pages","Those who are new to Vibe Coding","PM, planner, designer","Those who have experienced the limitations and shortcomings of Replit and V0 Sass services"],"runtimeSecond":14575,"updatedAtUTC":"2025-09-30T00:00:00.000Z","publishedAtUTC":"2025-09-19T11:30:00.000Z"},"instructor":{"id":436953,"name":"ref63184917"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":9.9,"regularPrice":9.9,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":12100,"krwPaymentPrice":12100},{"id":327593,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":327593,"slug":"웹게임-인터렉티브","thumbnailUrl":"https://cdn.inflearn.com/public/courses/327593/cover/3c5219b2-c46c-49c7-a7cc-6d1a99f8a0bd/cover3_2메가.gif","title":"Learning interactive web while making web games! JAVASCRIPT","description":"A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!","reviewCount":26,"studentCount":373,"likeCount":682,"star":4.7,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:50:36","publishedAt":"2021-08-19 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Interactive Web","JavaScript","HTML/CSS"],"skillTags":[{"id":318,"title":"Interactive Web","slug":"interactive-web"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":39307,"title":"Game Programming","slug":"game-programming","parent":{"id":39306,"title":"Game Dev","slug":"game-dev-all"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Game Dev","Programming"],"childCategories":["Game Programming","Front-end","Web Development"]},"abilities":["Naturally learn web animation and interactive web implementation principles while creating games!"],"courseTags":[],"targets":["For those interested in UI/UX!","Job seekers who want to create a special portfolio!","Web animation! For those interested in interaction!","For those who want to learn various front-end skills!","For those who want to increase their skills and raise their salary!"],"runtimeSecond":32098,"updatedAtUTC":"2025-05-13T07:50:36.005Z","publishedAtUTC":"2021-08-18T15:00:00.000Z"},"instructor":{"id":358103,"name":"ggangcoding162118"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":68.2,"regularPrice":68.2,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":88000,"krwPaymentPrice":88000},{"id":338262,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338262,"slug":"lottiefiles-공식-lotti","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338262/cover/01k184j4m25b7qg0qwvgf250zy","title":"[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)","description":"Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.","reviewCount":2,"studentCount":110,"likeCount":38,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-05 18:07:16","publishedAt":"2025-09-08 16:30:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Motion Graphic","Web Design","Lottie","ui","ux"],"skillTags":[{"id":160,"title":"Motion Graphic","slug":"motion-graphic"},{"id":170,"title":"Web Design","slug":"web-design"},{"id":13760,"title":"Lottie","slug":"lottie"},{"id":107632,"title":"ui","slug":"ui"},{"id":107709,"title":"ux","slug":"ux"}],"categories":[{"id":30,"title":"UI/UX","slug":"ux-ui","parent":{"id":22,"title":"Design","slug":"design"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":24,"title":"Graphic Design","slug":"graphic-design","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design","Programming"],"childCategories":["UI/UX","Front-end","Graphic Design"]},"abilities":["How to Create Lottie Animations Using Figma, Lottie Creator, and AI Tools","Methods for Inserting Lottie Animations and Implementing Interactions in Webflow"],"courseTags":[],"targets":["Web designers or web developers who use Webflow","Designers who want to actually implement Figma-based interactions/motions on websites","Publishers/marketers who want to apply Lottie animations in practical work"],"runtimeSecond":1635,"updatedAtUTC":"2025-09-05T09:07:16.573Z","publishedAtUTC":"2025-09-08T07:30:00.000Z"},"instructor":{"id":1467223,"name":"LottieFiles"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":0,"regularPrice":0,"isFree":true,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":false},"voucher":null,"krwRegularPrice":0,"krwPaymentPrice":0},{"id":326778,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326778,"slug":"자바스크립트-제대로-배워보기","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326778/cover/fa701aa5-8e85-4c60-8bd0-32be8a67635b/3A9329DD-8AC3-44FA-AEAA-F981219DC5E2.png","title":"Want to learn JavaScript properly?","description":"This is the most solid foundation course for beginners who want to learn JavaScript properly. This course will be the starting point for understanding the language called JavaScript, and you can perfectly prepare the basics to become a front-end (Vue, React, Angular) developer and server (Node.js) developer.","reviewCount":74,"studentCount":750,"likeCount":1338,"star":4.9,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:50:05","publishedAt":"2021-04-07 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["JavaScript","ES6","HTML/CSS"],"skillTags":[{"id":53,"title":"JavaScript","slug":"javascript"},{"id":243,"title":"ES6","slug":"es6"},{"id":52,"title":"HTML/CSS","slug":"html-css"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language","Front-end"]},"abilities":["You can learn the basics of JavaScript properly.","You can learn ES6 grammar","Vanilla JS","You can learn how to use JavaScript in terms of controlling HTML."],"courseTags":[],"targets":["For those who are new to JavaScript","For those who want to learn JavaScript properly","Anyone who wants to become a front-end developer (React, Angular, Vue)","Anyone who wants to become a server (Node.js) developer"],"runtimeSecond":45675,"updatedAtUTC":"2025-05-13T07:50:05.450Z","publishedAtUTC":"2021-04-06T15:00:00.000Z"},"instructor":{"id":16938,"name":"realprogrammers"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":59.4,"regularPrice":59.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":77000,"krwPaymentPrice":77000},{"id":328721,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":328721,"slug":"비전공-풀스택-맛집지도","thumbnailUrl":"https://cdn.inflearn.com/public/courses/328721/cover/d924844a-dfab-4906-8d26-701a1ca9fc11/328721-eng.png","title":"A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and Deployment","description":"This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.","reviewCount":37,"studentCount":741,"likeCount":744,"star":4.8,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:51:35","publishedAt":"2022-04-26 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","JavaScript","REST API","MySQL","AWS","Git","GitHub"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":217,"title":"REST API","slug":"rest-api"},{"id":115,"title":"MySQL","slug":"mysql"},{"id":108,"title":"AWS","slug":"aws"},{"id":113,"title":"Git","slug":"git"},{"id":274,"title":"GitHub","slug":"github"}],"categories":[{"id":17437,"title":"Full-stack","slug":"full-stack","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17435,"title":"Front-end","slug":"front-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17436,"title":"Back-end","slug":"back-end","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Full-stack","Front-end","Back-end","Web Development"]},"abilities":["Web Frontend: HTML, CSS, JS","Open API: Kakao Map API","Server \u0026 Backend: Nginx + Express.js: Rest API","Database: MySQL, DB Design and SQL","Cloud: AWS EC2 + Ubuntu","Git \u0026 Github"],"courseTags":[],"targets":["Have you ever given up on studying programming grammar?","Those who want to learn all the development processes from the basics to distribution","If you want to record your own restaurant map and make it into a website"],"runtimeSecond":32846,"updatedAtUTC":"2025-05-13T07:51:35.495Z","publishedAtUTC":"2022-04-25T15:00:00.000Z"},"instructor":{"id":206218,"name":"Jay"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":59.4,"regularPrice":59.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":77000,"krwPaymentPrice":77000},{"id":324779,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324779,"slug":"모바일-ux-디자인-코딩","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324779/course_cover/c3359868-d637-4ac2-9277-5ee32ac63967/mobile-ux-design-eng.png","title":"Creating Effective Mobile UX (Design + Coding)","description":"You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.","reviewCount":46,"studentCount":106959,"likeCount":107066,"star":4.5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:27:45","publishedAt":"2020-03-03 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","jQuery","XD"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":123,"title":"jQuery","slug":"jquery"},{"id":167,"title":"XD","slug":"adobe-xd"}],"categories":[{"id":30,"title":"UI/UX","slug":"ux-ui","parent":{"id":22,"title":"Design","slug":"design"}},{"id":27,"title":"Web Publishing","slug":"web-publishing","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Design","Programming"],"childCategories":["UI/UX","Web Publishing","Web Development"]},"abilities":["Mobile UX Design with Adobe XD","Mobile UX coding using HTML, CSS, and jQuery"],"courseTags":[],"targets":["Students studying the web","Web-based practitioner"],"runtimeSecond":79989,"updatedAtUTC":"2025-05-19T03:27:45.057Z","publishedAtUTC":"2020-03-02T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":61.6,"regularPrice":61.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":79200,"krwPaymentPrice":79200}],"attributeToken":"ChM0MzAzNTUwODU1MzU2NzI4OTE1EAIaI3NpbWlsYXItaXRfc2ltaWxhci1pdF8xNzAyNTI2NDc1MjgyIg1zaW1pbGFyLWl0ZW1zKAA6II_y0RKp8tES-vHREq3y0RK08dES9_HREozy0RKy8dESQgwI2qbzywYQmoC5hAI"}},"dataUpdateCount":1,"dataUpdatedAt":1769788250678,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/skills"],"queryHash":"[\"/client/api/v1/course/skills\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"items":[]}},"dataUpdateCount":1,"dataUpdatedAt":1769788250510,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/roadmap/course/338509"],"queryHash":"[\"/client/api/v1/roadmap/course/338509\"]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"items":[{"id":326993,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326993,"slug":"제품디자인-라이노-2","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326993/cover/42d7f3b4-b095-4c21-881b-d179e1272197/326993-eng.png","title":"Rhino 6 for Beginners Product Design Part.2","description":"This is a lecture on Rhino 3D, which is a basic tool for product design.","reviewCount":5,"studentCount":27622,"likeCount":28367,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:45","publishedAt":"2021-06-10 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Rhino"],"skillTags":[{"id":371,"title":"Rhino","slug":"rhino"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling"]},"abilities":["How to use Rhino 6","3D Modeling for Product Design"],"courseTags":[],"targets":["Those who felt burdened by learning the Rhino program","Those who want to learn 3D modeling needed for product design"],"runtimeSecond":30368,"updatedAtUTC":"2025-05-19T03:25:45.104Z","publishedAtUTC":"2021-06-09T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":27.5,"regularPrice":27.5,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":35200,"krwPaymentPrice":35200},{"id":326992,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326992,"slug":"제품디자인-라이노-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326992/cover/79083144-297d-4aa2-8a03-c98a38853c8f/326992-eng.png","title":"Rhino 6 for Beginners Product Design Part.1","description":"This is a lecture on Rhino 3D, which is a basic tool for product design.","reviewCount":14,"studentCount":30054,"likeCount":31051,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:26:43","publishedAt":"2021-06-10 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Rhino"],"skillTags":[{"id":371,"title":"Rhino","slug":"rhino"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling"]},"abilities":["How to use Rhino 6","3D Modeling for Product Design"],"courseTags":[],"targets":["Those who felt burdened by learning the Rhino program","Those who want to learn 3D modeling needed for product design"],"runtimeSecond":24498,"updatedAtUTC":"2025-05-19T03:26:43.836Z","publishedAtUTC":"2021-06-09T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":22,"regularPrice":22,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":27500,"krwPaymentPrice":27500},{"id":338756,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338756,"slug":"c-제대로-배우기-고급-part345","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338756/cover/01k3t3nq4e53ezmvp2f6mcfn0g","title":"C# Proper Learning (Advanced) Part.3,4,5 Threads and Tasks","description":"This course is an advanced program that provides in-depth coverage of C# multithreading and asynchronous programming, systematically designed to help you learn concurrency handling techniques frequently used in real-world applications.\n\nFirst, you'll understand the basic concepts of threads and practice creating and managing threads, learning to precisely control thread states and behaviors through various thread methods, ThreadState enumeration, and Flags properties. Next, you'll practice the differences and use cases between **Interrupt() and Abort()**, and learn how to reliably implement thread synchronization using **lock keywords and Monitor class (Enter, Exit, Wait, Pulse)**.\n\nAdditionally, you'll cover asynchronous programming techniques essential in modern development environments, practicing parallel programming using Task and Task\u003cTResult\u003e classes, and the Parallel class. Finally, through async/await keywords, you'll understand the differences between synchronous and asynchronous code and gain experience applying more efficient asynchronous processing methods to projects.\n\nThrough this course, learners will acquire the ability to develop high-performance applications using multithreading and asynchronous programming, and gain confidence in solving concurrency issues and implementing efficient programs in real-world scenarios.","reviewCount":1,"studentCount":4,"likeCount":3,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-02 09:00:00","publishedAt":"2025-05-02 15:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["C"],"skillTags":[{"id":82,"title":"C","slug":"c"}],"categories":[{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Development"]},"abilities":["Understand the concept of threads and practice creating threads.","Learn how to handle threads and understand various thread methods through practice."],"courseTags":[],"targets":["Any member who wants to learn C# programming","Any member who wants to develop computational thinking skills"],"runtimeSecond":56895,"updatedAtUTC":"2025-09-02T00:00:00.000Z","publishedAtUTC":"2025-05-02T06:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":88,"regularPrice":88,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":114400,"krwPaymentPrice":114400},{"id":324762,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324762,"slug":"revit-2019-advanced","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324762/course_cover/57c93194-cb9b-4c69-85af-5c1fbd305796/revit2019-advanced-eng.png","title":"Easy-to-follow Revit 2019 application","description":"This is a lecture on the application of Revit (Autodesk Revit) for implementing BIM (Building Information Modeling).","reviewCount":13,"studentCount":50290,"likeCount":50283,"star":4.4,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:27:35","publishedAt":"2020-02-25 00:00:00","metadata":{"level":"ADVANCED","levelCode":"Intermediate","skills":["Revit"],"skillTags":[{"id":375,"title":"Revit","slug":"revit"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling"]},"abilities":["Revit Intermediate to Advanced Skills","Practical digital design skills"],"courseTags":[],"targets":["Learners who are burdened by learning difficult 3D graphics programs","Anyone who wants to learn Revit application features in a short period of time.","Workers in the construction and interior design fields who want to do BIM design"],"runtimeSecond":21062,"updatedAtUTC":"2025-05-19T03:27:35.848Z","publishedAtUTC":"2020-02-24T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":28.6,"regularPrice":28.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":36300,"krwPaymentPrice":36300},{"id":324688,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324688,"slug":"왕초보-포토샵-입문","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324688/course_cover/39808e79-3d1f-4420-8f60-948b94aff15f/wangchobo-photoshop-eng.png","title":"Adobe Photoshop CC 2019 Beginner's Guide for Beginners","description":"This is a Photoshop course for beginners that will teach you the most basic and important functions of the graphic editing tool Photoshop.","reviewCount":51,"studentCount":101165,"likeCount":102520,"star":4.7,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:40:56","publishedAt":"2020-01-31 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Photoshop"],"skillTags":[{"id":165,"title":"Photoshop","slug":"photoshop"}],"categories":[{"id":24,"title":"Graphic Design","slug":"graphic-design","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["Graphic Design"]},"abilities":["Adobe Photoshop","Image editing, photo correction"],"courseTags":[],"targets":["For those new to Photoshop","For those who want to review the basic functions of Photoshop."],"runtimeSecond":119038,"updatedAtUTC":"2025-05-13T07:40:56.322Z","publishedAtUTC":"2020-01-30T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":84.7,"regularPrice":84.7,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":108900,"krwPaymentPrice":108900},{"id":326982,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326982,"slug":"애프터이펙트-2020-모션그래픽-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326982/cover/aa96df68-20d6-4aa1-9592-856cab3d7ec1/326982-eng.png","title":"Introduction to Motion Graphics in After Effects CC 2020 Part 1","description":"This course is for those who are new to After Effects, and explains the overall usage method focusing on the most basic contents, and learns the basic process of motion work through simple tasks.","reviewCount":25,"studentCount":50036,"likeCount":52830,"star":4.7,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:53:30","publishedAt":"2021-06-17 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["After Effects","Video Production"],"skillTags":[{"id":168,"title":"After Effects","slug":"aftereffect"},{"id":454,"title":"Video Production","slug":"video-production"}],"categories":[{"id":25,"title":"Photography \u0026 Video","slug":"video-editing","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["Photography \u0026 Video"]},"abilities":["Layer-based motion graphics workflow concept in After Effects","How to use essential tools for motion graphics work, such as Text, Shape, Mask, Effect, and Adjustment.","How to output the motion you worked on as a final video file"],"courseTags":[],"targets":["Motion graphics beginners ready to learn the basics of Photoshop","After Effects Beginner"],"runtimeSecond":43224,"updatedAtUTC":"2025-05-13T07:53:30.180Z","publishedAtUTC":"2021-06-16T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":29.7,"regularPrice":29.7,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":38500,"krwPaymentPrice":38500},{"id":326724,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326724,"slug":"컴활-필기-컴퓨터일반","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326724/cover/dbb02ca5-67f5-493c-a5ce-9ef882f3c1d9/326724-eng.png","title":"Computer Literacy Certification Level 1 \u0026 2 Written Exam - Computer Fundamentals","description":"Through this course, learners can acquire the ability to obtain a computer proficiency certificate. This course is designed to meet the examination criteria for obtaining a computer proficiency certificate. You can learn and utilize basic knowledge of the computer proficiency subject to prepare for obtaining the certificate.","reviewCount":38,"studentCount":74402,"likeCount":79370,"star":4.5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:28:20","publishedAt":"2021-03-29 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["MS-Office","Computer Specialist in Spreadsheet \u0026 Database"],"skillTags":[{"id":184,"title":"MS-Office","slug":"ms-office"},{"id":3289,"title":"Computer Specialist in Spreadsheet \u0026 Database","slug":"computer-specialist"}],"categories":[{"id":504,"title":"etc. (Career)","slug":"career-besides","parent":{"id":494,"title":"Career","slug":"career"}},{"id":502,"title":"Job Search \u0026 Hunting","slug":"get-jobs","parent":{"id":494,"title":"Career","slug":"career"}}],"parentCategories":["Career"],"childCategories":["etc. (Career)","Job Search \u0026 Hunting"]},"abilities":["Computer operating system","Computer Systems Administration","Internet Utilization","Level 1 Computer Proficiency Written Exam Criteria","Computer Proficiency Level 2 Written Exam Criteria","Computer Proficiency Level 1 Written Mock Exam","Computer Proficiency Level 2 Written Mock Exam"],"courseTags":[],"targets":["Anyone who wants to obtain a computer skills certificate","Anyone who wants to learn how to use computers for work"],"runtimeSecond":37182,"updatedAtUTC":"2025-05-19T03:28:20.457Z","publishedAtUTC":"2021-03-28T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":26.4,"regularPrice":26.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":33000,"krwPaymentPrice":33000},{"id":339388,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339388,"slug":"ai를-효율적으로-조작하자-chatg","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339388/cover/01k8mncp7the7pp1hnr65h95md","title":"Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 1","description":"Learn the core techniques of 'Prompt Engineering' to get exactly the answers you want from AI.\nFrom a complete beginner's first steps to expert practical applications, maximize your AI utilization skills!","reviewCount":2,"studentCount":9,"likeCount":7,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-28 09:00:00","publishedAt":"2025-10-28 15:20:04","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["ChatGPT","prompt engineering","Generative AI"],"skillTags":[{"id":108947,"title":"ChatGPT","slug":"chatgpt"},{"id":178900,"title":"prompt engineering","slug":"prompt-engineering"},{"id":180514,"title":"Generative AI","slug":"generative-ai"}],"categories":[{"id":182350,"title":"AI for Work","slug":"AI-for-Work","parent":{"id":183380,"title":"Applied AI","slug":"Applied-ai"}},{"id":180567,"title":"Natural Language Processing","slug":"natural-language-processing","parent":{"id":456,"title":"AI Technology","slug":"artificial-intelligence"}},{"id":181877,"title":"Productivity tools","slug":"productivity-tools","parent":{"id":666,"title":"Productivity","slug":"productivity"}}],"parentCategories":["Applied AI","AI Technology","Productivity"],"childCategories":["AI for Work","Natural Language Processing","Productivity tools"]},"abilities":["I get exactly the answers I want from AI.","Learn the criteria for distinguishing between \"good prompts\" and \"bad prompts\".","Beyond simple questions, we design systematic 'work instructions' for AI.","I use AI for complex writing and creative idea generation, then apply it directly to my work.","Learn advanced prompting techniques such as personas and zero-shot/few-shot methods to maximize AI performance."],"courseTags":[],"targets":["Someone who has tried using ChatGPT but found it difficult to get the answers they wanted","All working professionals and students who want to handle AI more effectively","Those who want to maximize actual work efficiency in AI-powered report writing, coding, creative work, and more","Someone who feels limited in prompt writing and wants higher-level results"],"runtimeSecond":21382,"updatedAtUTC":"2025-10-28T00:00:00.000Z","publishedAtUTC":"2025-10-28T06:20:04.223Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":27.5,"regularPrice":27.5,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":35200,"krwPaymentPrice":35200},{"id":326854,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326854,"slug":"마야-이펙트-모션-2","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326854/cover/779f1510-da7c-4bb8-bcc9-e9f06d638db6/326854-eng.png","title":"Introduction to Autodesk Maya 2020 Effects and Motion Part.2","description":"You can learn the basic functions needed for 3D effects and motion graphics work in the Maya 2020 version. (Part 2)","reviewCount":5,"studentCount":51725,"likeCount":53238,"star":4.6,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:53","publishedAt":"2021-04-15 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["MAYA","Motion Graphic"],"skillTags":[{"id":152,"title":"MAYA","slug":"maya"},{"id":160,"title":"Motion Graphic","slug":"motion-graphic"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}},{"id":24,"title":"Graphic Design","slug":"graphic-design","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling","Graphic Design"]},"abilities":["Particle Expression Basics","Expression control of Instancer, Sprite, Curve Flow, and Goal","Arnold Rendering for nParticle","Simple Liquid Simulation Application"],"courseTags":[],"targets":["Anyone who wants to learn Maya 3D effects and motion"],"runtimeSecond":39563,"updatedAtUTC":"2025-05-19T03:25:53.775Z","publishedAtUTC":"2021-04-14T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":27.5,"regularPrice":27.5,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":35200,"krwPaymentPrice":35200},{"id":338758,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338758,"slug":"c-제대로-배우기-고급-part89","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338758/cover/01k3t3rf0x795rcjb8p0063p8b","title":"C# Proper Learning (Advanced) Part.8,9 Network Programming","description":"This course is a step-by-step learning program that covers network programming from fundamentals to hands-on practice.\n\nFirst, we examine the origins and development of the Internet to understand how today's network environment was formed. Next, we learn the structure and operating principles of the TCP/IP protocol, which is the core of networking, to build a theoretical foundation.\n\nIn the practical stage, we implement actual network communication using the Socket class, TcpListener, and TcpClient classes provided by C#, and experience client-server architecture. Through this, you can understand the actual data transmission and reception process and network connection procedures beyond simple theory.\n\nFinally, we visually implement network programs by creating user interfaces (UI) using WinForm. We practice enabling connection, message transmission, and reception through button clicks, developing the ability to create network application programs that can be utilized in real-world environments.","reviewCount":0,"studentCount":4,"likeCount":3,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-03 09:00:00","publishedAt":"2025-05-03 19:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["C"],"skillTags":[{"id":82,"title":"C","slug":"c"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language","Web Development"]},"abilities":["I understand the origins of the Internet.","I understand the TCP/IP protocol and also understand its operating principles."],"courseTags":[],"targets":["Any member who wants to learn C# programming","Any member who wants to develop computational thinking skills"],"runtimeSecond":40611,"updatedAtUTC":"2025-09-03T00:00:00.000Z","publishedAtUTC":"2025-05-03T10:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":58.3,"regularPrice":58.3,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":74800,"krwPaymentPrice":74800},{"id":328269,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":328269,"slug":"공공데이터-api-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/328269/cover/4b1116f7-bc07-4a8f-a939-ce9256921453/328269-eng.png","title":"Learn Public Data (Open Data) APIs Part 1","description":"This is a course to learn in various languages how to call various open data provided by the public data portal from various programming languages and how to use JSON data provided as a result of the call.","reviewCount":53,"studentCount":63051,"likeCount":45298,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:24:14","publishedAt":"2021-10-25 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Web API"],"skillTags":[{"id":583,"title":"Web API","slug":"web-api"}],"categories":[{"id":36,"title":"Data Analysis","slug":"data-analysis","parent":{"id":9,"title":"Data Science","slug":"data-science"}}],"parentCategories":["Data Science"],"childCategories":["Data Analysis"]},"abilities":["Request open data from public data portals in various programming languages","Receive and process the result data"],"courseTags":[],"targets":["Anyone who wants to use open data from the public data portal","Anyone who wants to learn about calling public APIs and parsing the resulting data."],"runtimeSecond":40353,"updatedAtUTC":"2025-05-19T03:24:14.331Z","publishedAtUTC":"2021-10-24T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":40.7,"regularPrice":40.7,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":52800,"krwPaymentPrice":52800},{"id":125228,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":125228,"slug":"marketing-google-adwords","thumbnailUrl":"https://cdn.inflearn.com/wp-content/uploads/googleadwords.jpg","title":"Google Adwords - View by campaign type","description":"Run effective advertising with Google AdWords","reviewCount":15,"studentCount":1840,"likeCount":204,"star":4.2,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2018-06-25 09:00:00","publishedAt":"2018-03-09 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Marketing Theory","Digital Marketing"],"skillTags":[{"id":44,"title":"Marketing Theory","slug":"marketing-theory"},{"id":49,"title":"Digital Marketing","slug":"digital-marketing"}],"categories":[{"id":43,"title":"Marketing \u0026 PR","slug":"marketing","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}}],"parentCategories":["Business \u0026 Marketing"],"childCategories":["Marketing \u0026 PR"]},"abilities":[],"courseTags":[],"targets":[],"runtimeSecond":26437,"updatedAtUTC":"2018-06-25T00:00:00.000Z","publishedAtUTC":"2018-03-08T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":0,"regularPrice":0,"isFree":true,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":false},"voucher":null,"krwRegularPrice":0,"krwPaymentPrice":0},{"id":25141,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":25141,"slug":"어셈블리어-배우기","thumbnailUrl":"https://cdn.inflearn.com/wp-content/uploads/code001.jpg","title":"Learn assembler","description":"This is an assembler course provided by Smoothie TV.","reviewCount":35,"studentCount":4605,"likeCount":267,"star":4.7,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2018-01-08 09:00:00","publishedAt":"2016-01-04 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["C"],"skillTags":[{"id":82,"title":"C","slug":"c"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":497,"title":"etc. (Programming)","slug":"dev-besides","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language","etc. (Programming)"]},"abilities":[],"courseTags":[],"targets":[],"runtimeSecond":85942,"updatedAtUTC":"2018-01-08T00:00:00.000Z","publishedAtUTC":"2016-01-03T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":0,"regularPrice":0,"isFree":true,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":false},"voucher":null,"krwRegularPrice":0,"krwPaymentPrice":0},{"id":339398,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339398,"slug":"파이썬-시각화와-대시보드-실전-sea-2","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339398/cover/01k8qc34ssvea2c6j9eaxw4z68.gif","title":"Python Visualization and Dashboard Practice (Using Seaborn and PlotlyDash) Part.3","description":"This course focuses on developing practical visualization skills that can be immediately applied in the workplace by utilizing Seaborn, a core tool for data visualization, and plotly/Dash for building interactive dashboards. Through various hands-on exercises, you can enhance both your ability to create insight-driven visual materials and implement web-based dashboards.","reviewCount":0,"studentCount":3,"likeCount":5,"star":0,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-29 17:04:14","publishedAt":"2025-10-29 16:46:44","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Python","Plotly","plotly-dash"],"skillTags":[{"id":57,"title":"Python","slug":"python"},{"id":586,"title":"Plotly","slug":"plotly"},{"id":42093,"title":"plotly-dash","slug":"plotly-dash"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":36,"title":"Data Analysis","slug":"data-analysis","parent":{"id":9,"title":"Data Science","slug":"data-science"}},{"id":536,"title":"etc. (Data Science)","slug":"data-besides","parent":{"id":9,"title":"Data Science","slug":"data-science"}}],"parentCategories":["Programming","Data Science"],"childCategories":["Programming Language","Data Analysis","etc. (Data Science)"]},"abilities":["You can understand the operating principles of Trace and Layout, which are the core components of Plotly.","You can set detailed design elements such as the graph's title, axes, legend, colors, and more.","You can effectively arrange multiple graphs in a single Figure."],"courseTags":[],"targets":["Those who want to learn dynamic (Interactive) visualization beyond Seaborn and Matplotlib","Someone who aims to create web dashboards using Plotly/Dash in the future"],"runtimeSecond":33324,"updatedAtUTC":"2025-10-29T08:04:14.952Z","publishedAtUTC":"2025-10-29T07:46:44.384Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":37.4,"regularPrice":37.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":47300,"krwPaymentPrice":47300},{"id":339389,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339389,"slug":"ai를-효율적으로-조작하자-chatg-1","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339389/cover/01k8ms9fgfad2z8qm3jt71aacz","title":"Let's Efficiently Manipulate AI! ChatGPT Prompt Engineering Part. 2","description":"Learn the core techniques of 'Prompt Engineering' to get exactly the answers you want from AI.\nFrom a complete beginner's first steps to expert practical applications, maximize your AI utilization skills!","reviewCount":1,"studentCount":5,"likeCount":5,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-30 09:00:00","publishedAt":"2025-10-30 16:38:09","metadata":{"level":"BASIC","levelCode":"Basic","skills":["ChatGPT","prompt engineering","Generative AI"],"skillTags":[{"id":108947,"title":"ChatGPT","slug":"chatgpt"},{"id":178900,"title":"prompt engineering","slug":"prompt-engineering"},{"id":180514,"title":"Generative AI","slug":"generative-ai"}],"categories":[{"id":180567,"title":"Natural Language Processing","slug":"natural-language-processing","parent":{"id":456,"title":"AI Technology","slug":"artificial-intelligence"}},{"id":182350,"title":"AI for Work","slug":"AI-for-Work","parent":{"id":183380,"title":"Applied AI","slug":"Applied-ai"}},{"id":181877,"title":"Productivity tools","slug":"productivity-tools","parent":{"id":666,"title":"Productivity","slug":"productivity"}}],"parentCategories":["AI Technology","Applied AI","Productivity"],"childCategories":["Natural Language Processing","AI for Work","Productivity tools"]},"abilities":["You can understand why AI gives such answers and its 'thought process'.","You can learn how AI understands human language (embeddings, tokens) and apply it to prompting.","Learn practical techniques to control and prevent 'Hallucination'.","Utilize AI to generate better prompts and systematically manage them through 'prompt evaluation'."],"courseTags":[],"targets":["Those who want to 'master' prompt engineering","Those who want to understand how AI works and learn more fundamental control methods","AI-powered service planner, developer, and content creation specialist","Those who want to develop their career as a prompt engineer or AI expert"],"runtimeSecond":10884,"updatedAtUTC":"2025-10-30T00:00:00.000Z","publishedAtUTC":"2025-10-30T07:38:09.390Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":22,"regularPrice":22,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":27500,"krwPaymentPrice":27500},{"id":339348,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339348,"slug":"한방에-끝낸다-ai를-활용한-디지털","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339348/cover/01k87zbzrccxwz1dr66arbbj54","title":"Finish it in one go. AI-Powered Digital Content Creation Part.1 AI Content Creation (Basics 1) [AI Dubbing]","description":"This course is a practical beginner's course where you'll directly create various videos such as talking avatars, AI dance, and fairy tale animations using AI tools like HeyGen, Viggle, Runway, and more.","reviewCount":1,"studentCount":8,"likeCount":12,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-23 09:00:00","publishedAt":"2025-10-23 17:53:14","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Animation","AI","Generative AI"],"skillTags":[{"id":303,"title":"Animation","slug":"animation"},{"id":104224,"title":"AI","slug":"ai"},{"id":180514,"title":"Generative AI","slug":"generative-ai"}],"categories":[{"id":183433,"title":"AI Creative","slug":"creative-ai","parent":{"id":183380,"title":"Applied AI","slug":"Applied-ai"}},{"id":181876,"title":"webtoon · emoji","slug":"webtoon","parent":{"id":22,"title":"Design","slug":"design"}},{"id":504,"title":"etc. (Career)","slug":"career-besides","parent":{"id":494,"title":"Career","slug":"career"}}],"parentCategories":["Applied AI","Design","Career"],"childCategories":["AI Creative","webtoon · emoji","etc. (Career)"]},"abilities":["Creating a Talking AI Avatar (Character)","Creating Trending AI Dance Videos","You can create children's fairy tale animations yourself."],"courseTags":[],"targets":["Anyone who wants to create videos easily and enjoyably with AI without coding or difficult tools","Solo creators who want to make short-form content for YouTube, TikTok, Instagram Reels, etc.","Those who want to create AI challenge videos that are trending on social media like Viggle, Runway, etc."],"runtimeSecond":6293,"updatedAtUTC":"2025-10-23T00:00:00.000Z","publishedAtUTC":"2025-10-23T08:53:14.563Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":27.5,"regularPrice":27.5,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":35200,"krwPaymentPrice":35200},{"id":339336,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339336,"slug":"피그마figma-제대로-배우기-기초","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339336/cover/01k85b6pf4qq2j7f89nxcxvh6r","title":"Learning Figma Properly (Basics)","description":"When you want to try using Figma, a UI design authoring tool, or when you want to create something with Figma, you'll practice the most basic usage methods.","reviewCount":0,"studentCount":10,"likeCount":19,"star":0,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-22 09:00:00","publishedAt":"2025-10-22 16:53:44","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Web Design","Figma","UIUX"],"skillTags":[{"id":170,"title":"Web Design","slug":"web-design"},{"id":378,"title":"Figma","slug":"figma"},{"id":182711,"title":"UIUX","slug":"uiux"}],"categories":[{"id":30,"title":"UI/UX","slug":"ux-ui","parent":{"id":22,"title":"Design","slug":"design"}},{"id":41,"title":"Project \u0026 Product Management","slug":"project-manage","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}},{"id":502,"title":"Job Search \u0026 Hunting","slug":"get-jobs","parent":{"id":494,"title":"Career","slug":"career"}}],"parentCategories":["Design","Business \u0026 Marketing","Career"],"childCategories":["UI/UX","Project \u0026 Product Management","Job Search \u0026 Hunting"]},"abilities":["Creating Multiple Screen UIs Hands-On","Creating Prototypes Directly","Learning How to Use Figma"],"courseTags":[],"targets":["Beginners and non-majors aiming to win competitions","Someone who is using Figma for the first time"],"runtimeSecond":6723,"updatedAtUTC":"2025-10-22T00:00:00.000Z","publishedAtUTC":"2025-10-22T07:53:44.223Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":15.4,"regularPrice":15.4,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":19800,"krwPaymentPrice":19800},{"id":339264,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":339264,"slug":"업무-생산성을-높이는-iwork-nu","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/339264/cover/01k7nxz19dv4p1z0hvk42x2hv7.gif","title":"Boosting Work Productivity with iWork - Numbers","description":"Learn step-by-step how to easily and elegantly complete spreadsheets and data using Numbers in a Mac environment. A complete Numbers guide that covers everything from basic data entry to functions, chart utilization, and collaboration, all focused on practical application!","reviewCount":0,"studentCount":1,"likeCount":2,"star":0,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-10-16 09:00:00","publishedAt":"2025-10-30 13:06:46","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["numbers","iwork"],"skillTags":[{"id":41017,"title":"numbers","slug":"numbers"},{"id":62942,"title":"iwork","slug":"iwork"}],"categories":[{"id":181878,"title":"etc. (Productivity)","slug":"productivity-besides","parent":{"id":666,"title":"Productivity","slug":"productivity"}},{"id":34,"title":"Office","slug":"office","parent":{"id":666,"title":"Productivity","slug":"productivity"}},{"id":181877,"title":"Productivity tools","slug":"productivity-tools","parent":{"id":666,"title":"Productivity","slug":"productivity"}}],"parentCategories":["Productivity"],"childCategories":["etc. (Productivity)","Office","Productivity tools"]},"abilities":["You can learn the main features and interface of Numbers to efficiently create spreadsheets.","You can develop the ability to accurately calculate and analyze data using formulas and functions.","You can create high-quality reports and documents by utilizing visual materials such as tables, charts, and images.","You can complete logical and practice-oriented documents by utilizing collaborative features and document management methods."],"courseTags":[],"targets":["Office workers and freelancers who want to systematically learn spreadsheet creation and data management","Mac users who are new to Numbers or want to enhance their practical application skills","Anyone who wants to directly create documents utilizing data such as finance, statistics, and reports"],"runtimeSecond":38387,"updatedAtUTC":"2025-10-16T00:00:00.000Z","publishedAtUTC":"2025-10-30T04:06:46.890Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":61.6,"regularPrice":61.6,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":79200,"krwPaymentPrice":79200}]}},"dataUpdateCount":1,"dataUpdatedAt":1769788250613,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/course/instructor",338509,423184],"queryHash":"[\"/client/api/v1/course/instructor\",338509,423184]"},{"state":{"data":{"statusCode":"OK","message":"","errorCode":null,"data":{"discountType":"NONE","discountId":null,"discountTitle":"","endedAtUTC":null,"paymentPrice":92.4,"discountRate":0}},"dataUpdateCount":1,"dataUpdatedAt":1769788250512,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["/client/api/v1/discounts/best?courseIds=338509"],"queryHash":"[\"/client/api/v1/discounts/best?courseIds=338509\"]"}]},"isBot":true,"url":"/course/%EC%9B%B9%ED%91%9C%EC%A4%80-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EB%B0%B0%EC%9A%B0%EA%B8%B0-%EA%B8%B0%EC%B4%88-2025?cid=338509"},"__N_SSP":true},"page":"/course/[slug]","query":{"cid":"338509","slug":"웹표준-제대로-배우기-기초-2025"},"buildId":"inflearn-courses-fe-06d3396-1769738750776","assetPrefix":"https://cdn.inflearn.com/monolith/courses","isFallback":false,"isExperimentalCompile":false,"gssp":true,"locale":"en","locales":["ko","en","vi","ja"],"defaultLocale":"ko","scriptLoader":[]}</script></html></body></html>

Web Standards Proper Learning (Basics) - 2025

What you will gain after the course

웹표준 제대로 배우기 (기초) - 2025

강의 내용

웹표준 제대로 배우기 (기초) - 2025 Part.1