profile
FrontEnd Developer
post-thumbnail

[번역] 프런트엔드 단위 테스트 모범 사례

이 가이드에서는 프런트엔드 단위 테스트에 대한 몇 가지 일반적인 모범 사례를 제시합니다. 먼저 각 권장 사항의 이점과 근거를 간략하게 설명

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

[번역] Sentry.io 및 React를 사용한 프런트엔드 모니터링

이 글에서는 프런트엔드 모니터링이 무엇인지, 왜 중요한지, Sentry를 사용하여 모니터링을 시작하는 방법에 대해 자세히 설명 합니다.

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

[번역] 최신 npm 패키지를 만들기 위한 모범 사례

기술은 항상 변화하고 있고 여러분의 프로세스와 관행은 이러한 변화를 따라잡아야 합니다. npm이 출시된 지 12년이 되었지만, npm 패키지 생성에 대한 당신의 관행은 훨씬 더 현대적이기를 바랍니다. 여러분들의 관행이 약간 구식일 수 있다는 느낌이 든다면 계속 읽어주세

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

[번역] 타입스크립트 Typeof 연산자를 위한 5가지 유용한 트릭

원문: https://javascript.plainenglish.io/5-very-useful-tricks-for-thetypescript-typeof-operator-404c0d30cd5타입스크립트 마스터링 시리즈에 오신 것을 환영합니다. 이 시리즈는 애니메

2022년 9월 6일
·
1개의 댓글
·
post-thumbnail

(번역) React는 컴포넌트를 언제 다시 리렌더링 할까요?

여러분은 개발하시면서 렌더링 최적화에 대해 고민해 보신 적 있으신가요? 이 글에서는 리액트의 렌더링에 대한 주요 개념과 리렌더링이 발생하는 시점, 마지막으로 리렌더링을 최적화하는 방법에 대해 소개를 해주고 있습니다.

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

[Webpack 알아보기] #10 - Webpack 기본 개념 정리

Webpack의 기본 개념들을 알아보자!

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

바닐라로 상태 기반 렌더링 컴포넌트 만들기 5 - 코어 컴포넌트 사용해보기

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설

2022년 4월 25일
·
1개의 댓글
·
post-thumbnail

바닐라로 상태 기반 렌더링 컴포넌트 만들기 4 - 코어 컴포넌트 만들기

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설

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

바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설정하기 (feat. 보일러 플레이트)

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 실제 작업을 위한 환경 설정을 해보쟈! 기술 스택 🦾

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

