profile
웹 개발을 공부하고 있는 윤석주입니다.
태그 목록
전체보기 (66)프론트엔드(18)JavaScript(18)React(17)frontend(17)자바스크립트(15)js(12)리액트(11)네트워크(10)컴퓨터 네트워크(10)container(7)front end(7)kubernetes(7)쿠버네티스(6)컨테이너(6)typescript(6)hooks(6)docker(6)network(6)도커(6)프로세스(5)Computer Network(5)k8s(5)타입스크립트(5)React Hooks(5)http(5)개발(4)redux-toolkit(4)Infra(4)redux(4)front(4)hook(4)인프라(4)프론트(4)CS(4)react hook(4)OS(4)async(4)tcp(4)vm(3)DOM(3)ts(3)process(3)useEffect(3)useState(3)상태관리(3)Operating System(3)RTK Query(3)volume(3)운영체제(3)리액트 훅(3)react-query(3)docker container(2)typescript programming(2)실행 컨텍스트(2)cpu(2)Functional Component(2)비동기(2)execution context(2)타입스크립트 프로그래밍(2)type(2)thunk(2)Class Component(2)다단계 큐(2)타입(2)useLayoutEffect(2)redux thunk(2)await(2)promise(2)프로세스 라이프 사이클(2)가상화(2)프로그래밍(2)socket(2)rtk(2)임계구역(2)ip(2)동기화(2)process life cycle(2)babel(2)CPU 스케줄링(2)dev(2)https(2)DNS(2)multicast(1)이벤트루프(1)4-way Handshake(1)Error Boundaries(1)리액트 리스트(1)cpu스케줄링(1)Restful(1)Event propagation(1)good-code(1)브라우저 렌더링(1)리스트(1)문자(1)시분할(1)L2 Switch(1)PCB(1)Context Switching(1)문맥교환(1)실시간 채팅(1)single page application(1)Thread(1)linked list(1)stack(1)queue(1)@SpringBootConfiguration(1)문자 인코딩(1)REST(1)Proxy(1)함수형 인터페이스(1)browser(1)image(1)heap(1)테스크 큐(1)redux store(1)Request(1)Response(1)공유자원(1)프로미스(1)react16(1)프론트앤드(1)도커 컨테이너(1)리액트 성능 최적화(1)React.lazy(1)대칭키(1)웹개발(1)함수형 프로그래밍(1)객체(1)ssl(1)통신(1)generator(1)memoization(1)메모이제이션(1)제너레이터(1)브라우저(1)네트워크 이론(1)ASCII(1)vue(1)react error handling(1)XMLHTTPRequest(1)url(1)ws protocol(1)대기 큐(1)internet(1)리덕스(1)해시 테이블(1)알고리즘(1)스케줄링(1)lexical environment(1)프로토타입(1)데이터 패칭(1)클라우드(1)데이터 패칭 라이브러리(1)프로세스 동기화(1)Prototype(1)binary tree(1)Process Synchronization(1)ajax(1)event loop(1)기타 공부(1)교착 상태(1)HTTP 프로토콜(1)yml(1)세마포(1)rules of hooks(1)(1)HTTP message(1)타입스크립트 타입(1)웹 통신(1)react error(1)return(1)data fetching tool(1)study(1)SOLID(1)성능 최적화(1)리액트 메모(1)Virtual Machine(1)인코딩(1)고차함수(1)Higher-order Function(1)Deque(1)스터디(1)webpack(1)리액트 에러(1)콜백함수(1)내부 슬롯(1)ComponentScan(1)Backend(1)unicast(1)리덕스 툴 킷(1)quic(1)실행 컨텍스트 스택(1)프록시(1)unicode(1)MTU(1)TSL(1)리액트 컴포넌트(1)Effect(1)ready큐(1)문자열(1)functional programming(1)UDP(1)promise.resolve(1)DNS Round Robin(1)REST API(1)json(1)컴퓨터네트워크(1)프로세스 상태(1)WS(1)UTF-16(1)react bundle(1)(1)HTTP 3.0(1)href(1)application.yml(1)패킷(1)리액트 기초(1)tsc(1)async/await(1)execution context stack(1)Load balancing(1)key(1)CLEAN CODE(1)socket.io(1)Dead Lock(1)cloud(1)new(1)Broadcast(1)State(1)read-only volumes(1)this(1)self(1)프론트엔드 상태관리(1)VirtualDOM(1)axios(1)monitor(1)byte order mark(1)Process Control Block(1)자바스크립트 this(1)이벤트 핸들러(1)round robin(1)이벤트 드리븐(1)html(1)객체 생성(1)useCallback(1)프로퍼티 어트리뷰트(1)promise.race(1)비동기 프로그래밍(1)렉시컬 환경(1)렌더링(1)introducing react hook(1)생성자 함수(1)SpringBootApplication(1)critial section(1)멀티플랙싱(1)프로세스 제어 블록(1)cs스터디(1)promise.reject(1)caching tool(1)web page(1)http method(1)re-render(1)Bundling(1)array(1)다단계 피드백 큐(1)클래스 컴포넌트(1)Fetch(1)cpu시분할(1)spa(1)교착상태(1)스텍(1)HoC(1)code splitting(1)http 1.0(1)채팅프로그램(1)타입스크립트 활용(1)render(1)fallback page(1)bundle(1)http 2.0(1)react.js(1)모니터(1)자바(1)CSSOM(1)http 버전(1)이벤트 버블링(1)req(1)event delegation(1)rendering(1)yield(1)에러 바운더리(1)로드밸런싱(1)리졸버(1)Hash Table(1)선언적 프로그래밍(1)currying(1)@EnableAutoConfiguration(1)어플리케이션(1)(1)key attribute(1)리액트 훅스(1)react in solid(1)공부(1)synchronization(1)CA(1)내부 메서드(1)이벤트 루프(1)FE(1)closure(1)higher-order-component(1)load balance(1)websocket(1)wss(1)utf(1)Coding(1)훅스(1)utf 8(1)채팅(1)memo(1)Suspense(1)ttl(1)자바스크립트 프로미스(1)promise.all(1)이벤트(1)생성자(1)URL encoding(1)event driven programming(1)task queue(1)가상머신(1)react-suspense(1)html5(1)React HOC(1)리액트 입문(1)단편화(1)가상돔(1)tag(1)function(1)React.memo(1)bind-mount(1)선언형(1)docker box(1)cpu 수행단위(1)fp(1)함수형(1)virtual DOM(1)object(1)배열(1)비대칭키(1)실시간(1)RO(1)web(1)component(1)res(1)3 Way-Handshake(1)상호 배제(1)Render Tree(1)packet(1)proto(1)protocol stack(1)import(1)hyper text markup language(1)이벤트 드리븐 프로그래밍(1)http 1.1(1)Semaphore(1)동기(1)web developer(1)자료구조(1)쓰레드(1)로드밸런서(1)link(1)property attribute(1)GET(1)POST(1)

