코딩
1.HTML, CSS, Javascript
코딩 언어 기초
2.선택자 / <br>과 a 태그 개념
선택자, br, a태그의 개념
3.hover, 개념
hover,
4.img, css style, padding/margin, 태그모음
img, padding/margin, 태그 종류 모음
5.폰트 종류, :nth-child, 정렬 방법, class/id 개념
폰트 종류, :nth-child, 정렬방법(margin), class/id 개념, html과 body 태그
6.border-radius, inherit, 노말라이즈
border-radius, inherit, 노말라이즈
7.h 태그, ul/li/ol 태그, 시맨틱 태그
h 태그, ul/li/ol 태그, 시맨틱 태그
8.시맨틱 태그 (Semantic Tag)
시맨틱 태그의 개념과 종류
9.display:none;, position, z index
display: none;, position (absolute, relative, fixed), z index
10.text 설정 (white-space, overflow, text-overflow)
text 설정 (white-space, overflow, text-overflow), 텍스트 줄바꿈
11.display: flex; 개념
display: flex; 개념 정리
12.table, ::before / ::after, transition
table, ::before/::after, transition 개념
13.토글 사이드바
토글 사이드바 3개
14.JS로 Variable 개념 이해
Variable 개념 이해, JavaScript
15.only child, box-sizing, AI 활용
only-child, box-sizing, AI(Shot) 개념
16.display: flex; 2, 프롬프트 종류
display: flex 2, 프롬프트 종류
17.라이브러리, 반응형 웹, 미디어쿼리(@media), LLM
라이브러리 개념, 반응형 웹, 미디어쿼리 @media
18.LLM의 한계
LLM의 한계
19.JS 변수, 할루시네이션
JS, 변수, 할루시네이션
20.JS 조건문, 연산자 종류, 프롬프트 엔지니어링 기본 원칙
연산자 종류, 조건문, 프롬프트 엔지니어링 기본 원칙
21.JS 반복문(while), sum
JS 반복문, SUM
22.프롬프트 엔지니어링 12가지 기법
프롬프트 엔지니어링 12가지 기법
23.JS 다중 while 반복문, for 반복문, 함수
JS 다중 while 반복문, for 반복문, 함수
24.JS 전역변수와 지역변수, typeof 함수, return, 배열
전역변수와 지역변수, typeof 함수, return 개념
25.JS jQuery
jQuery 정의, 사용법
26.JS jQuery 2 (addClass,removeClass,hasClass), setTimeout
JS addClass, removeClass, hasClass, setTimeout
27.JS 동작을 막는 코드, confirm [확인] [취소]
JS 동작을 막는 코드 (preventDafault, return false, stopPropagation), confirm
28.JS 스크롤 끄기/켜기, 그레이브, this, mouse, find, 가족 찾기 메서드
JS 스크롤 끄기/켜기, 그레이브 문법, this, mouse(mouseenter,mouseleave,mouseover,mouseout), find, parent/children/siblings
29.라이브러리 태그, float, JS 메서드, eq
라이브러리 태그, float, JS 메서드, eq
30.반응형 웹 만들기, 모바일 퍼스트/데스크탑 퍼스트
반응형 웹 만들기, 모바일 퍼스트/데스크탑 퍼스트
31.CSS 라이브러리, 테일윈드
css 라이브러리 종류, 테일윈드
32.테일윈드, display:grid;
테일윈드 정리, display: grid;
33.@keyframes, :root
@keyframes, :root
34.currentcolor, JS toggleClass
currentcolor, toggleClass
35.JS change/focus, attr/prop 차이, Masonry와 smooth scrollbar(라이브러리)
JS - change/focus, attr/prop 차이, 라이브러리
36.swiper, slick(라이브러리)
swiper, slick 사용법
37.AOS, animate (라이브러리)
AOS, animate 사용법
38.width, background-image
width, background-image
39.fullpage.js 효과, 반응형 swiper, user-select
fullpage.js 효과, 반응형 swiper(js), user=select
40.mix-blend-mode, 커서 커스텀(pointer events),
mix-blend-mode, pointer events
41.-webkit-
-webkit-
42.git, GitHub 사용법
git, GitHub 사용법
43.BEM, CSS Logical Properties
BEM, CSS Logical Properties
44.svg, tilt.js, marquee, arrow function
svg, tilt.js, marquee, arrow function
45.CSS nesting (CSS 중첩)
CSS nesting (CSS 중첩)
46.SASS/SCSS
SASS/SCSS
47.@mixin(SCSS)
@mixin(SCSS) 사용법
48.SCSS 조건문 (@if, @for)
SCSS 조건문 @if문 (@if, @else if, @else), @for문 (@for)