#

482개의 포스트
post-thumbnail

당신이 몰랐던 타입스크립트 18가지 이야기

책 '타입스크립트 프로그래밍'을 읽고 개인적으로 메모해둔 것들을 기록했습니다. 아마 여러분도 몰랐던 내용이 1개 정도는 있지 않을까요?

2일 전
·
0개의 댓글
·

코딩을 지탱하는 기술

7일 전
·
0개의 댓글
·
post-thumbnail

모두의 네트워크 1회독 완료

저는 공부를 하기싫을때면 모두의 네트워크라는 책을 읽었습니다. 그래서 생각보다 빠르게 1회독을 할 수 있었습니다.

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

처리율 제한기 스켈레톤 코드

실제 구현에 들어가기 앞서 뼈대를 먼저 만들었다. 코드 도메인 스레드 이슈를 테스트하기 위한 오브젝트다. 참고로 synchronized 를 블록 내부에만 설정하면, 블록 내부에만 동기화가 일어난다. 서비스 컨트롤러 post와 get 요청 모두, 상황에 따른

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

처리율 제한기 설계

가상 면접 사례로 배우는 대규모 시스템 설계 기초의 제 4장에 있는 처리율 제한기 토이 프로젝트를 만들어 보기로 했다.정상요청일 경우, status code 200 (ok)로 응답한다.너무 많은 요청일 경우, status code 429 (too many request

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

[책] 모던 자바스크립트 Deep Dive #1

변수 호이스팅자바스크립트 엔진은 변수 선언(선언과 초기화)이 소스코드의 어디에 있든 상관 없이 다른 코드보다 먼저 실행함. 이처럼 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크림트 고유의 특징을 변수 호이스팅 이라고 함.언매니지드 언어(Unmanag

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

도시는 무엇으로 사는가

건출물과 도시를 바라보는 자신만의 시각을 가졌으면 하는 바람으로 높은 이벤트 밀도의 거리는 보행자에게 권력을 이양한다. 거리는 걷는다는 것은 보행자 입장에서 그의 세상을 구성한다는 것이다.우리는 매일 눈을 뜨고, 일어나고, 먹고, 걷고, 이야기하고, 일하고, 쉬면서 자

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

객체지향의 사실과 오해 / 메시지와 역할, 책임, 협력

이 책은 객체지향이란 무엇인지에 관해 이야기한다.객체지향을 설명할 때 현실세계의 모방으로 설명하는 경우가 많은데 사실 새로운 세계를 창조하는 것이라 보는게 맞다.그럼에도 여전히 현실세계의 모방이란 설명이 많은 이유는 학습하고 이해하는데 효과적이기 때문이다.현실세계를 빗

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

[리액트를 다루는 기술] useCallback과 react-virtualized의 List 이용하여 최적화

TodoList.js TodoListItem.js TodoListItem.scss react-virtualized 사용 이유 현재 컴포넌트에서 첫 렌덩링 때 2500개 컴포넌트 중 대부분은 스크롤 하기 전에 보이지 않는데 렌더링 일어남(비효율) todos에 변동이

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

[리액트를 다루는 기술] React.memo로 최적화 할 때 주의점

React.memo를 해줄 땐 리스트 아이템과 리스트 모두 적용해야 함(TodolistItem.js는 이미 적용함)리스트가 100개를 넘어가거나 업데이트가 자주 일어나지 않는다면 필수는 아님

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

테스트 주도 개발

테스트 주도 개발, 켄트 백

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

[Clean Code] 의미 있는 이름

이름짓기 참 쉬웠다!😎

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

[리액트를 다루는 기술] React.memo와 함수형 setState를 이용해 의존성은 없애고 성능은 향상시키기

2500개의 데이터인 todos에 변화가 생기면 전체가 리렌더링 되어 성능저하'할 일 0' 체크하는데 한국인이라면 못 참을 렉이 걸림렌더링 시간도 50m는 뛰어갈 수 있는 328.7ms나 걸림그 이유는 '할 일 0'만 체크했는데 전체가 리렌더링 되기 때문. 의리 미쳤네

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

[리액트를 다루는 기술] onToggle 함수를 이용하여 TodoList checkbox 관리

App.js에서 id와 일치하는 todo를 찾아 {...todo, checked: true} 변경일치하지 않는 todo는 그대로 두기

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

[리액트를 다루는 기술] TodoList filter를 이용해 삭제

onClick={() => onRemove(id)}에서 onRemove 매개변수 여부에 따라onClick={onRemove}: 매개변수 없을 때onClick={() => onRemove(매개변수)}: 매개변수 있을 때

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

[리액트를 다루는 기술] TodoInsert에 props로 전달하는 함수는 useCallback & 렌더링 필요 없는 nextId는 useRef로 처리

nextId는 useState가 아닌 useRef로 관리nextId는 렌더링 되는 정보가 아님예를 들어 화면에 보이지도 않고, 바뀐다고 해서 컴포넌트가 리렌더링 될 필요 없음(참조값)useRef 값은 .current 붙여주기onInsert 함수는 useCallback으

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

[리액트를 다루는 기술] todoList와 items를 svg와 & 활용하여 scss 다루기

min-height와 max-height로 최소 최대 높이 지정overflow-y: auto로 513px 넘어가면 스크롤바 생성flex의 align-items: center로 중앙 정렬&:nth-child()의 매개변수로 원하는 숫자나 식을 넣으면 해당 값에만 css

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

[리액트를 다루는 기술] TodoInsert의 input&button 초기화 및 placeholder 디자인

리액트에서 아이콘을 자유롭게 사용npm 설치 후 원하는 아이콘 import하여 태그에 적용홈페이지 주소(https://react-icons.github.io/react-iconsborder는 기본 테두리 / outline은 focus시 테두리&::placeho

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

[도서 리뷰] DEEP WORK, 딥 워크

딥 워크 : 인지능력을 한계까지 밀어붙이는 완전한 집중의 상태에서 수행하는 직업적 활동. 딥 워크는 새로운 가치를 창출하고, 능력을 향상시키며, 따라하기 어렵다.

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

요청 그만 받기, Rate Limiter - 대규모 시스템 설계 기초 4장

4장. 처리율 제한 장치의 목적, 활용, 설계 고려사항, 알고리즘

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