Docker/Kubernetes 정리 6

이번엔 read-only volume에 대해 살펴보겠습니다. 지난시간에 보았듯 다음과 같은 볼륨을 사용한다고 해봅시다.\-v /${container_path}/node_modules -v ${host_machine_path}:${container_path}여기서 바인드

2023년 3월 18일
·
0개의 댓글
·

Docker/Kubernetes 정리 5

지난 포스팅에서 보았듯, 도커에서 제공하는 External Data Storage의 종류는 다음과 같습니다.Volumes (Managed by Docker)Anonymous VolumesNamed VolumesDocker sets up a folder / path on

2023년 2월 25일
·
0개의 댓글
·
post-thumbnail

Docker/Kubernetes 정리 4

데이터는 서로 다른 종류가 존재합니다. 기본적으로 다음과 같은 데이터들이 존재하죠.Application (Code + Environment) \* Written & provided by developerAdded to image and container in buil

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

Docker/Kubernetes 정리 3

개요 이전 포스팅에서 이미지, 컨테이너에 대한 개념과 생성하는 방법을 살펴봤습니다. 이번 포스팅에선 좀 더 실용적으로 이미지와 컨테이너를 관리하는 방법에 대해 살펴보겠습니다(도커 명령어를 이용해 실습한다고 보면 됩니다). 도커에서 사용하는 모든 명령어는 --help

2023년 2월 19일
·
0개의 댓글
·

Docker/Kubernetes 정리 2

지난 포스팅에서 도커에 대한 대략적인 내용을 살펴봤습니다. 이번 포스팅에선 두 가지 개념에 중점을 맞춰 알아보겠습니다. (로컬 도커환경은 설치되어 있다고 가정하겠습니다)Images & ContainersUsing Pre-Built & Custom ImagesCreati

2023년 1월 24일
·
1개의 댓글
·
post-thumbnail

Docker/Kubernetes 정리 1

도커는 컨테이너 기술의 일종입니다. 컨테이너를 생성하고, 관리하도록 도와주는 도구이죠. 따라서, 도커를 이해하기 위해선 컨테이너라는 개념을 이해해야 합니다.'컨테이너는 표준화된 소프트웨어 단위(standardized unit of software)라고 볼 수 있습니다.

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