바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까?

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 상태 기반 렌더링은 "어떻게" 할 수 있을까요? 🤔 HTML을 먼저 만들어두지 않고, 자바스크립트를 이용해서 렌더링 (**[SPA](https

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

바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까?

최근 React를 사용해보며 "바닐라로 구현해보면 어떨까?"라는 호기심 + 간단하게나마 원리를 파악해보고 싶다는 생각으로 바닐라 타입스크립트로 컴포넌트 만들기를 도전!!시작은 "왜" 상태 기반으로 렌더링을 하게 되었는지부터 고민해보는걸로..!jQuery로만 개발을 하던

2022년 4월 12일
·
2개의 댓글
·
post-thumbnail

재수강 없나요..? 프로그래머스 프론트엔드 데브코스 수강 후기

> 재수강 없나요..? 🥺 ## 나는 어떻게 버텼, 아니 어떻게 공부했었지? 🥵 과정은 생각했던 것만큼 빡쎘다.. 과정에서 얻을 수 있는게 많은 만큼 초반의 의지대로만 열심히 하는게 제일!! 정말! 중요했었던 것 같다. ### 1. 데브코스에만 집중하기 😌 (

2022년 1월 28일
·
6개의 댓글
·
post-thumbnail

프론트엔드 개발자 면접 전에 읽기 좋은 책추천! "기초부터 완성까지, 프런트엔드" 후기

< 요구 사항 분석 > - 정의 고객의 요구 사항을 분석해 어떠한 기능을 도입할지 기획하고 구체화하는 단계 - FE가 하는 일 개발 항목을 구체화하고 기술적 방향성 정하기 < 설계 > - 정의 구조적인 완성도를 위해 좀 더 세부적인 기술 검토, 개발 작업물들을 쌓는 단

2022년 1월 22일
·
14개의 댓글
·
post-thumbnail

구매자가 제안하는 중고거래 플랫폼! Offer 프로젝트 회고 (feat. React + Next.js)

Demo Github - Frontend GitHub - Backend 💸 기획 배경 국내 활발하게 운영되고 있는 중고거래 플랫폼이 많습니다. 하지만 많은 사람들이 자신이 판매하고 싶은 물품에 대한 적절한 가격을 모른 채, 상품을 등록하는 경우가 많습니다. 이러한

2022년 1월 14일
·
2개의 댓글
·
post-thumbnail

10일간의 바닐라 JS로 Notion 클론 코딩 프로젝트 회고 ( + Vuex, EventBus 따라해보기 )

해당 페이지의 내용으로 08월 29일 TIL의 내용 중 일부를 가져왔다.이 때는 이 전에 진행했던 투두리스트 정도의 스펙만 생각을 하고 CSS를 신경 쓰지 않고 기능 구현에만 초점을 두고 구현을 시작하였다!실제로 구현을 많이 했다고 했지만.. API 요청 부분 과 트

2021년 9월 16일
·
8개의 댓글
·
post-thumbnail

프로그래머스 데브코스 9월 1주차 회고 🥳 ( + notion 클로닝 프로젝트)

9월이 시작됐다!! 프로젝트로 시간이 멜팅되었다... 그래도 회고는 적어보자...무려 6시간이나 걸린 팀원들의 코드 리뷰..🧐이 달의 배움 기록 왕 선정!!!!! 🥳팀원들에게서 받은 사랑의 편지 🥰notion 클론 프로젝트 완성 😍이번주는 호기롭게 모든 팀원들의

2021년 9월 5일
·
6개의 댓글
·
post-thumbnail

프로그래머스 데브코스 4주차 회고 🔥 ( + 개발자 블로그 관리)

벌써 약 한달이 지났다.. 시간 왜이리 빨라..ㅠ\_ㅠ 이번주에도 다양한 일들이 많았는데 기억에 남는 일들을 키워드로 요약하자면..이 정도..?ㅎ (요약 X, 이번주 있었던 일 나열 O) 과제 구현로토님의 온라인 세션교육 매니저님의 진진거교육매니저님과의 면담아기다리고기

2021년 8월 27일
·
15개의 댓글
·
post-thumbnail

생성자 함수 vs 클래스 ⚖️

# 생성자 함수란? 🧐 ## 정의 📋 - 이름 그대로 객체(인스턴스)를 생성하는 함수 ## 특징 🙌 - 일반 함수와 동일한 방법으로 생성자 함수를 정의 - `new` 연산자와 함께 호출해야만 `생성자 함수`로 동작 - `new` 연산자 없이 호출하게 될 경우,

2021년 8월 23일
·
2개의 댓글
·
post-thumbnail

CSR 렌더링, SSR 렌더링 과정의 차이점에 대해 알아보자! ⚖️

오늘 데브코스에서 브라우저의 렌더링에 대한 좋은 질문 주제가 나왔다!질문에 대한 배경을 거쳐 위와 같은 질문이 나왔고, 결과적으로는 "렌더링"이라는 용어가 큰 혼란을 주어 생긴 질문이었다! 렌더링이 잘못했네..질문에 대한 궁금증은 해소되었지만, 해답을 얻는 과정에서 실

2021년 8월 23일
·
0개의 댓글
·
post-thumbnail

프로그래머스 데브코스 3주차 회고 🥔 ( feat. 2관왕, 파프리카tv 데뷔)

눈 감았다 뜨니 벌써 3주차다… 시간이 왜이리 바쁘게 흘러가는지,,지난주 시간에 쫓겨 놓쳤던 인동 강사님의 함수형 프로그래밍 버스는 겨우 쫓아가서 타자마자 내려졌다… 이제 이해했는데 끝난거냐고..이번주는 슬프면서도 너무 웃기고 재밌는 일이 많았는데 그 중에 하나로는 나

2021년 8월 21일
·
16개의 댓글
·