Joon 개발노트

Object Storage를 활용해서 Feature Flag를 만들어보자

Next 13.4.x 버전에서 WebServer가 죽는 이슈(socket hang up, ETIMEDOUT)

이미지 업로드시, 회전하는 이슈 핸들링

Image onLoad/onError 비동기 테스트, 환경 변수 테스트

paths와 workflow_call 이벤트를 활용하여 Git WorkFlow 중복 개선기

UI Component vs Headless Component에 대해서 정리

Google Sheet Data Get JSON, Google Sheet v4

visualViewport, Webview Scroll, IOS input buffer, Webview Force Touch

Package Version Management, SemVer, and Node Version, 의존성 모듈

JS Error부터 React ErrorBoundary까지

Intersection Observer API부터 react-window까지

Service Worker, Service Worker liceCycle

memory/disk/prefetch Cache란?

Module bundler, Dependency Resolution, Packing

HTTPS Flow, TLS/SSL HandShake

Form requestSubmit메서드와 React 이벤트 시스템에 대해서

WebWorker, SharedWorker, Worker.js 파일 만들지 않기

A 태그의 속성이 동적으로 변경되는 않는 문제 - hydration

의존성 주입 및 역전(DI, DIP)에 대해서

Array prototype fill에 대해서

React 특성 및 Component 구성 기준

Webview 통신 방법 및 iframe, window open 통신방법에 대해서 알아보자

EventLoop 특징 및 MicroTaskQueue는 왜 우선순위 높죠?

Js Memory LifeCycle And Memory Leak

SSR(Nextjs)와 Hydration에 대해

console api, chroem 개발자 도구, 리엑트 개발자 도구에 대해서

이미지 / 동영상 최적화, 폰트 최적화

Effect의 dependencyArray 비교방법, componentDidUpdate?

언제 얕은 복사를 쓸까?, 도대체 왜 깊은 복사를 쓰는거지?

Virtual DOM 장/단점 및 바닐라/React 비교

preflight는 언제 발생하지?

마우스 이벤트를 추가해주고! 배포해보자

useMemo, useCallback, React.memo 비교

This에 대해서

path 태그를 활용하여 데이터 시각화

svg, viewBox, PreserveAspectRatio 정리

Class vs Function Component Event Log

Dom 이벤트 작동원리, preventDefault, stopPropagation, stopImmediatePropagation

top/left, element size/position, sticky/fixed, 62.5%

BFC / IFC 정리

Modern Web Browser(Chrome) 톹아보기

Cache-Control 확장기능 중 stale-while-revalidate에 대해서

reflow와 repaint의 차이점에 대해서 알고싶어서

React Router를 만들어보자

Session Cookie Oauth에 대해서

Hook에 대해서 알아보자

singleton weakMap에 대해서

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 6회차 정리

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 5회차 정리

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 4회차 정리

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 3회차 정리

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 2회차 정리

코드스피치 강의 ES6+ 디자인패턴과 뷰패턴 1회차 정리

Debounced And Throttle에 대해서

웹 페이지 로드 과정

비제어 / 웹 컴포넌트에 대해서 알아보자

PropTypes Type Check에 대해서 알아보자

Strick Mode에 대해서 알아보자

Render Props에 대해서 알아보자

Ref와 DOM 대해서 알아보자

Reconciliation 대해서 알아보자

JSX 없이 사용하는 React에 대해서 알아보자

ES6 없이 사용하는 React에 대해서 알아보자

Profiler component에 대해서 알아보자

portal에 대해서 알아보자

Optimizing Performance에 대해서 알아보자

JSX에 대해서 알아보자

How to use Jquery in React

코드스피치 강의 ES6+OOP 4회차 정리

Higher-Order Components에 대해서 알아보자

코드스피치 강의 ES6+OOP 3회차 정리

Ref Forwarding에 대해서 알아보자

Intersection Observer에 대해서

Error Boundary에 대해서 알아보자

Display None에 대해서

코드스피치 강의 ES6+OOP 2회차 정리

Scope(Lexical and Dynamic)

Git Actions yml 파일 설명

Singnaling And ICE Framework

useRef에 대해서 알아보자

코드스피치 강의 ES6+OOP 1회차 정리

Context에 대해서 알아보자

