heelieben (pigme)

🎨그림을 좋아하는 FE 개발자👩🏻‍💻

태그 목록

전체보기 (60)JavaScript(18)자바스크립트(16)알고리즘(7)React(7)프로젝트(3)meme(3)nextjs(3)자바스크립트 완벽가이드(3)프론트엔드(3)리액트(3)오류(2)밈(2)2장(2)짤(2)aos(2)타입스크립트(2)algorithm(2)DFS(2)이펙티브 타입스크립트(2)비동기(2)미니 프로젝트(2)그래프(2)FE(2)socket.io(2)이펙티브(1)노마드코더(1)정규표현식(1)선언형(1)웹 접근성(1)undefined(1)서비스 워커(1)기억못함(1)cors(1)회고(1)front end(1)web(1)스켈레톤 UI(1)번역(1)웹바이탈(1)promise(1)추상화(1)figma(1)리페인트(1)동기(1)interaction to next paint(1)currentColor(1)URI(1)Web vitals(1)백트레킹(1)올바른 원본 경로/URL이 아닙니다(1)외부 이미지(1)referer(1)403(1)앱 캐싱(1)브라우저 렌더링(1)상태(1)0 바이트(1)웹 뷰(1)스켈레톤(1)sourcetree(1)이미지(1)프로미스(1)플로이드-와샬(1)카카오(1)파일 에러(1)함수형 프로그래밍(1)소수찾기(1)컴포넌트(1)whiteboard(1)브라우저(1)개발밈(1)응집도(1)url(1)color(1)sourcetree 오류(1)N Queens(1)permission denied(1)floyd-warshall(1)웹과 네트워크(1)pre-rendering(1)useRouter(1)어휘구조(1)CLS(1)playwright(1)콜백 함수(1)타입시스템(1)이분탐색(1)union and find(1)동시 편집(1)개발진스(1)webview(1)useState(1)referrer-policy(1)안드로이드(1)함수선언문(1)FCM(1)개발짤(1)컴포넌트 동적으로 가져오기(1)useInfiniteQuery(1)oauth2(1)img(1)후기(1)백엔드 서버(1)isReady(1)0 바이트 파일(1)네트워크(1)클래스형 컴포넌트(1)파일 업로드 에러(1)Real-Time(1)콜백 지옥(1)가비지 컬렉터(1)Service Worker(1)함수리터럴(1)에라토스테네스의 체(1)실시간채팅(1)화이트보드(1)google oauth2(1)setState 비동기(1)공식문서(1)scroll(1)iOS(1)multi user(1)소켓(1)CLEAN CODE(1)클린코드(1)프론트 서버(1)스벨트(1)BFS(1)이슈(1)react-query(1)local storage(1)useInView(1)useRef(1)함수(1)CSS(1)리플로우(1)html(1)인턴(1)webvital(1)무한 스크롤(1)버튼(1)리렌더링(1)웹 브라우저(1)1장(1)Backtraking(1)CSR(1)SSR(1)학점연계(1)localstorage(1)에러(1)issue(1)게임(1)bitbucket(1)ssh 키(1)infinite scroll(1)regexp(1)로컬 스토리지(1)카카오엔터프라이즈(1)웹푸시(1)책정리(1)referrer(1)notification(1)setState(1)실행 컨텍스트(1)이미지 동적으로 가져오기(1)icon(1)seo(1)Binary Search(1)합격(1)operational transformation(1)ssg(1)이미지 최적화(1)아토믹 디자인(1)atomic design(1)svg(1)web push(1)CRDT(1)params(1)react intersection observer(1)e2e(1)13장(1)Stroke(1)피그마(1)웹뷰(1)INP(1)reflow(1)OT(1)웹 바이탈(1)리렌더링 안됨(1)웹 표준(1)단일책임(1)Spring(1)스크롤(1)합집합 찾기(1)no-referrer(1)pwa(1)WAI-ARIA(1)svelte(1)sop(1)test(1)canvas(1)

(님들이) 만들어쓰는 개발진스

