Web Development

.

HTML Rules 텍스트를 태그안에 넣어서 적용시키는게 기본 규칙 하나의 head에는 하나의 body가 기본이다. 단락 요소 제목 요소 목록 요소 앵커 태그 - < a> 이미지 태그 -img html 상용구 주석 vscode tip

Block Elements and Inline Elements Div = The Content Division Element 분할 Span Div and Span Difference? 기타 요소 ( hr,br,sup,sub) Entity Code Semantic Mar

Tables Forms Important Input Types Input 요소에 Label을 연결하는 이유? HTML5 폼 유효성 검사

Cascading Style Sheets CSS Rules CSS Text Properties

Universal Selector Element Selector ID Selector - '#' Class Selector - . Descendant Selector- (공백) Adjacent Selector - + Direct Child - > Attribute Se

Property Width & height (가로 & 세로) Border (테두리) Padding(테두리와 내용 사이의 공간) Margin(테두리 바깥 공간) Display Property CSS Units (단위)

Rgba Opacity Position property Transitions Transform Button Hover Effect Background

Flexbox Flex-Direction Justify Content Flex-Wrap Align Flex Media Queries

.

🌈Bootstrap 🌈Bootstrap button 🌈Typography 🌈Badge 💧Button group, Alert 💧Grid system 🌊Responsive Bootstrap Grid 🌊Bootstrap Forms 🌊Bootstrap Navb

🌈String 🌈String Methods 🌈Template Literals 🌈Null & Undefined 🌈RandomNumber & Math 객체

🌈비교 연산자 🌈Console, Alect, Confirm, Prompt 🌈If Else-if Else Nesting 🌈Truthy and Falsy Values 🌈AND, OR, NOT 🌈switch 조건문

🌈Arrays 🌈Array Methods(Push, pop, shift, unshift) 🌈More Array Methods (concat, indexOf, includes, reverse, slice, splice) 🌈Reference type and Equa

💧Object (생성, 접근, 수정) 🌈Arrays + Objects

🌈For문 (for of) 💧for in and for of, for in 차이 🌈While문 🌈반복문을 이용해서 만드는 추측 게임 예제 🌈parseInt 🌈Todo List 만들어보기

🌈Function 🌈Function scope 🌈var and let scope 🌈more function (함수를 변수로 지정, 고차함수, 반환함수, 🌈Methods 💧This 🌈Try and Catch

🌈forEach 🌈forEach and map difference 🌈Arrow Functions 🌈setTimeout and setInterval + clearInterval 💧Filter 🌈Some and Every 🌈Reduce

.

.

요소를 어떻게 보여줄지 결정한다

.

브라우저 VSCode Git HTML JS CSS DOM CSSOM reflow/repaint Render TreeLibrary vs Framework CSR SSG SSR

CSS Layout flex-box grid positioning 당근마켓 화면 클론

비동기/동기 ES6 토크나이징/렉싱파싱(Parsing) AST구조 Babel JIT CallStack ES6 WebAPI Memory Heap Callback Queue Event Loop todo app

Typescript JS => typescript async, await 사용 리팩토링

React

React 이벤트 처리 컴포넌트 계층구조, 상태관리 실습 컴포넌트에 상품 삭제 버튼 추가

react-router-dom 스타일링 (css module, css-in-js) 라우팅 URL 파라미터 쿼리스트링 css module, css-in-jsreact-router-dom과 스타일링 적용

react context api zustand useCallback useMemo Zustand useEffect가게 메뉴 리스트 피그마 참고 zustand, 스타일링 및 클론

data fetching 성능 고려 Core Web Vitals react functional component의 life cycle Request Waterfalls store, cart api 추가데이터 페칭 코드 추가

ESLint & Prettier 사용자 인증 방식 Cookie/Session, JWT, OAuth 이해AccessToken, RefreshToken 인증 이해 CORS 원인 및 해결방법

React-Native 환경셋팅이 끝나고 react-native run-ios 명령어를 테스트 하던 중 run-ios 빌드가 되는 듯? 안되는 오류 발생