Code Split에 대해서 알아보자

코드스피치 강의 ES6+ 6회차 정리

HTML 5

모두가 이용할 수 있는 웹사이트를 만들기 위해 필요한 그것

console.log에서 벗어나고 싶어 공부해보았다.

코드스피치 강의 ES6+ 5회차 정리

tree shake에 대해서 알아보고 추가적인 webpack 설정에 대해서 알아보

자바스크립트 함수 내부에 숨겨져있는 Arguments객체에 대해서 알아보자

IMG, PICTURE 태그에 대해서 알아보자.

웹 애플리케이션은 상태 머신이다. 웹 애플리케이션 오류가 발생하는 경우에 대해서 알아보자

About Git Command Line

코드스피치 강의 ES6+ 4회차 정리

link와 script에 대해서

가상돔은 돔을 직접 조작하는 것보다 빠른가?

기본타입과 interface 관해서

코드스피치 강의 ES6+ 3회차 정리

코드스피치 강의 ES6+ 2회차 정리

단원별 요약정리

코드스피치 강의 ES6+ 1회차 정리

프로미스에 관해..

프로토 타입에 관해..

자바스크립트 메모리 관리

이벤트 루프 다시 정리하기

모바일 화면에서 이벤트 처리

OOP와 SOLID

BaBel setting

How to use Charles

export / import / require

용어정리

POSTMAN & SELENIUM IDE

리눅스 명령어

OJT3

OJT2

리눅스 폴더

OJT

운영체제 공개강의 9강

운영체제 공개강의 10강

운영체제 공개강의 11강

운영체제 공개강의 8강

운영체제 공개강의 7강

운영체제 공개강의 6강

운영체제 공개강의 5강

Public API를 이용해 만든 가상화폐 현황 게시판

프로미스를 사용해보고, 프로미스를 동기적으로 사용해복자

방화벽과 in/out bound에 대해서

AWS의 EC2(우분투 운영체제)로 create-react-app 화면을 찍어보자

AWS의 EC2(우분투 운영체제)로 Hello World를 찍어보자

AWS의 RDS + Node.js 연동

누군가를 위해 만드는 LH 임대보증금 계산기

CORS 해결책 정리(Vue, Node)

HTTP 프로토콜에 대한 기본 정의부터 프록시, 캐시, CORS... 에 대한 공부

프로그래밍 패러다임 중 가장 유명하며 핫한 함수형 프로그래밍에 대한 정리

브라우저 내에서 자바스크립트 작동 원리 정리

리엑트안에서의 가상돔은 어떻게 작동을 할까?

JSX 기초문법 정리

자료구조 Set(집합)에 관한 정리

자료구조 큐에 관한 정리

자료구조 스택에 관한 정리

클로져 구현 코드

Function.prototype.call()에 대한 정리

화살표 함수에 대한 이해

자바스크립트 CurringPattern 패턴 정의 및 코드

컨텍스트를 통한 호이스팅 이해

Fetch_API에 관한 정리

JS 정규표현식_표

자바스크립트에서 지원하는 Map, Set 객체 정리

자바스크립트 메모리제이션패턴 정리

자바스크립트 Request_Object 정리

운영체제 공개강의 3강

운영체제 공개강의 4강

운영체제 공개강의 2강

Node 간단 정리

번들러 Gulpfile.js 설명

WebPack 정의 및 config 파일 정리

npm i axios cheerio pupperteer

npm i dotenv

HTML5 API에서 지원하는 Drag and Drop Api 정리

npm i fs csv xlsx

쿠키와 세션에 대한 정리 및 node에서 사용법

npm i -s gh-pages

JWT Setting 및 소셜 로그인 연동방법(FACEBOOK, google, github)

Socket.io를 이용하여 채팅프로그램 구현

Redux에 대한 정의와 사용법

React에 대한 전체전인 정의와 개념을 정리

React Icon 사용법

SPA에 위한 React_Router 정의와 사용법

PropsToStateChange

클래스_컴포넌트_생명주기에 대한 정리

클래스 컴포넌트 -> 함수형 컴포넌트(함수형 프로그래밍)

자료구조 기본인 스택, 큐, 리스트를 자바스크립트 구현 코드입니다.

운영체제 공개강의 1강