개발진스 짤 만들어달라는 요청이 많은데...귀찮다... 자동화하자!!

6일 전

21개의 댓글

~개발진스 짤 데려가세요2~

그림쟁이 주니어 개발자가 그린 뉴진스 패러디 개발진스 짤 입니다.저장하시고 마음대로 사용하셔도 됩니다. (상업용은 안됨)많은 관심 감사합니다. 🥹❤️개발진스 1탄인스타그램도 운영하고 있습니다. 놀러와주세요 ㅎㅎ인스타툰 링크: @dev_hee

meme 밈 짤

7일 전

17개의 댓글

~개발진스 짤 데려가세요~

그림쟁이 주니어 개발자가 그린 뉴진스 패러디 개발진스 짤 입니다.

meme 밈 짤

2023년 3월 16일

71개의 댓글

242

이펙티브 타입스크립트 | 6장 타입 선언과 @types

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.

2023년 2월 20일

0개의 댓글

이펙티브 타입스크립트 | 5장 any 다루기

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.문맥상 x라는 변수가 동시에 Foo, Bar 타입에 할당 가능하다면 오류를 제거하는 방법은 두 가지다.badgoodx as any 형태가 더 낫다. any 타입이 processBar 함수의 매개변수에서

2023년 2월 9일

0개의 댓글

E2E 테스트 : Playwright

프론트엔드에서 Playwright 를 사용해서 E2E 테스트를 해봅시다!

FE e2e playwright test

2023년 2월 8일

0개의 댓글

이펙티브 타입스크립트 | 4장 타입 설계

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.아이템 30 문서에 타입 정보를 쓰지 않기

이펙티브 타입스크립트

2023년 1월 26일

0개의 댓글

파일 업로드 에러: 0 바이트 파일을 다루는 법

CRDT 서비스에서 파일을 첨부해서 게시물을 작성하는 경우 게시물이 정상적으로 업로드 되지 않는 버그가 발생했다.서버측에게 api 로그중 에러가 발생한 경우가 있는지 확인해달라고 요청하였다.확인 결과 0 바이트 파일 업로드를 시도하여 에러가 발생하였다.0 바이트 파일은

0 바이트 0 바이트 파일 파일 업로드 에러 파일 에러

2023년 1월 25일

0개의 댓글

🍒 체리보드: 화이트보드 프로젝트 회고

체리보드는 화이트보드 툴로, 피그잼처럼 여러 유저들이 모여서 자유롭게 드로잉하고 소통할 수 있어요. UI는 최대한 귀엽고 아기자기하게 가져가고 싶었어요! 이모티콘을 도장처럼 찍을 수도 있고 텍스트를 입력하거나 사진을 올릴 수 있습니다. 또한 현재 캔버스를 이미지 파일로

canvas whiteboard 프로젝트 화이트보드 회고

2023년 1월 4일

9개의 댓글

실시간 동시 편집 : OT 와 CRDT

Google Docs나 Figma, VSCode 의 LiveShare 등은 온라인에서 하나의 문서를 동시에 편집할 수 있고, 실시간으로 여러 유저의 편집 내용이 각자 편집 화면에 바로 반영됩니다. 이렇듯 실시간 동시 편집 기술을 제공하는 여러 서비스들이 많아지고 있습니

CRDT OT Real-Time figma multi user operational transformation 동시 편집 피그마

2023년 1월 1일

0개의 댓글

Web Vitals | Interaction to Next Paint (INP) 번역

본 문은 Jeremy Wagner가 작성한 Interaction to Next Paint (INP) 을 번역한 글입니다.

INP Web vitals interaction to next paint 번역 웹 바이탈

2022년 12월 13일

0개의 댓글

Web Push | React + FCM 구현하기 (feat. pwa, service worker)

웹에서도 네이티브 앱처럼 푸시 알람을 받을 수 있습니다. 웹의 사용성을 네이티브 앱처럼 개선하기 위해서 나온 기술인 PWA(Progressive Web Application)을 활용하면 가능합니다.PWA는 Progressive Web Application으로, 웹이 웹

