독학

공부하며 읽은 책과 완강한 강의들 목록

네트워크 원리 기초 정리

서버구조 기초 정리

3D

em

6개의 숫자 랜덤으로 뽑기

null과 undefined

jquery 이벤트 활용

$(this)

Ajax, Json, API, Template, Method chaining 기초정리

모듈

함수형 프로그래밍: map(), filter(), reduce()

폴리필 Polyfill

component, props , prop-types 도구 설치

state와 클래스형 컴포넌트

.text()

클래스형 컴포넌트의 일생

Java 타입 간의 변환, 문자열의 비교

e.pageX, e.pageY

jQuery new Date(), setInterval(), .eq()

chocolatey 설치 (에러해결..)

안드로이드 SDK Manager 위치, SDK 설치, 환경 변수 설정, platform-tools의 위치 설정

메서드 오버로딩, 생성자 오버로딩과 this

패키지

한가지 중요한 점은 부모 클래스가 자식 클래스의 메서드를 사용할 수 없다는 것이다.

접근 제한자, 추상 클래스

super()를 붙이면 부모 생성자가 호출된다.나를 가리키는 키워드가 this였다면 부모를 가리키는 키워드는 super라는 것을 잊지 말자.

오버라이딩, 클래스 형변환

LIKE 연산자, DECODE 함수, AVG함수와 NVL함수

프론트엔드 언어의 폴더 이동 방법 ./ : 현재 폴더로 이동 ../ : 한 단계 상위 폴더로 이동 / : 최상위 폴더(root folder)로 이동 숫자 키 패드 스마트폰에서 숫자 키 패드가 나오게 하려면 [pattern="\d*"]를 함께 사용하면 된다. `` position position:static top, left, right, bottom 속...

Ajax에 대해

바닐라 자바스크립트 vanilla JavaScript

Spring Boot <누구나 끝까지 따라 할 수 있는 스프링 부트>

바닐라 자바스크립트 테스트, JSONPlaceholder, XMLHttpRequest()

Fetch API, JSONPlaceholder, FormData

가변 이미지

원 페이지 만들기

jQuery 플러그인을 사용해 그리드 레이아웃 만들기

Flex, Grid

AOP 용어 정리

스프링 MVC의 수행 흐름

vscode - settings.json 설정

.getBoundingClientRect().top VS offsetTop

setTimeout, setInterval, requestAnimationFrame

브라우저 버전 확인

Vue.js 특징, Vue Cli

단축 평가 논리 계산법은 리액트에서 조건부 랜더링할 때에 유용하게 사용할 수 있다.

비구조화 할당

Class 클래스

Promise

async/await

로그인 페이지 만들기

npm 에러

HTML, CSS, JS 정리 몇가지

Webpack - Module

Bundle

Webpack - Entry & Output, Mode, Loader, Plugin

Webpack - Handlebars, Caching, Minification, Mangling

.classList.toggle()

css 버튼 활성화

웹 폼 태그 동작

width, height 속성의 중요 개념

크롬 확장 프로그램

a태그 앵커 smooth scrolling

input과 :checked를 활용한 햄버거 메뉴만들기

인라인 자바스크립트 활용하기

React 컴포넌트의 종류, 합성하기, Props, Props의 children

React State, updater 함수, props, state, updating component 생명주기, DOM vs React

20세 성인 체크

별점주기

이터러블 중심 프로그래밍 실무 코드

map(), filter(), reduce(), take(), range()

query, queryToObject

map()으로 합성하기, find 대신 L.filter

Redux 흐름

Redux, 리덕스에서 사용되는 키워드, 리덕스 사용 흐름

Redux middleware

리액트 프로젝트에서 타입스크립트 사용하기

Today I Learn 20220603

리액트 라이브러리

GraphQL- 환경설정 및 프로젝트 생성, GraphQL 기본, GraphQL 심화

Next.js - 환경 설정 및 프로젝트 생성, Next.js 기본, Next.js 심화, Next.js 실제 사용예

Today I Learn 20220614

GraphQL server 만들기

쿼리 정보 이스케이프 처리하기 encodeURI/ encodeURIComponent함수

가변길이 함수, arguments 객체의 용도

Iterator, Generator, Proxy

사용자 데이터 저장하기 - Storage 객체

프로토타입을 사용한 상속 구현, 생성자 빌려 쓰기

JavaScript class 선언 및 상속

package.json의 중요한 속성들

jQuery는 노드를 추가/삭제/이동한다거나 글자 색을 변경하는 등의 작업을 처리할 때 아래에 나와 있는 자바스크립트 DOM 객체들의 프로퍼티와 메서드를 사용해 처리한다. jQuery는 단지 자바스크립트 DOM 기능을 쉽게 해주는 라이브러리라는 점을 꼭 기억해야 한다.

jQuery 노드, 스타일, 속성, 이벤트, 위치 및 크기, 애니메이션 효과 다루기

랜덤 명언 REST API 서버 개발하기

fullstack-react-toy(1) 환경 세팅, 목록뷰 구현하기, 새글쓰기 기능 구현

Next.js Movie App 만들기- style, global style, patterns, Fetching Data

가상 코인 거래소 coin-market

모바일 청첩장 만들기

재귀함수, 생성자 함수를 이용한 객체 생성, new Array(), onkeydown vs onkeypress, setInterval()활용

끝말잇기 word-chain

클로저는 변수의 유효 범위를 확장하는 자바스크립트의 고유한 기능이다.

[React] Element, Component, Props, State, Hook, Custom Hook, Event