학습한 내용, 새로 알게된 내용, 헤맨 내용 등
개발 관련 기록 쌓기
- HTML 배경지식
- 웹 호스팅 계정_생성하기
- 기본구조
- HTML 필수요소
- HTML 특징
- 웹페이지 레이아웃
- <Semantic tag>
- 주요 태그
- <tag>(1) 글자목록
- <tag>(1) semantic
- <tag>(3) 앵커,이미지,글자,테이블
- <img>
- <table>
- <form>
- <input> (1)
- <input> (2)
- <input> (3)
- mobile web 확인
- CSS 기본내용
- 선택자(1)
- 선택자(2)
- 동위 선택자, 의사클랙스
- 의사요소
- 위치속성(1)
- 위치속성(2)
- 위치속성(3)
- Position
- float
- display
- border/ box-shadow/ text-overflow
- font, background
- background 속성
- margin/ padding
- transition/ animation
- Element 적용 우선순위
- favicon
- Display: Flex
- Script 개요 및 적용방법
- 자료형 (Data Type)
- 연산자
- 제어문) 반복문
- 제어문) 조건문
- 함수) 내장 함수
- 함수) 사용자 정의 함수
- 함수) function 활용 (alert)
- 함수) function 활용 (window open)
- javascript 동작 원리
- DOM (Document Object Model)
- DOM 활용(1)-style 적용
- DOM 활용(2)-style 우선순위 적용
- DOM 활용(3)-style id 적용
- DOM Core 개념
- DOM Core 속성접근
- DOM Core 속성변경
- querySelector
- 회원가입
<form>기본 작성 - 회원가입
<form>작성-요소별(1) - 회원가입
<form>작성-요소별(2) - use strict
- HTTP, Ajax, XMLHttpRequest, fetch, JSON
- this
- async, defer
- jquery 개요 및 적용
- Selector(1)-basic
- Selector(2)-Attribute, Basic Filter, Form, Hierarchy
- Events
- Effect(1)-Basic
- Effect(2)-Fading
- Effect(3)-Sliding
- Effect(4)-Animate
- Practice(1)
- Practice(2)
- Practice(3)
- React 사용하는 이유
- React 기초
- State 사용-counter
- React 사용-unit converter
- Props 기초
- React.memo(), propTypes 사용
- create-react-app 설치
- useEffect( ) / Cleanup function
- to Do List
- 가상화폐 목록 출력
- MovieApp만들기(1)
- MovieApp만들기(2)
- github-page로 배포하기
- Router 접근 제한
- Redux 사용 이유
- 글로벌 상태 관리와 Redux
- Bootstrap 개요
- Grid system
- Typography
- Image
- Table
- Text / Button
- Alert
- Badge
- Card
- Collapse
- Textarea
- Modal
- Navbar
- Progress
- 참고 사이트