love steady

Written by@albur
꾸준히 나아가자

GitHub

[우테코][팀프로젝트]성능 최적화 여행기(1) - 성능 측정

우아한 테크 코스라는 교육에 참여하여 백엔드와 프론트엔드 과정 교육생들끼리 프로젝트를 진행했었다.모임을 편하게 진행할 수 있도록 도와주는 서비스인 모락을 개발하면서 성능 최적화를 진행했던 경험을 공유하려고 한다. 이번 포스팅은 특별히 시리즈로 구성해보았다. 여행기라는 제목을 지은 이유 하나의 포스팅에 모든 내용을 담기에는 가독성이 떨어질 것 같아 여러 개…

[typescript] interface vs type alias

what is the difference between interface and type alias? typescript를 공부해본 사람이라면 위의 키워드를 사용해서 구글링을 해본 적이 있을 것이다. (최소한, 나는 그렇다…🙄) 실제로, 아래와 같이 단순히 와 의 차이가 무엇인지에 대해 물어보는 전세계 개발자들을 찾을 수 있다. 이런 질문들을 할 수밖에…

HTTP(HypterText Transfer Protocol)

오늘은 HTTP에 대해서 알아보려고 한다. HTTP라는 단어는 웹 개발을 하면서 많이 듣게 되지만, 사실 설명해보라고 한다면 명확이 어떤 것이다라고는 못할 것이다. 이번 포스팅을 통해서 HTTP에 대해서 처음부터 끝까지 탐구해보면서 정확히 HTTP가 무엇인지 알아보자😀 HTTP 정의 먼저, HTTP의 정의를 살펴보고자 한다. 아래는, MDN 공식 문서에서…

callback

여기서, callback이란 콜백 함수를 나타낸다. callback function(콜백 함수)? 자바스크립트 엔진은 코드를 위에서 아래로 실행한다. 실행하는 과정은 평가와 실행 단계로 세분화할 수 있다. 1-1. makeSomething이라는 함수가 실행 컨텍스트에 함수 객체로 저장된다.(실행 컨텍스트에 대해서는 추후에 포스팅하려고한다.) 1-2. do…

rendering을 차단하는 리소스는 무엇일까

rendering을 차단하는 리소스를 알아보고 이를 해결하는 방법을 이해하기 위해서 먼저, rendering에 대해서 자세히 알아보려한다. rendering이란? rendering이라는 단어는 문맥에 따라 다양한 의미로 해석될 수 있다. 예를 들어, 브라우저에서의 rendering, 리액트에서의 rendering등 웹 개발 세상에서는 다양한 곳에서 ren…

[우테코]팀 프로젝트가 나에게 남긴 것

지금은 스프린트3이 끝나고 스프린트4를 앞두고 있다. 스프린트1로 시작해 스프린트2와 스프린트3을 거쳐 스프린트4까지 내 자신이 어떻게 변화해왔는지를 기록해보려고 한다. 팀 프로젝트를 앞두고 솔직히 걱정을 많이 했었다. 모난 크루와 같은 팀이 되지는 않을까? 내가 그 모난 크루들 중의 한 명일 수도 있지 않을까? 라는 생각과 더불어 비슷한 목표를 가진 …

CORS(cross-origin-resource-sharing)

웹 개발을 하다보면, , 와 같이 라는 것이 정말 많이 언급된다. 오늘은, CORS에 대해서 탐구해볼 예정이다. 요약 CORS가 무엇인지 알 수 있다. CORS가 왜 등장하게 되었는 지 알 수 있다. sop가 무엇인지 알 수 있다. CORS가 어떻게 동작하는 지 알 수 있다. simple request에 대해서 알 수 있다. preflighted re…

[우테코]우테코에서 찾은 나만의 효과적인 공부법✌

학습 전환 공부법을 터득하다😀 BeforeWooteco 기존에는 공부할 것을 정하면 그것을 다 완료할 때까지 그 공부를 계속했었다. 집중이 잘 되지 않고 하고 싶지 않더라도 시작했으니 억지로라도 끝마치려고 노력했다. 예를 들어, 기술 블로그를 읽는 것을 목표로 시작했다면 글이 잘 읽히지 않더라도 계속 붙자고 억지로 읽었었다. InWooteco 하지만, 우…

import 자동 정렬 (여러분의 import문 안녕하신가요?)

글을 작성하게 된 배경 미션을 진행하면서 항상 느끼는 것이 수많은 import문을 매번 수작업으로 정리하는데 시간이 너무 많이 걸린다는 것이었습니다. import문을 정렬하지 않고 개발을 진행한다면 아래처럼 될 겁니다. 또한, 미션에서 정한 자기만의 import문 정렬에 대한 컨벤션이 있다면, 해당 컨벤션을 지켜가면서, 또 까먹으면 이전에 만들었던 컴포넌…

[우테코] level2 - 리액트 장바구니 미션 회고

리액트 페이먼츠 미션 이후에 장바구니를 구현하는 미션을 진행하였다. 컴포넌트를 잘게 나눠보다  이번 미션에서는 storybook을 적극적으로 활용해보았다. (무려, 100%에 버금가는 storybook coverage를 자랑했었다.) 최대한 페어와 bottom-up으로 개발을 진행해보자!라고 해서 시작된 것이었다. bottom-up으로 해보게 된 이유는 …