FCM React Service Worker notification pwa web push 서비스 워커 웹푸시

2022년 12월 2일

1개의 댓글

~개발 공감 짤 구경하고 가세요~

그림쟁이 주니어 개발자가 그린 개발 공감 짤 입니다. 저장하시고 마음대로 사용하셔도 됩니다. (상업용은 안됨)

meme 개발밈 개발짤

2022년 8월 26일

8개의 댓글

카카오엔터프라이즈 합격 후기

ICT 4개월 인턴십 과정이 끝이 났습니다. 너무 감사하게도 팀장님께서 정규직 전환을 제안해주셨지만, 더 많은 경험을 위해서 아쉽게 거절하게 되었습니다.그러던 와중 지인분께서 카카오워크 부문 상시 채용 공고를 공유해주셔서 지원하게 되었습니다.사실 처음 지원서를 작성할

카카오 카카오엔터프라이즈 합격 후기

2022년 8월 23일

1개의 댓글

이펙티브 타입스크립트 | 3장 타입추론

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.타입스크립트의 많은 타입 구문은 사실 불필요하다. 코드의 모든 변수에 타입을 선언하는 것은 비생산적이며 형편없는 스타일이다.타입 스크립트는 입력을 받아 연산하는 함수가 어떤 타입을 반환하는지 정확히 알

2022년 8월 19일

0개의 댓글

실무에서 바로 쓰는 Frontend Clean Code 정리

본문은 토스 SLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code 영상을 보고 정리한 글입니다. 모든 내용은 해당 영상에 포함되어 있습니다.클린코드는 '명확한 이름', '중복 줄이기'와 섬세하게 코드를 정리하는 스킬을 요구합니다.지뢰코드는 흐름 파

CLEAN CODE 단일책임 응집도 추상화 컴포넌트 클린코드 함수

2022년 8월 11일

0개의 댓글

이펙티브 타입스크립트 | 2장 타입스크립트의 타입시스템

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.편집기에서 타입스크립트 언어 서비스를 적극 활용한다.편집기를 사용하면 어떻게 타입 시스템이 동작하는지, 타입을 어떻게 추론하는지 개념을 잡을 수 있다.타입스크립트가 동작을 어떻게 모델링하는지 알기 위해

2장 이펙티브 타입스크립트 타입스크립트 타입시스템

2022년 7월 26일

0개의 댓글

이펙티브 타입스크립트 | 1장 타입스크립트 알아보기

본 문은 이펙티브 타입스크립트를 읽고 알게된 내용을 정리한 글입니다.타입스크립트는 자바스크립트의 상위 집합(superset)이다.타입스크립트는 타입이 정의된 자바스크립트의 상위집합이다..js 파일에 있는 코드는 이미 타입스크립트이다.즉 main.js 를 main.ts

1장 이펙티브 타입스크립트

2022년 7월 25일

0개의 댓글

자바스크립트 완벽가이드 | 15장 웹 브라우저의 자바스크립트

본 문은 자바스크립트 완벽가이드를 읽으며 몰랐던 부분을 정리한 글입니다.클라이언트 사이드 (FrontEnd)웹 브라우저에서 실행하도록 작성된 자바스크립트서버 사이드 (BackEnd)웹 서버에서 실행되는 자바스크립트사이드웹 서버와 웹 브라우저 사이에 있는 네트워크 연결의

웹 브라우저 자바스크립트 완벽가이드

2022년 7월 19일

0개의 댓글

자바스크립트 완벽가이드 | 13장 비동기 자바스크립트

비동기적으로 동작한다= 데이터가 들어오거나, 어떤 이벤트가 일어날 때 까지 계산을 멈추고 대기하는 일이 잦다.웹 브라우저의 자바스크립트 프로그램은 이벤트 주도적이다.프로그램이 실제로 무엇인가 실행하기 전에 사용자가 무언가 클릭하고 탭하여 이벤트를 발생시켜야한다.자바스크

13장 promise 동기 비동기 자바스크립트 자바스크립트 완벽가이드 프로미스

2022년 6월 26일

0개의 댓글