코드잇 부트캠프 0기

HTML, CSS

CSS rules, property, box model, display, selector

CSS Cascading

Hyperlink, text, list, table, multimedia, form, link, script, semantic tag

Semantic tag

JavaScript, JIT compile programing language, semi colon, comment, data type, abstraction, variable, naming rules, function, parameter, return

em, rem

UI, UX, figma, consistency, hierarchy

Meta tag

CSS Layout, position, flexbox, grid

static, relative, absolute, fixed, sticky 가 있습니다.position의 기본 값은 static이고, 이 경우 원래 있어야 할 위치인 HTML에 작성된 순서 그대로 브라우저 화면에 표시됩니다.relative 는 요소의 원래 위치를 기준으

Unix, Unix Command, homebrew

Loose equality, strict equality

Branch merge methods

JavaScript data type, abstraction, control statement

Lexical scope

Object, array, data type

let, const 키워드는 중복 선언이 불가능하다var 키워드는 중복 선언이 가능하다이렇게 변수가 중복선언이 되면 코드의 안정성이 떨어진다let, const 키워드로 선언한 변수는 if, for, function 등등 어떤 키워드와 관계없이 코드 블록, 즉 {} 중괄

반응형 웹 디자인(Responsive Web Design), 미디어 쿼리(Media query)미디어 쿼리(Media Query): 개발자가 지정한 규칙에 브라우저 및 장치 환경이 일치하는 경우에만 CSS를 적용할 수 있는 방법 \- @media로 시작한다 \- a

브라우저란 웹 페이지, 이미지, 비디오 등의 콘텐츠를 수신, 전송 및 표현하는 소프트웨어입니다. 인터넷에 접속하기 위해 사용하는 Chrome, Safari, Edge, Firefox 등이 브라우저입니다. 브라우저의 구조 Untitled 사용자 인터페이스: 주소

Topic JavaScript와 HTML의 관계, What I Learned HTML과 JavaScript html 파일에 JavaScript 파일 추가하기 ` 맨 아래 ` 태그를 추가하면 html 문서에서 자바스크립트 파일을 참조할 수 있다(권장) src

1\. 캡쳐링 단게(Capturing phase): 이벤트가 하위 요소로 전파되는 단계2\. 타겟 단계(Target phase): 이벤트가 실제 타겟 요소로 전달되는 단계3\. 버블링 단계(Bubbling phase): 이벤트가 상위 요소로 전파되는 단계이벤트 버블링(

Topic 모던 자바스크립트 What I Learned 모던 자바스크립트 이해하기 모던 자바스크립트란? Ecma International: 자바스크립트 국제 표준화 기구 자바스크립트를 사용할 때 준수해야하는 규칙이나 세부 사항들을 ECMA-262라는

Shallow copy and deep copy in Javascript

Topic 웹 기초 지식, Web API, 자바스크립트의 비동기 실행 What I Learned 웹 기초 fetch 함수 살펴보기 fetch() 서버에 리퀘스트를 보내고 리스폰스를 받는 보편적인 방법 Callback 어떤 조건이 만족되었을 때 실행되

예시의 코드를 실행할 때, 콘솔에 출력될 값은 무엇일까? 자바스크립트의 특징 JavaScript 싱글 스레드 기반의 언어 thread 작은 단위의 실행 흐름 자바스크립트 엔진을 간단히 살펴보면 위와 같이 Memory Heap과 Call Stack으로 구성되어 있다

this

객체 지향 프로그래밍, 추상화, 캡슐화, 상속, 다형성

Recursive function

Topic: [[Prototype]], .__proto__, .prototype, Prototype Chain

Search/sort algorithm, Big O notation, time/space complexity

AJAX, XMLHttpRequest

Brute Force, Divide and Conquer, Dynamic Programming, Greedy Algorithm

Time/Space Complexity

Data structure, list, tuple, linked list, hash table, stack, queue, deck, graph, tree

Storage, memory, RAM, reference, address

Array, dynamic array, basic operation of array

Singly, doubly linked list

Hash table, direct access table, hash function, collision, chaining, open addressing, load factor

Abstract data type, list, queue, stack, dictionary, set

기본 자료 구조들

Tree, bianry tree, tree traversal

Heap, heap sort, priority queue

Binary search tree

트리

Graph, adjacency matrix, adjacency list

Graph search, BFS, DFS

Shortest path algorithm, BFS algorithm, Dijkstra algorithm

Graph

Hash table, hash function

Static array, dynamic array

HTML. CSS

Hyperlink, text, list, table, multimedia, form, link, script, semantic tag, time complexity, space complexity, big o notation

Execution context

React history, CRA, react developer tools

React, CRA, JSX, Fragment, component, Props, children, state, react rendering, className

Build, cloud computing, transpiling, bundling

React 웹 개발 시작하기, JavaScript 기초, CSS em/rem, recursive function, search/sort algorithm

React array rendering, key prop

React array rendering

useEffect, react array sort, pagination, offset pagination, cursor pagination, conditional rendering, race condition, handling network loading/error

React, UI/UX, HTML, Data structure

Controlled component, stack trace, ref, useRef(), URL.createObjecURL(), URL.revokeObjectURL()

React GET/POST/PUT/DELET request api, hook, hook rules, custom hook, useCallback, exhaustive-deps

Context, state management, flux, redux, React Context API, React query, swr, recoil

React

React Router, NavLink, nested routes, Outlet, useParams, Navigate, useSearchParam, useNavigate, react-helmet, CSR, SPA

React Route

Styled Components

Styled components

React, weekly mission

Started first React project

React life cycle

CSS-in-JS pros and cons

react-router-dom, outlet

Web browser networking

React routeer, routing, rendering, client-side rendering, client-side routing

Web browser networking,Life cycle, Outlet, React router, Clinet-side routing, CSS-in-JS

React

Two sum(Hash table) Abstract data type in javascript Stack Queue Linked list Set Hash table Tree Trie

NodeJS

Algorithm, data structure, NodeJS

ES module, core, module, runtime environment, third party module, async programming, callback, EventEmitter

http module, protocol, 127.0.0.1, port, DNS, DNR, TLD, Routing, ExpressJS

NodeJS, asynchronous javascript

Module loading, package.json, package-lock.json, semantic version, version range syntax, npm, yarn, nodemon

ExpressJS, API server, web server, middleware, GET/POST/PUT/DELETE request

NodeJS, ExpressJS

Start Node.js and express

Database, RDMBS, NoSQL, MySQL, ORM, sequelize, sequelize-cli, npx, migration, primary key, seed, model, CRUD by Model static methods

MySQL, ORM

Chrome DevTools

Cookie, session storage, local storage

Web, Chrome DevTools, Coookie, Session storage, Local storage

React Query Docs Translation

React Query Docs Translation

React Query Docs Translation

BEM, Sass, CSS Modules, CSS-in-JS, Tailwind CSS

Formatter, Linter

모던 CSS 기술 알아보기, 포매터와 린터

Next.js 소개

File-system based routing, API Routes, Link component, useRouter, redirect, custom 404 page, _app.js, _document.js, context

Image component, Head component, dev mode, build, start, deploy

pre-rendering, static generation, server-side rendering, getStaticPaths, getStaticProps, getServerSideProps, Page Router, App Router

Next.js

Cookie, session storage, local storage, pros and cons of modern css

TypeScript, Next.js, Project