전역상태와 합성컴포넌트로 모달관리하기
도입 배경
Tag
- front-end 13
- WEB 11
- React 5
- TS 4
- 리액트 4
- 웹 3
- 타입스크립트 3
- HTTP 2
- interface 2
- 인터페이스 2
- TypeScript 2
- type 2
- useCallback 2
- 모달 2
- Electron 2
- 일렉트론 2
- 멀티플랫폼 2
- 데스크탑 앱 2
- 문제 해결 2
- 개발자 2
- AI 2
- request 1
- response 1
- class 1
- web 1
- Node 1
- Node.js 1
- npm 1
- 환경변수 1
- env 1
- 제네릭 1
- generic 1
- html2canvas 1
- useRef 1
- 웹화면캡쳐 1
- 행사 1
- 행사주관 1
- 회고록 1
- 멋사 1
- 네트워킹 1
- 멋쟁이사자처럼 1
- .ts 1
- .tsx 1
- 파일 확장자 1
- 모듈 1
- 독립성 1
- 리팩토링 1
- record type 1
- index signature 1
- type narrowing 1
- JavaScript 1
- JS 1
- 변수 1
- 메모리 1
- 깊은 복사 1
- 얕은 복사 1
- HTTPS 1
- Vite 1
- SSL 1
- config 1
- cert 1
- useEffect 1
- 무한렌더링 1
- the dependencies of useEffect Hook change on every render. 1
- 클로저 1
- 리렌더링 1
- 익명함수 1
- 기명함수 1
- 함수 넘기기 1
- 함수 전달 1
- memo 1
- 전역상태 1
- 합성컴포넌트 1
- funnel 1
- 단계 전환 1
- 전환 1
- step 1
- Code Rabbit 1
- PR 1
- 코드 리뷰 1
- 코드 래빗 1
- Pull Request 1
- 자동 업데이트 1
- R2 1
- React 앱 1
- TainAI 1
- 인턴십 1
- 프로덕트 사고 1
- Mixpanel 1
- 믹스패널 1
- 데이터 분석 1
- 리텐션 1
- retention 1
- cohort 1
- 코호트 1
front-end
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
JS의 변수와 메모리
변수
트러블슈팅) index signature와 Record type
index signature와 Record type
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
TypeScript와 Type
타입스크립트(TypeScript)란?
Node.js 이모저모
Node란?
TypeScript 추상클래스와 인터페이스
추상클래스
HTTP 통신
http 통신, request와 response의 개념
웹이 뭔데?
‘웹’이 뭔데?
WEB
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
JS의 변수와 메모리
변수
트러블슈팅) index signature와 Record type
index signature와 Record type
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
TypeScript와 Type
타입스크립트(TypeScript)란?
HTTP 통신
http 통신, request와 response의 개념
웹이 뭔데?
‘웹’이 뭔데?
React
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
TS
트러블슈팅) index signature와 Record type
index signature와 Record type
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
TypeScript와 Type
타입스크립트(TypeScript)란?
TypeScript 추상클래스와 인터페이스
추상클래스
리액트
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
웹
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
HTTP 통신
http 통신, request와 response의 개념
웹이 뭔데?
‘웹’이 뭔데?
타입스크립트
트러블슈팅) index signature와 Record type
index signature와 Record type
TypeScript와 Type
타입스크립트(TypeScript)란?
TypeScript 추상클래스와 인터페이스
추상클래스
HTTP
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
HTTP 통신
http 통신, request와 response의 개념
interface
TypeScript와 Type
타입스크립트(TypeScript)란?
TypeScript 추상클래스와 인터페이스
추상클래스
인터페이스
TypeScript와 Type
타입스크립트(TypeScript)란?
TypeScript 추상클래스와 인터페이스
추상클래스
TypeScript
트러블슈팅) index signature와 Record type
index signature와 Record type
TypeScript와 Type
타입스크립트(TypeScript)란?
type
트러블슈팅) index signature와 Record type
index signature와 Record type
TypeScript와 Type
타입스크립트(TypeScript)란?
useCallback
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
모달
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
Electron
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
일렉트론
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
멀티플랫폼
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
데스크탑 앱
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
문제 해결
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
개발자
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
AI
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
request
HTTP 통신
http 통신, request와 response의 개념
response
HTTP 통신
http 통신, request와 response의 개념
class
TypeScript 추상클래스와 인터페이스
추상클래스
web
Node.js 이모저모
Node란?
Node
Node.js 이모저모
Node란?
Node.js
Node.js 이모저모
Node란?
npm
Node.js 이모저모
Node란?
환경변수
Node.js 이모저모
Node란?
env
Node.js 이모저모
Node란?
제네릭
TypeScript와 Type
타입스크립트(TypeScript)란?
generic
TypeScript와 Type
타입스크립트(TypeScript)란?
html2canvas
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
useRef
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
웹화면캡쳐
html2canvas 웹화면캡쳐와 useRef 기본
html2canvas를 사용한 웹 화면 캡쳐하기
행사
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
행사주관
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
회고록
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
멋사
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
네트워킹
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
멋쟁이사자처럼
멋사 네트워킹 행사 주관 회고록
🦁멋쟁이사자처럼 운영진 네트워킹 행사 주관 회고록
.ts
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
.tsx
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
파일 확장자
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
모듈
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
독립성
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
리팩토링
.ts .tsx 파일 확장자와 모듈의 독립성
.ts 와 .tsx 차이 그리고 모듈의 독립성
record type
트러블슈팅) index signature와 Record type
index signature와 Record type
index signature
트러블슈팅) index signature와 Record type
index signature와 Record type
type narrowing
트러블슈팅) index signature와 Record type
index signature와 Record type
JavaScript
JS의 변수와 메모리
변수
JS
JS의 변수와 메모리
변수
변수
JS의 변수와 메모리
변수
메모리
JS의 변수와 메모리
변수
깊은 복사
JS의 변수와 메모리
변수
얕은 복사
JS의 변수와 메모리
변수
HTTPS
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
Vite
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
SSL
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
config
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
cert
Vite, SSL, 로컬에서 https 사용하기 레츠고
Vite, SSL, 로컬에서 https 사용하기 레츠고 🏃♀️
useEffect
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
무한렌더링
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
the dependencies of useEffect Hook change on every render.
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
클로저
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
리렌더링
트러블슈팅) useEffect와 useCallback 그리고 무한 렌더링 파헤치기
useEffect의 동작 원리
익명함수
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
기명함수
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
함수 넘기기
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
함수 전달
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
memo
익명함수와 기명함수 넘기기
📝 고민을 하게 된 계기
전역상태
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
합성컴포넌트
전역상태와 합성컴포넌트로 모달관리하기
도입 배경
funnel
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
단계 전환
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
전환
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
step
복잡한 모달 전환을 Funnel 구조로 개선하기
본 게시물에서 등장하는 ‘길드’ 키워드는 실제 디스코드의 ‘서버’와 동일한 개념입니다. 개발시 백엔드 팀원들의 혼선을 방지하고자 길드(Guild) 로 사용중임을 감안해주시면 감사하겠습니다 :)
Code Rabbit
Back to top ↑PR
Back to top ↑코드 리뷰
Back to top ↑코드 래빗
Back to top ↑Pull Request
Back to top ↑자동 업데이트
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
R2
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
React 앱
CI/CD를 통한 Electron 자동 업데이트(feat. Cloudflare R2) - macOS 기준
서론: 목표와 전체 아키텍처
TainAI
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
인턴십
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
프로덕트 사고
구현을 넘어 문제 해결로: AI 시대에 ‘살아남는’ 개발자가 되는 법(feat. TainAI 인턴십 후기)
들어가며: 진화하는 개발자의 모습
Mixpanel
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
믹스패널
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
데이터 분석
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
리텐션
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
retention
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
cohort
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)
코호트
믹스패널로 유저 플로우 따라가기: 개발자의 시선으로 바라본 데이터 분석
데이터 분석의 필요성 (혹은 유저 데이터 분석 필요성)