Docker Introduction

본 포스팅은 https://docker-curriculum.com 의 글을 정리한 내용입니다.위키피디아에선 Docker를 다음과 같이 정의합니다.an open-source project that automates the deployment of software

2022년 11월 3일
·
0개의 댓글
·

Redux-Toolkit Usage Guide2

Writing Action Creators Redux는 action object를 생성하는 과정을 캡슐화하는 "action creator" functions를 사용하도록 장려합니다. 직접적으로 반드시 작성이 필요한 것은 아니지만, Redux 사용법에서 표준적인 과정입

2022년 11월 2일
·
0개의 댓글
·

Redux-Toolkit Usage Guide1

Redux core library는 의도적으로 정해진 룰이 없습니다. 이는 store setup, reducer 디자인 등 모든 것들을 사용자가 원하는대로 사용할 수 있다는 것입니다. 이러한 특징은 사용자에게 유연함을 가져다주고 코드를 원하는대로 작성하도록 도와줍니다

2022년 10월 8일
·
0개의 댓글
·

문자를 다루는 인코딩 규칙에 대한 정리

이번 포스팅에선 문자열을 표시하는 코드 체계와 인코딩에 관련된 내용을 살펴보겠습니다.간단정리문자열 코드 체계 - ASCII, Unicode인코딩 방식 - UTF-8 등7bit의 코드체계로 쉽게 말하면 어떤 숫자 하나를 어떤 문자 하나로 매핑하는 것입니다.ASCII Ta

2022년 10월 3일
·
0개의 댓글
·

제너레이터와 async/await

ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수입니다. 일반 함수와 구별되는 다음과 같은 특징을 갖고 있습니다.제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다.일반 함수를 호출하면 제어

2022년 9월 12일
·
0개의 댓글
·

RTK Query Overview

RTK Query는 강력한 data fetching & caching 도구입니다. 웹 어플리케이션의 기본적이며 공통적인 데이터 로딩 작업을 단순화 시켜주며, 개발자가 data fetching, caching과 관련된 로직을 직접 작성하지 않도록 도와줍니다.웹 어플리케이

2022년 9월 11일
·
0개의 댓글
·

Redux toolkit

Purpose Redux toolkit은 Redux logic 작성의 표준이 되기 위해 탄생했습니다. 리덕스 툴킷은 아래와 같은 리덕스의 3가지 문제점을 해결해줍니다. Redux store 설정이 너무 복잡하다. 유용한 기능 구현을 위해 여러가지 패키지가 추가적으로 필

2022년 9월 10일
·
0개의 댓글
·
post-thumbnail

기타 공부

SpringBootApplication 어노테이션은 스프링 부트의 자동 설정, 스프링 Bean 읽기와 생성 자동 설정 등을 해주는 어노테이션입니다.해당 어노테이션이 있는 위치부터 설정을 읽어나가기 때문에 이 어노테이션을 포함하고 있는 클래스는 항상 프로젝트의 최상단에

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

네트워크 정리6

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.ip헤더에는 TTL(Time To Live)라는 값이 존재합니다. 이 값은 8bit로 0~255의 값을 가질 수 있습니다. 네트워크의 한 라우터부터 다른 라우터까지를 1hop이라고 합니다. TTL은

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

네트워크 정리5

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.네트워크에서 정보를 전달하는 방식은 대표적으로 3가지가 있습니다. 바로 Unicast, Broadcast, Multicast입니다. 각각이 어떤식으로 정보를 전달하는지 살펴보겠습니다.지난번 살펴봤던

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

네트워크 정리4

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.우리가 배웠던 client-server 구조를 생각해봅시다. 클라이언트 PC그런데 이 구조에서 PCproxy server is a server application that acts as an int

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

네트워크 정리3

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.user modeprocesskernal modeTCPIPH/WEthernetprocess에서 네트워크 통신을 위해 TCP/IP로 데이터를 송신하는 경우 socket을 이용한다는 사실을 배웠습니다.s

2022년 8월 21일
·
0개의 댓글
·
post-thumbnail

네트워크 정리2

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.웹 개발자로서 웹 서비스의 전체적인 구조를 아는 것이 중요합니다. 이번 포스팅에선 웹에 대한 전반적인 내용을 살펴보겠습니다.55년생 양띠 IT 3대장이 있다고 합니다. 스티브 잡스, 빌게이츠, 팀 버

2022년 8월 20일
·
0개의 댓글
·