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,846</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,391</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-R4njaiaqlljaddm-panel-item-0" id="mantine-R4njaiaqlljaddm-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-R4njaiaqlljaddm-panel-item-0" aria-labelledby="mantine-R4njaiaqlljaddm-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-R4njaiaqlljaddm-panel-item-1" id="mantine-R4njaiaqlljaddm-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-R4njaiaqlljaddm-panel-item-1" aria-labelledby="mantine-R4njaiaqlljaddm-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/애프터이펙트-2020-모션그래픽-1?cid=326982"><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="강의 좋아요"><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/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 1강의 썸네일" 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">Introduction to Motion Graphics in After Effects CC 2020 Part 1</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 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"><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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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">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"><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="강의 좋아요"><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 1강의 썸네일" 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/리액트-뷰-학습을-위한-필수-지식-f?cid=338495"><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="강의 좋아요"><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/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?w=420" alt="React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage강의 썸네일" 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">React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage</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 video lecture that covers essential development environment setup and basic VS Code usage for React.js and Vue.js frontend learning. It provides step-by-step guidance from environment setup to utilizing basic features that enhance productivity, with a focus on hands-on 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">react.js, Vue.js, VSCode</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="강의 좋아요"><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/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5?w=420" alt="React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage강의 썸네일" 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">React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage</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/정보보안기사-필기-문제풀이-2023개정-5?cid=335664"><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="강의 좋아요"><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/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.5 Information Security Management and Regulations강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.5 Information Security Management and Regulations</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 lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security</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="강의 좋아요"><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/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.5 Information Security Management and Regulations강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.5 Information Security Management and Regulations</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/정보보안기사-실기-part-2?cid=333387"><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="강의 좋아요"><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/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?w=420" alt="Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security강의 썸네일" 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">Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security</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 effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security, security</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="강의 좋아요"><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/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png?w=420" alt="Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security강의 썸네일" 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">Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security</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/정보보안기사-실기-part-4?cid=333389"><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="강의 좋아요"><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/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?w=420" alt="Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security강의 썸네일" 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">Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security</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 effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security, security</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="강의 좋아요"><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/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png?w=420" alt="Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security강의 썸네일" 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">Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security</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/자바-100제-5?cid=326841"><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="강의 좋아요"><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/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 5강의 썸네일" 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">Java 100 Problem Solving with Examples Part 5</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 Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 5, you will solve problems on topics such as certification (COS Pro Level 2), collections, and generic concepts.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Java</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="강의 좋아요"><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/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 5강의 썸네일" 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">Java 100 Problem Solving with Examples Part 5</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/정보보안기사-실기-part-3?cid=333388"><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="강의 좋아요"><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/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?w=420" alt="Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security강의 썸네일" 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">Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security</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 effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security, security</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="강의 좋아요"><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/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png?w=420" alt="Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security강의 썸네일" 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">Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security</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/정보보안기사-실기-part-1?cid=333351"><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="강의 좋아요"><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/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?w=420" alt="Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control강의 썸네일" 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">Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control</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, you can study short answer and descriptive questions from past practical exams for the Information Security Engineer.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security, security</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="강의 좋아요"><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/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png?w=420" alt="Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control강의 썸네일" 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">Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control</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=324652"><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="강의 좋아요"><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/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?w=420" alt="Introduction to Autodesk Maya 3D Graphics Part.1강의 썸네일" 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 3D Graphics 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 an introductory course on 3D graphic modeling using Autodesk Maya, a 3D modeling software. The course consists of four parts, and in this course, we will start with tool installation and learn the basic functions of Maya.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">MAYA</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="강의 좋아요"><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/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png?w=420" alt="Introduction to Autodesk Maya 3D Graphics Part.1강의 썸네일" 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 3D Graphics 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/정보보안기사-필기-문제풀이-2023개정-2?cid=335659"><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="강의 좋아요"><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/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.2 Network Security강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.2 Network Security</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 lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security</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="강의 좋아요"><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/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.2 Network Security강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.2 Network Security</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/정보보안기사-필기-문제풀이-2023개정-1?cid=335650"><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="강의 좋아요"><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/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.1 System Security강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.1 System Security</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 lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security</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="강의 좋아요"><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/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.1 System Security강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.1 System Security</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-활용-실무-챗-g?cid=338730"><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="강의 좋아요"><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/338730/cover/01k3q805pp4gvcakys7c5y0dvk?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338730/cover/01k3q805pp4gvcakys7c5y0dvk?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338730/cover/01k3q805pp4gvcakys7c5y0dvk?w=420" alt="AI Utilization for Working Professionals: Practical ChatGPT강의 썸네일" 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">AI Utilization for Working Professionals: Practical ChatGPT</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-focused lecture** that covers how to apply **conversational AI (ChatGPT, etc.)** to actual company work. Beyond simple AI usage methods, it is structured to enable learning of specific cases such as work automation, document creation, idea generation, and data analysis assistance that can be utilized in various departments and job environments. Through this course, learners will master methods to streamline repetitive and time-consuming tasks with AI, and experience smart workflows that collaborate with AI. Additionally, by understanding AI's strengths and limitations, it helps make correct decisions in actual business situations. Upon completing this course, you will be able to utilize conversational AI including ChatGPT as a tool to enhance work productivity, which will serve as an important foundation for securing competitiveness in future work 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">ChatGPT</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="강의 좋아요"><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/338730/cover/01k3q805pp4gvcakys7c5y0dvk?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338730/cover/01k3q805pp4gvcakys7c5y0dvk?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338730/cover/01k3q805pp4gvcakys7c5y0dvk?w=420" alt="AI Utilization for Working Professionals: Practical ChatGPT강의 썸네일" 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">AI Utilization for Working Professionals: Practical ChatGPT</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/자바-100제-4?cid=326840"><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="강의 좋아요"><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/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 4강의 썸네일" 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">Java 100 Problem Solving with Examples Part 4</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 Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 4, you will solve problems on advanced OOP concepts, abstract classes, and algorithms.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Java</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="강의 좋아요"><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/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 4강의 썸네일" 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">Java 100 Problem Solving with Examples Part 4</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=338895"><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="강의 좋아요"><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/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?w=420" alt="Essential Practical Applications Every Working Professional Should Know - Hangul강의 썸네일" 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">Essential Practical Applications Every Working Professional Should Know - Hangul</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 program designed to help you effectively utilize OA (Office Automation) programs in real life and work situations. Focusing on the core functions of representative office programs such as Word, Excel, and PowerPoint, we provide hands-on lectures that anyone can easily follow. Through this course, students will go beyond simple feature learning to develop practical OA utilization skills that can be immediately applied to various work situations, including document creation, household budget management, and presentation material production needed in daily life, as well as report writing, data analysis, and presentations in the workplace. Since we cover everything step by step from the basics, beginners can easily approach the material, and learners who already have experience can learn more efficient and professional utilization methods to increase work productivity and strengthen practical competitiveness.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Hancom</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="강의 좋아요"><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/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw?w=420" alt="Essential Practical Applications Every Working Professional Should Know - Hangul강의 썸네일" 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">Essential Practical Applications Every Working Professional Should Know - Hangul</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=327950"><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="강의 좋아요"><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/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?w=420" alt="Learn to read mechanical drawings for beginners Part 1강의 썸네일" 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 to read mechanical drawings for beginners 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 designed to provide basic knowledge for those who are interested in mechanical drawing and design, those who are aiming to obtain qualifications in the field, those who wish to advance into a related field, or those who wish to improve their expertise.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">CAD</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="강의 좋아요"><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/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png?w=420" alt="Learn to read mechanical drawings for beginners Part 1강의 썸네일" 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 to read mechanical drawings for beginners 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/정보보안기사-필기-문제풀이-2023개정-4?cid=335663"><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="강의 좋아요"><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/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.4 Information Security General강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.4 Information Security General</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 lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Engineer information security</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="강의 좋아요"><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/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png?w=420" alt="Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.4 Information Security General강의 썸네일" 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">Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.4 Information Security General</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/자바-100제-3?cid=326839"><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="강의 좋아요"><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/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 3강의 썸네일" 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">Java 100 Problem Solving with Examples 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">Learn Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 3, you will solve problems on the topic of functions and OOP.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Java</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="강의 좋아요"><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/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png?w=420" alt="Java 100 Problem Solving with Examples Part 3강의 썸네일" 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">Java 100 Problem Solving with Examples 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/노션-데이터베이스-고급?cid=328040"><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="강의 좋아요"><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/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?w=420" alt="Notion Database - Advanced강의 썸네일" 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">Notion Database - Advanced</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">Notion's powerful and convenient database features allow even beginners to easily build a DB. In this lecture, you will learn about data sorting, filters, and advanced part features such as DB relationships and rollup functions.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Notion</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="강의 좋아요"><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/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png?w=420" alt="Notion Database - Advanced강의 썸네일" 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">Notion Database - Advanced</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=328038"><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="강의 좋아요"><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/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?w=420" alt="Notion Database - Introduction강의 썸네일" 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">Notion Database - Introduction</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">Notion's powerful and convenient database features allow even beginners to easily build a DB. In this course, you will learn about database concepts and related terms (tables, rows, columns, etc.), as well as the basic usage of the Notion database.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Notion</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="강의 좋아요"><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/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png?w=420" alt="Notion Database - Introduction강의 썸네일" 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">Notion Database - Introduction</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/autocad-3d-2020?cid=324752"><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="강의 좋아요"><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/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?w=420" alt="Easy to follow AutoCAD 2020 3D (Korean version)강의 썸네일" 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 AutoCAD 2020 3D (Korean version)</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 basic functions for 3D CAD work using AutoCAD.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">CAD, AutoCAD</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="강의 좋아요"><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/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png?w=420" alt="Easy to follow AutoCAD 2020 3D (Korean version)강의 썸네일" 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 AutoCAD 2020 3D (Korean version)</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="강의 좋아요"><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) - 2025강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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) - 2025강의 썸네일" 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="강의 좋아요"><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)강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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)강의 썸네일" 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="강의 좋아요"><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 Scratch강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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 Scratch강의 썸네일" 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/카페쇼핑몰-디자인-클론코딩하기?cid=331831"><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="강의 좋아요"><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/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?w=420" alt="Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)강의 썸네일" 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">Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ruhunsu30591</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 HTML and CSS quickly by directly cloning and coding the best shopping mall designs posted on Cafe 24. The course is structured so that you can learn the basic theories of HTML + CSS and complete the shopping mall design through direct cloning and apply what you learned in the theory, and solidify the framework of HTML and CSS.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">Clone Coding, HTML/CSS, Web Design</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="강의 좋아요"><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/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png?w=420" alt="Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)강의 썸네일" 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">Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">ruhunsu30591</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="강의 좋아요"><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 Design강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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 Design강의 썸네일" 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/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="강의 좋아요"><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)강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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)강의 썸네일" 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/심리테스트-사이트-제작?cid=326568"><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="강의 좋아요"><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/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?w=420" alt="[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS강의 썸네일" 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">[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">pandacoding</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 create a project site to create and distribute a psychological test site using only HTML/JS/CSS.</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, Bootstrap</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="강의 좋아요"><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/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf?w=420" alt="[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS강의 썸네일" 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">[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">pandacoding</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="강의 좋아요"><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 Practice강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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 Practice강의 썸네일" 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/웹게임-인터렉티브?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="강의 좋아요"><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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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/프런트엔드-풀스택-2?cid=326306"><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="강의 좋아요"><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/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420" alt="Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]강의 썸네일" 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">Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">funcoding</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 series course aimed at developing web and app services at a commercially viable level for beginners, based on real-world experience developing web services in the field. As Part 2 of this series, this course thoroughly covers the latest HTML5, CSS3, and vanilla JavaScript + ES6, considering responsiveness and compatibility among the various frontend technologies available.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, JavaScript, ES6</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="강의 좋아요"><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/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420" alt="Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]강의 썸네일" 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">Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">funcoding</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/firebase-시리즈2-ai한자추천-필기학습플랫폼?cid=336262"><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="강의 좋아요"><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/336262/cover/01jpyva7b58cyzg7p450aj9ra2?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/336262/cover/01jpyva7b58cyzg7p450aj9ra2?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/336262/cover/01jpyva7b58cyzg7p450aj9ra2?w=420" alt="Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform강의 썸네일" 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">Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">dakgangjung123</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">🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!</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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">gemini, HTML/CSS, TailwindCSS</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="강의 좋아요"><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/336262/cover/01jpyva7b58cyzg7p450aj9ra2?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/files/courses/336262/cover/01jpyva7b58cyzg7p450aj9ra2?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/files/courses/336262/cover/01jpyva7b58cyzg7p450aj9ra2?w=420" alt="Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform강의 썸네일" 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">Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform</p><p class="mantine-Text-root css-1r49xhh mantine-aiouth">dakgangjung123</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="강의 좋아요"><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 Code강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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 Code강의 썸네일" 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/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="강의 좋아요"><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 Minutes강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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 Minutes강의 썸네일" 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/풀면서-배우는-정보처리산업기사-과정평?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="강의 좋아요"><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 Solving강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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 Solving강의 썸네일" 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/자바스크립트-제대로-배워보기?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="강의 좋아요"><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?강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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?강의 썸네일" 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/모바일-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="강의 좋아요"><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)강의 썸네일" 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="초급" src="https://cdn.inflearn.com/public/course/icons/level_2.svg"/><p class="mantine-Text-root mantine-y5x8pk">초급</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="강의 좋아요"><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)강의 썸네일" 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 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="강의 좋아요"><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 - 2026강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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 - 2026강의 썸네일" 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="강의 좋아요"><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 Application강의 썸네일" 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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</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="강의 좋아요"><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 Application강의 썸네일" 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/웹디자인-기능사-2020?cid=324878"><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="강의 좋아요"><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/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420" alt="[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide강의 썸네일" 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">[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide</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">This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different. All instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.</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="입문" src="https://cdn.inflearn.com/public/course/icons/level_1.svg"/><p class="mantine-Text-root mantine-y5x8pk">입문</p></div><div class="mantine-Group-root css-fxp7t8 mantine-1i71bpy"><p class="mantine-Text-root css-ugmdna mantine-141zbrb">HTML/CSS, jQuery, Web Design</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="강의 좋아요"><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/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420" type="image/avif"/><source srcSet="https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=webp&w=420" type="image/webp"/><img src="https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420" alt="[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide강의 썸네일" 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">[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide</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></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","다시 학습":"Learn Again","다시 학습하기":"Learn Again","이전 영상":"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","입력":"Enter","입금 기한":"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","추천 강의가 없습니다.":"No recommended courses.","축하합니다! 이제 새로운 지식을 배울 수 있어요.":"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","완강":"Completed","학습 현황":"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","다음에 하기":"Skip for now","나가기":"Close","완료하고 추천받기":"Continue","관심사는?":"What are your interests?","어떤 관심사가 있으신가요?":"What are you interested in?","{{userName}}님":"{{userName}}","{{userName}}님의":"{{userName}}'s","안녕하세요 {{name}}님":"Hello, {{name}}","인프런에 어떤 목적으로 오셨나요?":"What brings you to Inflearn?","좋아요! 어떤 분야에 관심이 있으세요?":"Great! What fields are you interested in?","관심 분야를 선택해주세요":"Please select your areas of interest","거의 다 왔어요! 배우고 싶은 기술을 선택해주세요 🎯":"Almost there! Please select the skills you want to learn 🎯","중복 선택 가능":"Multiple selections allowed","잘 모르겠어요":"Not sure yet","직접 입력하기":"Enter manually","학습 목적을 입력해주세요":"Please enter your learning purpose","목표와 관심사에 맞는 인기 강의를 찾아드릴게요":"We'll find popular courses that match your goals and interests","관심있는 분야를 알려주세요.":"Please tell us your fields of interest.","관심있는 스킬을 선택해주세요.":"Please select the skills you're interested in.","어떤 분야에 관심 있으세요?":"What fields are you interested in?","배우고 싶은 기술을 선택해주세요":"Please select the skills you want to learn","선택한 분야의 세부 기술이에요":"These are the detailed skills for your selected fields","선택 완료":"Complete Selection","준비끝! 관심사를 파악했어요~":"All set! We've identified your interests~","답해주신 내용을 바탕으로 인기 강의 또는 추가 답변으로 맞는 강의를 찾아보세요.":"Based on your responses, explore popular courses or find courses that match your additional answers.","어떻게 시작하면 좋을지 골라주세요.":"Choose how you'd like to start.","나한테 딱 맞는걸 찾고 싶어요":"I want to find the perfect match for me","{{interests}} 인기 강의 둘러보기":"Browse popular {{interests}} courses","직접 둘러볼게요":"I'll browse on my own","추가":"Add","{{name}}님을 위한 인기 강의 🔥":"Top courses for {{name}} 🔥","{{userName}}님을 위한 추천 강의":"Recommended courses for {{userName}}","인기 강의를 불러오는 중...":"Loading popular courses...","인프런 메인으로 이동":"Go to Inflearn main","최대 {{count}}개까지 선택할 수 있습니다.":"You can select up to {{count}} items.","선택해주신 내용을 바탕으로 인기 강의를 모아봤어요! ✨":"We've gathered popular courses based on your selections! ✨","마음에 드는 강의를 클릭해보세요":"Click on a course you like","더 많은 강의 보기":"View More Courses","홈으로 가기":"Go to Home","지식공유에 관심이 있으시군요!":"You're interested in knowledge sharing!","선택한 내용을 바탕으로 다음 행동을 골라주세요":"Please choose your next action based on your selections","지식공유자 신청하러 가기":"Apply to Become an Instructor","인기 강의 둘러보기":"Browse Popular Courses","3가지 질문을 통해":"Through 3 questions","{{name}}님에게 잘 맞는 인기 강의를 추천해드릴게요":"We'll recommend popular courses that are perfect for {{name}}"}}},"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.1770756795.338509.aefdd074-34c2-4855-8997-a4c7c89d4497","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":1770756794659,"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":1770756794704,"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":1770756794695,"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":1770756794681,"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":1770756794773,"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":8278846,"reviewCount":6391,"totalStar":29622,"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":1770756794880,"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":1770756794901,"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":1770756794923,"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":6,"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":331831,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":331831,"slug":"카페쇼핑몰-디자인-클론코딩하기","thumbnailUrl":"https://cdn.inflearn.com/public/courses/331831/cover/f42ac35d-8768-4baf-a625-e6737cae25a8/thumbnail-2.png","title":"Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)","description":"You can learn HTML and CSS quickly by directly cloning and coding the best shopping mall designs posted on Cafe 24. The course is structured so that you can learn the basic theories of HTML + CSS and complete the shopping mall design through direct cloning and apply what you learned in the theory, and solidify the framework of HTML and CSS.","reviewCount":12,"studentCount":156,"likeCount":125,"star":5,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-12 19:08:08","publishedAt":"2023-11-29 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Clone Coding","HTML/CSS","Web Design"],"skillTags":[{"id":524,"title":"Clone Coding","slug":"clone-coding"},{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":170,"title":"Web Design","slug":"web-design"}],"categories":[{"id":27,"title":"Web Publishing","slug":"web-publishing","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":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Web Publishing","Front-end","Web Development"]},"abilities":["HTML + CSS Core Theory","We can design any layout no matter how complex it may be.","Create your own portfolio","Deploying a project via GIT"],"courseTags":[],"targets":["For those new to coding","Anyone who wants to become a web developer or full-stack developer"],"runtimeSecond":22625,"updatedAtUTC":"2025-08-12T10:08:08.871Z","publishedAtUTC":"2023-11-28T15:00:00.000Z"},"instructor":{"id":591124,"name":"ruhunsu30591"},"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":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":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":31,"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":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":326568,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326568,"slug":"심리테스트-사이트-제작","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326568/cover/046cf2ee-87e8-4f8b-b000-5a19ce34a1bf","title":"[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS","description":"We create a project site to create and distribute a psychological test site using only HTML/JS/CSS.","reviewCount":143,"studentCount":5390,"likeCount":462,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:33","publishedAt":"2021-02-24 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["HTML/CSS","JavaScript","Bootstrap"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":71,"title":"Bootstrap","slug":"bootstrap"}],"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":["ToyProject using HTML/JS/CSS","How to create your own site and distribute it for free"],"courseTags":[],"targets":["People who want to get in touch with ToyProject","People who want to create their own site"],"runtimeSecond":9455,"updatedAtUTC":"2025-05-19T03:25:33.056Z","publishedAtUTC":"2021-02-23T15:00:00.000Z"},"instructor":{"id":362035,"name":"pandacoding"},"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":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":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":683,"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":true,"isEarlyBirdDiscount":false,"payPrice":53.9,"regularPrice":68.2,"isFree":false,"discountRate":20.967741935483872,"discountEndedAt":"2026-02-18 23:59:59","discountId":null,"discountTitle":"지식공유자의 깜짝할인","discountEndedAtUTC":"2026-02-18T14:59:59.000Z"},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":88000,"krwPaymentPrice":69300},{"id":326306,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326306,"slug":"프런트엔드-풀스택-2","thumbnailUrl":"https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a","title":"Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]","description":"This is a full-stack series course aimed at developing web and app services at a commercially viable level for beginners, based on real-world experience developing web services in the field. As Part 2 of this series, this course thoroughly covers the latest HTML5, CSS3, and vanilla JavaScript + ES6, considering responsiveness and compatibility among the various frontend technologies available.","reviewCount":181,"studentCount":2758,"likeCount":3394,"star":4.9,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-12 15:28:07","publishedAt":"2020-12-16 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["HTML/CSS","JavaScript","ES6"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":243,"title":"ES6","slug":"es6"}],"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":6,"title":"Web Development","slug":"web-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Full-stack","Front-end","Web Development"]},"abilities":["Building a Strong Foundation in Frontend Fundamentals the Easy Way","Responsive, cross-browser web service development","Detailed Modern HTML and CSS Features","VanillaJS (Javascript) with Compatibility Considerations","HTML/CSS/JS+ES6 Full Set for Developing Modern Commercial Services"],"courseTags":[],"targets":["Part 2 Lecture for Full Stack Development","For those who want to build a strong foundation in frontend fundamentals","Those who want to develop a web service that can be commercialized at the latest level","For those who need to organize various frontend technologies such as responsive design, compatibility, etc.","Introduction to Frontend"],"runtimeSecond":63477,"updatedAtUTC":"2025-09-12T06:28:07.634Z","publishedAtUTC":"2020-12-15T15:00:00.000Z"},"instructor":{"id":60049,"name":"funcoding"},"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":336262,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":336262,"slug":"firebase-시리즈2-ai한자추천-필기학습플랫폼","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/336262/cover/01jpyva7b58cyzg7p450aj9ra2","title":"Firebase Series #2: AI Chinese Character Recommendation \u0026 Handwriting Learning Platform","description":"🔥 Build a customized platform for Hanja learning!\nLeverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!","reviewCount":0,"studentCount":19,"likeCount":12,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-01 11:53:39","publishedAt":"2025-04-03 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["gemini","HTML/CSS","TailwindCSS","JavaScript","Firebase"],"skillTags":[{"id":76601,"title":"gemini","slug":"gemini"},{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":41711,"title":"TailwindCSS","slug":"tailwind-css"},{"id":53,"title":"JavaScript","slug":"javascript"},{"id":234,"title":"Firebase","slug":"firebase"}],"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"}}],"parentCategories":["Programming"],"childCategories":["Full-stack","Front-end"]},"abilities":["Building a Hanja Wordbook with Firestore","AI Hanja Recommendation via Gemini API","Firebase Authentication User Management","Nginx \u0026 SSL Firebase Hanja Learning Platform Deployment","Efficient code management and maintenance learning by folder role division."],"courseTags":[],"targets":["A person wanting to build a Hanja learning platform using Firebase.","\"Firebase Master Course #1: Complete Guide to User Authentication\" lecture beneficial attendees","Those who need practical project experience with AI \u0026 Firebase.","Someone who wants to build a differentiated interactive educational website unlike others."],"runtimeSecond":25177,"updatedAtUTC":"2025-09-01T02:53:39.203Z","publishedAtUTC":"2025-04-02T15:00:00.000Z"},"instructor":{"id":1533664,"name":"dakgangjung123"},"listPrice":{"isDiscount":true,"isEarlyBirdDiscount":false,"payPrice":17.6,"regularPrice":23.1,"isFree":false,"discountRate":23.809523809523807,"discountEndedAt":"2026-02-15 23:59:59","discountId":null,"discountTitle":"지식공유자의 깜짝할인","discountEndedAtUTC":"2026-02-15T14:59:59.000Z"},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":29700,"krwPaymentPrice":22280},{"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":164,"likeCount":73,"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":true,"isEarlyBirdDiscount":false,"payPrice":7.7,"regularPrice":9.9,"isFree":false,"discountRate":22.222222222222225,"discountEndedAt":"2026-02-15 23:59:59","discountId":null,"discountTitle":"지식공유자의 깜짝할인","discountEndedAtUTC":"2026-02-15T14:59:59.000Z"},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":12100,"krwPaymentPrice":9080},{"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":344,"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":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":true,"isEarlyBirdDiscount":false,"payPrice":19.8,"regularPrice":26.4,"isFree":false,"discountRate":25,"discountEndedAt":"2026-02-20 23:59:59","discountId":null,"discountTitle":"지식공유자의 깜짝할인","discountEndedAtUTC":"2026-02-20T14:59:59.000Z"},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":33000,"krwPaymentPrice":24750},{"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":75,"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":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":107062,"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},{"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":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":20900,"krwPaymentPrice":20900},{"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":260,"likeCount":159,"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":324878,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324878,"slug":"웹디자인-기능사-2020","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png","title":"[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide","description":"This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different.\n\nAll instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.","reviewCount":101,"studentCount":731,"likeCount":1280,"star":4.9,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2026-01-06 03:23:52","publishedAt":"2020-03-05 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["HTML/CSS","jQuery","Web Design"],"skillTags":[{"id":52,"title":"HTML/CSS","slug":"html-css"},{"id":123,"title":"jQuery","slug":"jquery"},{"id":170,"title":"Web Design","slug":"web-design"}],"categories":[{"id":39782,"title":"Certificate (Creative)","slug":"certificate-design","parent":{"id":22,"title":"Design","slug":"design"}},{"id":6,"title":"Web Development","slug":"web-dev","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":["Design","Programming"],"childCategories":["Certificate (Creative)","Web Development","Web Publishing"]},"abilities":["HTML+CSS+JQUERY Core Theory","Creating a personal portfolio website for web publishing job applications","Improving website development skills and know-how","Passing the Web Design Development Technician practical exam with a high score"],"courseTags":[{"tag":"IS_ACTIVE_IN_QUESTION"}],"targets":["People who are just starting web coding","Someone who wants to do website maintenance and modifications themselves","For those looking to transition from web design to web publishing or strengthen their HTML+CSS+JQUERY publishing skills","Web planners who want to improve their understanding of web publishing","Developers who want to improve their understanding of frontend publishing","Those who want to pass the practical exam for the Web Design Development Technician certification"],"runtimeSecond":135966,"updatedAtUTC":"2026-01-05T18:23:52.515Z","publishedAtUTC":"2020-03-04T15:00:00.000Z"},"instructor":{"id":87148,"name":"codingworks"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":128.7,"regularPrice":128.7,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":166100,"krwPaymentPrice":166100}],"attributeToken":"ChMxNDI3NTg1ODY1Njg1MzMwNzk0EAIaI3NpbWlsYXItaXRfc2ltaWxhci1pdF8xNzAyNTI2NDc1MjgyIg1zaW1pbGFyLWl0ZW1zKAA6IPrx0RK08dES9_HREq3y0RKP8tESqfLREozy0RKy8dESQgwIurWuzAYQpuWKxQM"}},"dataUpdateCount":1,"dataUpdatedAt":1770756795120,"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":1770756794906,"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":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":50039,"likeCount":52831,"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":338495,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338495,"slug":"리액트-뷰-학습을-위한-필수-지식-f","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338495/cover/01k2c2rv0x1f6e9cbszmw6dpx5","title":"React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage","description":"This course is a video lecture that covers essential development environment setup and basic VS Code usage for React.js and Vue.js frontend learning. It provides step-by-step guidance from environment setup to utilizing basic features that enhance productivity, with a focus on hands-on practice.","reviewCount":0,"studentCount":3,"likeCount":5,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-19 09:00:00","publishedAt":"2025-06-01 11:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["react.js","Vue.js","VSCode"],"skillTags":[{"id":106939,"title":"react.js","slug":"react.js"},{"id":54,"title":"Vue.js","slug":"vuejs"},{"id":126,"title":"VSCode","slug":"vscode"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":17437,"title":"Full-stack","slug":"full-stack","parent":{"id":5,"title":"Programming","slug":"it-programming"}},{"id":16,"title":"Programming Tool/Software","slug":"programming-tool","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language","Full-stack","Programming Tool/Software"]},"abilities":["Acquiring the ability to build optimal learning and development environments for React and Vue development","Improving Development Productivity Through VS Code Basic Features and Settings Utilization"],"courseTags":[],"targets":["Beginner developers who are learning React.js·Vue.js for the first time or want to properly set up their learning environment","Web development beginners who want to learn VS Code's basic features and settings to improve development efficiency"],"runtimeSecond":28053,"updatedAtUTC":"2025-08-19T00:00:00.000Z","publishedAtUTC":"2025-06-01T02: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":335664,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":335664,"slug":"정보보안기사-필기-문제풀이-2023개정-5","thumbnailUrl":"https://cdn.inflearn.com/public/courses/335664/cover/5fdb7b71-8f1a-45ed-88fd-c0fdfef19cf9/335664.png","title":"Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.5 Information Security Management and Regulations","description":"This lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.","reviewCount":9,"studentCount":72,"likeCount":24,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-12-17 09:00:00","publishedAt":"2024-12-17 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)"]},"abilities":["Information Security Technician","Summary of the core theories of information security technician","Information Security Technician Written Exam Questions","Problem-solving skills similar to the actual test"],"courseTags":[],"targets":["Those preparing for the Information Processing Technician written exam","Non-major but interested in information security","Those who want to obtain a Information Security Technician license"],"runtimeSecond":13810,"updatedAtUTC":"2024-12-17T00:00:00.000Z","publishedAtUTC":"2024-12-16T15: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":333387,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":333387,"slug":"정보보안기사-실기-part-2","thumbnailUrl":"https://cdn.inflearn.com/public/courses/333387/cover/d76361ce-f441-4851-93bd-7492fef324e7/333387.png","title":"Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security","description":"You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.","reviewCount":17,"studentCount":164,"likeCount":34,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-04-24 09:00:00","publishedAt":"2024-04-23 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security","security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"},{"id":40527,"title":"security","slug":"security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}},{"id":10,"title":"Computer Security","slug":"security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)","Computer Security"]},"abilities":["Network Security","Information Security Engineer Practical Exam Questions"],"courseTags":[],"targets":["Those who have passed the written exam for the Information Security Engineer and are preparing for the practical exam","A non-major but interested in information security","Those who wish to obtain the Information Security Engineer qualification"],"runtimeSecond":31131,"updatedAtUTC":"2024-04-24T00:00:00.000Z","publishedAtUTC":"2024-04-22T15: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":34100,"krwPaymentPrice":34100},{"id":333389,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":333389,"slug":"정보보안기사-실기-part-4","thumbnailUrl":"https://cdn.inflearn.com/public/courses/333389/cover/0b3cbf8e-c883-48cd-807b-31eb5a49fefc/333389.png","title":"Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security","description":"You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.","reviewCount":13,"studentCount":149,"likeCount":31,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-04-24 09:00:00","publishedAt":"2024-04-23 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security","security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"},{"id":40527,"title":"security","slug":"security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}},{"id":10,"title":"Computer Security","slug":"security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)","Computer Security"]},"abilities":["System Security","Information Security Engineer Practical Exam Questions"],"courseTags":[],"targets":["Those who have passed the written exam for the Information Security Engineer and are preparing for the practical exam","A non-major but interested in information security","Those who wish to obtain the Information Security Engineer qualification"],"runtimeSecond":24225,"updatedAtUTC":"2024-04-24T00:00:00.000Z","publishedAtUTC":"2024-04-22T15: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":326841,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326841,"slug":"자바-100제-5","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326841/cover/027fe2c1-823e-45ba-9719-866984a55deb/자바5_eng.png","title":"Java 100 Problem Solving with Examples Part 5","description":"Learn Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 5, you will solve problems on topics such as certification (COS Pro Level 2), collections, and generic concepts.","reviewCount":48,"studentCount":81628,"likeCount":83346,"star":4.9,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:49","publishedAt":"2021-04-21 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Java"],"skillTags":[{"id":64,"title":"Java","slug":"java"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language"]},"abilities":["Certification (COS Pro Level 2)","Collection, generic concept","ArrayList, Iterator"],"courseTags":[],"targets":["Those who want to learn Java theory from basic to advanced level","Anyone who wants to learn Java by solving problems in various categories"],"runtimeSecond":38591,"updatedAtUTC":"2025-05-19T03:25:49.898Z","publishedAtUTC":"2021-04-20T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":36.3,"regularPrice":36.3,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":46200,"krwPaymentPrice":46200},{"id":333388,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":333388,"slug":"정보보안기사-실기-part-3","thumbnailUrl":"https://cdn.inflearn.com/public/courses/333388/cover/44936073-33ce-4e9f-b8b9-6f85a7416dce/333388.png","title":"Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security","description":"You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.","reviewCount":8,"studentCount":152,"likeCount":30,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-04-24 09:00:00","publishedAt":"2024-04-23 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security","security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"},{"id":40527,"title":"security","slug":"security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}},{"id":10,"title":"Computer Security","slug":"security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)","Computer Security"]},"abilities":["Application Security","Information Security Engineer Practical Exam Questions"],"courseTags":[],"targets":["Those who have passed the written exam for the Information Security Engineer and are preparing for the practical exam","A non-major but interested in information security","Those who wish to obtain the Information Security Engineer qualification"],"runtimeSecond":17558,"updatedAtUTC":"2024-04-24T00:00:00.000Z","publishedAtUTC":"2024-04-22T15:00:00.000Z"},"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":333351,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":333351,"slug":"정보보안기사-실기-part-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/333351/cover/86438ad5-8771-4b9c-be11-2c686d6c6f15/333351.png","title":"Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control","description":"Through this course, you can study short answer and descriptive questions from past practical exams for the Information Security Engineer.","reviewCount":14,"studentCount":178,"likeCount":47,"star":4.7,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-04-24 09:00:00","publishedAt":"2024-04-23 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security","security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"},{"id":40527,"title":"security","slug":"security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}},{"id":10,"title":"Computer Security","slug":"security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)","Computer Security"]},"abilities":["General information security","Security and Passwords","Access Control"],"courseTags":[],"targets":["Those who have passed the written exam for the Information Security Engineer and are preparing for the practical exam","A non-major but interested in information security","Those who wish to obtain the Information Security Engineer qualification"],"runtimeSecond":16431,"updatedAtUTC":"2024-04-24T00:00:00.000Z","publishedAtUTC":"2024-04-22T15:00:00.000Z"},"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":324652,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324652,"slug":"마야-입문-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324652/cover/9f9e7922-83b2-4cf9-9191-159b1f326f53/324652-eng.png","title":"Introduction to Autodesk Maya 3D Graphics Part.1","description":"This is an introductory course on 3D graphic modeling using Autodesk Maya, a 3D modeling software. The course consists of four parts, and in this course, we will start with tool installation and learn the basic functions of Maya.","reviewCount":66,"studentCount":64905,"likeCount":65036,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:24:19","publishedAt":"2020-01-21 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["MAYA"],"skillTags":[{"id":152,"title":"MAYA","slug":"maya"}],"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":["MAYA","3D Graphics"],"courseTags":[],"targets":["For those new to 3D graphics","For those who want to learn Maya"],"runtimeSecond":43495,"updatedAtUTC":"2025-05-19T03:24:19.478Z","publishedAtUTC":"2020-01-20T15: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":335659,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":335659,"slug":"정보보안기사-필기-문제풀이-2023개정-2","thumbnailUrl":"https://cdn.inflearn.com/public/courses/335659/cover/e7c9833a-da4c-4e8a-a83d-2a8e323df435/335659.png","title":"Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.2 Network Security","description":"This lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.","reviewCount":14,"studentCount":90,"likeCount":21,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:51:20","publishedAt":"2024-12-17 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)"]},"abilities":["Information Security Technician","Summary of the core theories of information security technician","Information Security Technician Written Exam Questions","Problem-solving skills similar to the actual test"],"courseTags":[],"targets":["Those preparing for the Information Processing Technician written exam","Non-major but interested in information security","Those who want to obtain a Information Security Technician license"],"runtimeSecond":30391,"updatedAtUTC":"2025-05-13T07:51:20.239Z","publishedAtUTC":"2024-12-16T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"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":59400,"krwPaymentPrice":59400},{"id":335650,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":335650,"slug":"정보보안기사-필기-문제풀이-2023개정-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/335650/cover/2b6e7a93-65a7-4130-a9b7-4375e70d78c3/335650.png","title":"Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.1 System Security","description":"This lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.","reviewCount":22,"studentCount":123,"likeCount":32,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-12-17 09:00:00","publishedAt":"2024-12-17 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)"]},"abilities":["Information Security Technician","Summary of the core theories of information security technician","Information Security Technician Written Exam Questions","Problem-solving skills similar to the actual test"],"courseTags":[],"targets":["Those preparing for the Information Processing Technician written exam","Non-major but interested in information security","Those who want to obtain a Information Security Technician license"],"runtimeSecond":23502,"updatedAtUTC":"2024-12-17T00:00:00.000Z","publishedAtUTC":"2024-12-16T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":44,"regularPrice":44,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":56100,"krwPaymentPrice":56100},{"id":338730,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338730,"slug":"직장인을-위한-ai-활용-실무-챗-g","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338730/cover/01k3q805pp4gvcakys7c5y0dvk","title":"AI Utilization for Working Professionals: Practical ChatGPT","description":"This course is a **practical-focused lecture** that covers how to apply **conversational AI (ChatGPT, etc.)** to actual company work. Beyond simple AI usage methods, it is structured to enable learning of specific cases such as work automation, document creation, idea generation, and data analysis assistance that can be utilized in various departments and job environments.\n\nThrough this course, learners will master methods to streamline repetitive and time-consuming tasks with AI, and experience smart workflows that collaborate with AI. Additionally, by understanding AI's strengths and limitations, it helps make correct decisions in actual business situations.\n\nUpon completing this course, you will be able to utilize conversational AI including ChatGPT as a tool to enhance work productivity, which will serve as an important foundation for securing competitiveness in future work environments.","reviewCount":0,"studentCount":6,"likeCount":9,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-08-29 09:00:00","publishedAt":"2025-06-01 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["ChatGPT"],"skillTags":[{"id":108947,"title":"ChatGPT","slug":"chatgpt"}],"categories":[{"id":182350,"title":"AI for Work","slug":"AI-for-Work","parent":{"id":183380,"title":"Applied AI","slug":"Applied-ai"}}],"parentCategories":["Applied AI"],"childCategories":["AI for Work"]},"abilities":["You will be able to master how to apply AI to work processes in the company.","Learn how to utilize AI in various work areas such as report writing, email composition, idea planning, and data analysis assistance."],"courseTags":[],"targets":["Office workers who primarily handle document processing tasks","Any member preparing for employment"],"runtimeSecond":19098,"updatedAtUTC":"2025-08-29T00:00:00.000Z","publishedAtUTC":"2025-05-31T15:00:00.000Z"},"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":48400,"krwPaymentPrice":48400},{"id":326840,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326840,"slug":"자바-100제-4","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326840/cover/99ca6ffd-4794-4e1e-8669-36a771906f0b/자바4_eng.png","title":"Java 100 Problem Solving with Examples Part 4","description":"Learn Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 4, you will solve problems on advanced OOP concepts, abstract classes, and algorithms.","reviewCount":69,"studentCount":83175,"likeCount":85143,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:49","publishedAt":"2021-04-21 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Java"],"skillTags":[{"id":64,"title":"Java","slug":"java"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language"]},"abilities":["Java OOP Advanced Concepts, Abstract Classes","Interface, polymorphism","Algorithm, Array"],"courseTags":[],"targets":["Those who want to learn Java theory from basic to advanced level","Anyone who wants to learn Java by solving problems in various categories"],"runtimeSecond":29131,"updatedAtUTC":"2025-05-19T03:25:49.898Z","publishedAtUTC":"2021-04-20T15: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":338895,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":338895,"slug":"직장인이라면-기본으로-알아야-하는-실-1","thumbnailUrl":"https://cdn.inflearn.com/public/files/courses/338895/cover/01k4m214e6ay6sxc2hv7hhnjhw","title":"Essential Practical Applications Every Working Professional Should Know - Hangul","description":"This course is a practical program designed to help you effectively utilize OA (Office Automation) programs in real life and work situations. Focusing on the core functions of representative office programs such as Word, Excel, and PowerPoint, we provide hands-on lectures that anyone can easily follow.\n\nThrough this course, students will go beyond simple feature learning to develop practical OA utilization skills that can be immediately applied to various work situations, including document creation, household budget management, and presentation material production needed in daily life, as well as report writing, data analysis, and presentations in the workplace.\n\nSince we cover everything step by step from the basics, beginners can easily approach the material, and learners who already have experience can learn more efficient and professional utilization methods to increase work productivity and strengthen practical competitiveness.","reviewCount":0,"studentCount":4,"likeCount":3,"star":0,"isExclusive":true,"isNew":false,"isUpdated":false,"updatedAt":"2025-09-08 09:00:00","publishedAt":"2025-06-01 20:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Hancom"],"skillTags":[{"id":109014,"title":"Hancom","slug":"%ED%95%9C%EA%B8%80"}],"categories":[{"id":34,"title":"Office","slug":"office","parent":{"id":666,"title":"Productivity","slug":"productivity"}}],"parentCategories":["Productivity"],"childCategories":["Office"]},"abilities":["You can practically utilize Hancom Hangul.","You can master the basic usage of Hancom Hangul."],"courseTags":[],"targets":["Regardless of age or gender","Working professional"],"runtimeSecond":10901,"updatedAtUTC":"2025-09-08T00:00:00.000Z","publishedAtUTC":"2025-06-01T11:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":20.9,"regularPrice":20.9,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":26400,"krwPaymentPrice":26400},{"id":327950,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":327950,"slug":"기계도면-배우기-1","thumbnailUrl":"https://cdn.inflearn.com/public/courses/327950/cover/94a27783-d5a2-4c53-9900-7bbef6cf64e1/327950-eng.png","title":"Learn to read mechanical drawings for beginners Part 1","description":"This course is designed to provide basic knowledge for those who are interested in mechanical drawing and design, those who are aiming to obtain qualifications in the field, those who wish to advance into a related field, or those who wish to improve their expertise.","reviewCount":10,"studentCount":29378,"likeCount":30506,"star":4.6,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:24:18","publishedAt":"2021-09-27 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["CAD"],"skillTags":[{"id":156,"title":"CAD","slug":"cad"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling"]},"abilities":["Basic knowledge related to interpretation and drafting of mechanical drawings","Preparing for mechanical design related qualification exams"],"courseTags":[],"targets":["Anyone interested in or interested in learning about mechanical design and planning","People preparing for mechanical design related qualification exams","Those who wish to participate in mechanical drawing and design related work"],"runtimeSecond":31567,"updatedAtUTC":"2025-05-19T03:24:18.623Z","publishedAtUTC":"2021-09-26T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":23.1,"regularPrice":23.1,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":29700,"krwPaymentPrice":29700},{"id":335663,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":335663,"slug":"정보보안기사-필기-문제풀이-2023개정-4","thumbnailUrl":"https://cdn.inflearn.com/public/courses/335663/cover/7328562b-171b-435c-9ff5-8199c0003135/335663.png","title":"Information Security Technician Written Exam - Problem Solving Centered (2023 Revised) Part.4 Information Security General","description":"This lecture is designed to prepare for the Information Security Engineer written exam, and it will help you concisely summarize the core theories and strengthen your practical skills through problem solving. Take a step closer to obtaining the Information Security Engineer certification with analysis of past questions and practical preparation strategies.","reviewCount":7,"studentCount":71,"likeCount":20,"star":5,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2024-12-17 09:00:00","publishedAt":"2024-12-17 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Engineer information security"],"skillTags":[{"id":180971,"title":"Engineer information security","slug":"engineer-information-security"}],"categories":[{"id":39781,"title":"Certificate (Security)","slug":"certificate-security","parent":{"id":492,"title":"Security \u0026 Network","slug":"it"}}],"parentCategories":["Security \u0026 Network"],"childCategories":["Certificate (Security)"]},"abilities":["Information Security Technician","Summary of the core theories of information security technician","Information Security Technician Written Exam Questions","Problem-solving skills similar to the actual test"],"courseTags":[],"targets":["Those preparing for the Information Processing Technician written exam","Non-major but interested in information security","Those who want to obtain a Information Security Technician license"],"runtimeSecond":13664,"updatedAtUTC":"2024-12-17T00:00:00.000Z","publishedAtUTC":"2024-12-16T15: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":326839,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":326839,"slug":"자바-100제-3","thumbnailUrl":"https://cdn.inflearn.com/public/courses/326839/cover/6f793f24-359d-4c2b-95c5-02c8b3be58da/자바3_eng.png","title":"Java 100 Problem Solving with Examples Part 3","description":"Learn Java programming language by solving 100 problems. The entire course consists of 5 parts. In this course, Part 3, you will solve problems on the topic of functions and OOP.","reviewCount":88,"studentCount":82772,"likeCount":84461,"star":4.9,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:40","publishedAt":"2021-04-21 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Java"],"skillTags":[{"id":64,"title":"Java","slug":"java"}],"categories":[{"id":18,"title":"Programming Language","slug":"programming-lang","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Programming"],"childCategories":["Programming Language"]},"abilities":["Java Basic Grammar","Java Function","OOP concepts"],"courseTags":[],"targets":["Those who want to learn Java theory from basic to advanced level","Anyone who wants to learn Java by solving problems in various categories"],"runtimeSecond":36287,"updatedAtUTC":"2025-05-19T03:25:40.176Z","publishedAtUTC":"2021-04-20T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":34.1,"regularPrice":34.1,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":44000,"krwPaymentPrice":44000},{"id":328040,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":328040,"slug":"노션-데이터베이스-고급","thumbnailUrl":"https://cdn.inflearn.com/public/courses/328040/cover/6b7539aa-4882-43d4-8933-dd9a0a6a325d/328040-eng.png","title":"Notion Database - Advanced","description":"Notion's powerful and convenient database features allow even beginners to easily build a DB. In this lecture, you will learn about data sorting, filters, and advanced part features such as DB relationships and rollup functions.","reviewCount":49,"studentCount":66809,"likeCount":64241,"star":4.2,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:52:30","publishedAt":"2021-10-25 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["Notion"],"skillTags":[{"id":287,"title":"Notion","slug":"notion"}],"categories":[{"id":501,"title":"etc. (Business \u0026 Marketing)","slug":"business-besides","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}},{"id":15,"title":"Database","slug":"database-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Business \u0026 Marketing","Programming"],"childCategories":["etc. (Business \u0026 Marketing)","Database"]},"abilities":["Notion Database Advanced Features","Understanding and practicing the concept of formula","Establishing relationships between DBs","How to use the rollup feature"],"courseTags":[],"targets":["Beginners who want to build a DB easily","For those who want to know the Notion database features"],"runtimeSecond":35547,"updatedAtUTC":"2025-05-13T07:52:30.249Z","publishedAtUTC":"2021-10-24T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":34.1,"regularPrice":34.1,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":44000,"krwPaymentPrice":44000},{"id":328038,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":328038,"slug":"노션-데이터베이스-입문","thumbnailUrl":"https://cdn.inflearn.com/public/courses/328038/cover/7bd4aa26-37b3-441e-85ff-a357cb04e7e8/328038-eng.png","title":"Notion Database - Introduction","description":"Notion's powerful and convenient database features allow even beginners to easily build a DB. In this course, you will learn about database concepts and related terms (tables, rows, columns, etc.), as well as the basic usage of the Notion database.","reviewCount":132,"studentCount":66963,"likeCount":69741,"star":4,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-13 16:50:35","publishedAt":"2021-10-25 00:00:00","metadata":{"level":"BEGINNER","levelCode":"Beginner","skills":["Notion"],"skillTags":[{"id":287,"title":"Notion","slug":"notion"}],"categories":[{"id":501,"title":"etc. (Business \u0026 Marketing)","slug":"business-besides","parent":{"id":33,"title":"Business \u0026 Marketing","slug":"business"}},{"id":15,"title":"Database","slug":"database-dev","parent":{"id":5,"title":"Programming","slug":"it-programming"}}],"parentCategories":["Business \u0026 Marketing","Programming"],"childCategories":["etc. (Business \u0026 Marketing)","Database"]},"abilities":["Understanding database concepts and terminology","Basic usage of Notion database"],"courseTags":[],"targets":["Beginners who want to build a DB easily","For those who want to know the Notion database features"],"runtimeSecond":18905,"updatedAtUTC":"2025-05-13T07:50:35.438Z","publishedAtUTC":"2021-10-24T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":24.2,"regularPrice":24.2,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":30800,"krwPaymentPrice":30800},{"id":324752,"type":"ON","tagTitles":[],"isHidePrice":false,"hasMyReaction":false,"hasMentoring":false,"isKdt":false,"offlineCourse":null,"challengeCourse":null,"course":{"id":324752,"slug":"autocad-3d-2020","thumbnailUrl":"https://cdn.inflearn.com/public/courses/324752/course_cover/f9263930-bd5c-4b78-bd89-8291dbb1b235/autocad-3d-eng.png","title":"Easy to follow AutoCAD 2020 3D (Korean version)","description":"Learn the basic functions for 3D CAD work using AutoCAD.","reviewCount":24,"studentCount":63133,"likeCount":63529,"star":4.8,"isExclusive":false,"isNew":false,"isUpdated":false,"updatedAt":"2025-05-19 12:25:02","publishedAt":"2020-02-13 00:00:00","metadata":{"level":"BASIC","levelCode":"Basic","skills":["CAD","AutoCAD"],"skillTags":[{"id":156,"title":"CAD","slug":"cad"},{"id":5553,"title":"AutoCAD","slug":"autocad"}],"categories":[{"id":23,"title":"3D Modeling","slug":"3d-modeling","parent":{"id":22,"title":"Design","slug":"design"}}],"parentCategories":["Design"],"childCategories":["3D Modeling"]},"abilities":["Creating 3D drawings using AutoCAD","Foundation of practical digital design capabilities"],"courseTags":[],"targets":["Learners who are burdened by learning AutoCAD program","Anyone who wants to learn 3D digital design capabilities in a short period of time.","Workers in the construction and interior design fields who want to create 3D design documents"],"runtimeSecond":18963,"updatedAtUTC":"2025-05-19T03:25:02.692Z","publishedAtUTC":"2020-02-12T15:00:00.000Z"},"instructor":{"id":423184,"name":"usefulit"},"listPrice":{"isDiscount":false,"isEarlyBirdDiscount":false,"payPrice":20.9,"regularPrice":20.9,"isFree":false,"discountRate":0,"discountEndedAt":null,"discountId":null,"discountTitle":null,"discountEndedAtUTC":null},"cart":{"isInCart":false,"canUseCart":true},"voucher":null,"krwRegularPrice":26400,"krwPaymentPrice":26400}]}},"dataUpdateCount":1,"dataUpdatedAt":1770756795027,"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":118800,"discountRate":0}},"dataUpdateCount":1,"dataUpdatedAt":1770756794898,"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-13a641e-1770708258024","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