profile
웹 개발을 공부하고 있는 윤석주입니다.
태그 목록
전체보기 (56)프론트엔드(18)JavaScript(18)React(15)frontend(15)자바스크립트(15)js(12)리액트(11)컴퓨터 네트워크(10)네트워크(10)front end(7)hooks(6)typescript(6)network(6)React Hooks(5)프로세스(5)타입스크립트(5)Computer Network(5)http(5)hook(4)OS(4)front(4)개발(4)프론트(4)react hook(4)CS(4)useState(3)Operating System(3)운영체제(3)리액트 훅(3)process(3)tcp(3)ts(3)DOM(3)useEffect(3)임계구역(2)https(2)실행 컨텍스트(2)cpu(2)Functional Component(2)DNS(2)프로그래밍(2)execution context(2)type(2)동기화(2)CPU 스케줄링(2)useLayoutEffect(2)redux(2)타입(2)babel(2)Class Component(2)promise(2)다단계 큐(2)await(2)ip(2)타입스크립트 프로그래밍(2)rtk(2)socket(2)프로세스 라이프 사이클(2)typescript programming(2)redux-toolkit(2)process life cycle(2)dev(2)비동기(2)async(2)이벤트 드리븐 프로그래밍(1)http 1.1(1)Semaphore(1)동기(1)web developer(1)자료구조(1)쓰레드(1)로드밸런서(1)link(1)property attribute(1)GET(1)POST(1)multicast(1)이벤트루프(1)4-way Handshake(1)Error Boundaries(1)리액트 리스트(1)cpu스케줄링(1)Restful(1)Event propagation(1)good-code(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)REST(1)Proxy(1)함수형 인터페이스(1)browser(1)heap(1)테스크 큐(1)Request(1)Response(1)공유자원(1)프로미스(1)react16(1)프론트앤드(1)리액트 성능 최적화(1)React.lazy(1)대칭키(1)웹개발(1)함수형 프로그래밍(1)객체(1)통신(1)generator(1)memoization(1)메모이제이션(1)제너레이터(1)RTK Query(1)브라우저(1)네트워크 이론(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)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)고차함수(1)Higher-order Function(1)Deque(1)스터디(1)webpack(1)리액트 에러(1)콜백함수(1)내부 슬롯(1)ComponentScan(1)Backend(1)unicast(1)리덕스 툴 킷(1)실행 컨텍스트 스택(1)프록시(1)MTU(1)리액트 컴포넌트(1)Effect(1)ready큐(1)functional programming(1)promise.resolve(1)DNS Round Robin(1)REST API(1)json(1)컴퓨터네트워크(1)프로세스 상태(1)WS(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)react-query(1)socket.io(1)Dead Lock(1)new(1)Broadcast(1)State(1)this(1)self(1)프론트엔드 상태관리(1)VirtualDOM(1)axios(1)monitor(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)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)상태관리(1)closure(1)higher-order-component(1)load balance(1)websocket(1)wss(1)Coding(1)훅스(1)채팅(1)memo(1)Suspense(1)ttl(1)자바스크립트 프로미스(1)promise.all(1)이벤트(1)생성자(1)event driven programming(1)task queue(1)react-suspense(1)html5(1)React HOC(1)리액트 입문(1)단편화(1)가상돔(1)tag(1)function(1)React.memo(1)선언형(1)cpu 수행단위(1)fp(1)함수형(1)virtual DOM(1)object(1)배열(1)비대칭키(1)실시간(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)

HTTP 버전별 특징

http 정리 예정

2022년 9월 19일
·
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개의 댓글
·
post-thumbnail

네트워크 정리1

본 포스팅은 널널한 개발자님의 네트워크 강의를 보고 정리한 내용입니다.우리가 사용하는 PC는 크게 3가지 구성으로 나눌 수 있습니다. 일반적인 어플리케이션이 동작하는 user레벨, 운영체제 등이 동작하는 kernal레벨, 그리고 H/W입니다.TCP/IP 와 같은 네트워

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

핵심 자료구조 정리

Array는 연관된 data를 메모리상에 연속적이며 순차적으로 미리 할당된 크기만큼 저장하는 자료구조입니다.Array는 Linked List와 비교되는 특징들이 있습니다.고정된 저장 공간 (fixed size)순차적인 데이터 저장Array는 lookup과 append가

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

React에 SOLID 적용하기

본 포스팅은 SOLID Principles in React를 보고 개인적으로 해석(발 번역)한 내용입니다.좋은 코드는 일반적으로 3가지의 특징이 잘 결합된 코드를 말합니다.Functional: The code comes together to create the desi

2022년 7월 28일
·
0개의 댓글
·

가상돔

가상돔은 렌더링 성능을 올릴 수 있는 대표적인 방법 중 하나입니다. 브라우저 렌더링에 대한 이해가 없는 경우 브라우저 렌더링 과정을 먼저 참고해주세요.브라우저는 크게 스타일 -> 레이아웃 -> 페인트 -> 합성 과정을 통해 렌더링을 진행합니다.이 렌더링은 DOM이 변경

2022년 7월 27일
·
2개의 댓글
·
post-thumbnail

이벤트 드리븐 프로그래밍

브라우저는 처리해야 할 특정 사건이 발생하면 리를 감지하여 이벤트를 발생(trigger)시킵니다. 예를 들어 클릭, 키보드 입력, 마우스 이동 등이 일어나면 브라우저는 이를 감지하여 특정 타입의 이벤트를 발생시키죠.애플리케이션이 특정 이벤트에 반응하여 어떤 일을 하고

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

함수

본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다.이번 장에서 살펴볼 주제는 다음과 같습니다.타입스크립트에서 함수를 선언하고 실행하는 다양한 방법시그니처 오버로딩다형적 함수다형적 타입 별칭자바스크립트에서 함수는 일급 객체입니다. 객체를 다루듯 함수를

2022년 7월 15일
·
2개의 댓글
·
post-thumbnail

타입의 모든 것 2

본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다.타입스크립트의 객체 타입은 객체의 형태를 정의합니다. 일반적인 객체 타입만으로는({}) 간단한 객체와(new) 복잡한 객체를 구분할 수 없습니다.이는 자바스크립트가 구조 기반 타입(structural

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

타입의 모든 것

본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다. 타입 - 값과 이 값으로 할 수 있는 일의 집합 위 설명의 예시를 살펴보겠습니다. Boolean 타입은 모든 불(true or false)과 불에 수행할 수 있는 모든 연산(||, &&, ! 등)

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

타입스크립트: 3000m 상공에서 내려다보기

본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다.컴파일러프로그래머가 작성한 텍스트는 컴파일러라는 특별한 프로그램이 파싱하여 추상 문법 트리(abstract syntax tree, AST)라는 자료구조로 변환합니다.그리고 컴파일러는 AST를 다시 by

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

타입스크립트 소개

본 포스팅은 "타입스크립트 프로그래밍" 책을 읽고 정리한 내용입니다.타입스크립트 란?타입스크립트는 자바스크립트에 타입 안정성을 더해주는 슈퍼셋 언어입니다. 차세대 웹 앱, 모바일 앱, node, 사물 인터넷 기기를 뒷받침 할 언어이기도 합니다.타입스크립트의 장점개발단계

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