@hannal.bsky.social
async def logging(self, tz=“Asia/Seoul”): “””Kay aka Hannal. Software engineer.”””
useEffect 훅은 크게 네 가지 부수효과 상황에 쓰입니다.
1. 네트워크로 데이터 가져오기 (data fetching)
2. HTML DOM 조작
3. 외부 자원의 사용과 해제 (구독과 해제)
4. 타이머 관리
컴포넌트 상태 관리만으로도 복잡해지기 일쑤인데, 부수효과까지 늘면 구현하기 까다로워집니다. 부수효과를 일으키는 조건이 상태 변화이고, 이를 useEffect는 의존성 배열에서 다루는데, 상태가 변화하면 리렌더링이 이뤄지거든요. UI 프로그래밍이 어렵다고 말하게 만드는 요인 중 하나입니다.
리액트 컴포넌트는 멱등성을 지향하지만, 실제로는 보장하지 못하는 상황에 많이 노출됩니다. 컴포넌트의 상태가 외부 요인으로 변할 수 있는 것인데, 이를 부수효과/작용이라고 합니다.
useEffect 훅은 리액트 컴포넌트에서 부수효과를 다루는 데 사용합니다.
maily.so/puddingcamp/...
얼마 전에 푸딩캠프에서 백엔드 테스팅을 주제로 특강을 했는데요. 이번엔 프론트엔드 테스팅을 주제입니다.
테스트 코드를 작성하며 리액트와 Vitest로 캘린더를 구현합니다.
12월 3일, 20:30부터 2시간 동안 진행하며, 아래 URL에서 참가 신청하고, 환경 구성해오시면 됩니다.
puddingcamp.com/meetups/fe-t...
푸딩캠프는 코드 베이스를 크게 두 차례 갈아엎었다. 세 번째 버전인 현재는 앞선 두 버전이 통합된 구조인데, 마트료시카 인형처럼 버전을 거듭할수록 코드는 줄었다.
피봇이 단지 방향 전환이 아닌 고객에게 선택되지 않은 걸 과감히 잘라내는 변화이기 때문이다.
yozm.wishket.com/magazine/det...
리액트를 쓰면 일상처럼 사용하는 훅이 useState() 입니다. 함수 컴포넌트는 결국 함수인데, 함수에서 상태를 유지하고 함수의 멱등성을 제공하는 역할을 하지요.
maily.so/puddingcamp/...
리액트가 비동기로 상태를 처리와 리렌더링을 처리하는 특성에서 야기하는 useState()의 특성이 있습니다. 베일아웃은 불필요한 리렌더링을 방지하는데, 자바스크립트가 객체 참조 타입으로 다루어서 리렌더링이 되지 않는 실수를 입문자들이 하곤 합니다.
자세한 건 첨부 링크를 봐주세요.
Perplexity한테 노래 You're the voice의 번역을 시켰는데, 번역 노트가 마음에 든다.
번역 노트
- You're the voice는 직역하면 "당신이 목소리입니다"이지만, "당신이 목소리야"로 번역했습니다.
- Make a noise는 문자 그대로 "소음을 내라"는 뜻이지만, 여기서는 "소리 내고"로 번역하여 의견을 표현하라는 의미를 전달했습니다.
www.perplexity.ai/search/daeum...
먹는 약의 부작용 첫 번째는 식욕을 떨어뜨리는 것.
두 번째 부작용은 하나는 늦은 시각에 식욕이 돌아오는 것.
아, 정말 괴롭다.
귤이나 까먹자...
역시 캐번디시 앤 하비는 짱이야
19.11.2024 09:52 — 👍 0 🔁 0 💬 0 📌 0
슬슬 블루스카이를 쓰는 기념으로, 연재 중인 리액트 입문하기의 이번 컨텐츠를 소개합니다.
리액트는 컴포넌트의 상태가 변하면 렌더링합니다. 하지만 아직 화면에 그리진 않습니다. 잠시 후, 잠시라고 하기엔 우리가 거의 인지하지 못할 정도로 짧은 시간이 지난 후에 비로소 바뀐 상태에 맞춰 그리는데, 이를 페인팅이라 합니다.
리액트는 렌더링이나 리-렌더링 처리를 할 때마다 페인팅을 하진 않고, 렌더링 정보를 모았다가 일괄 처리하며, 이 과정은 비동기(Asynchronous)로 처리되지요.
maily.so/puddingcamp/...
삽질하느라 좀처럼 진도가 안 나가는 것 같았는데, 오늘 문제 싹 처리하고 보니 어찌저찌 목표 프로젝트에 이르렀구나 싶다. 내 생각을 담아 얼른 잘 만들어보자~!
10.11.2023 12:19 — 👍 0 🔁 0 💬 0 📌 02주 정도 쉬고 있는데 한 두 달 더 쉬고 싶다. 꿀맛이었는데 이제 꿀벌이 될 시간. 몸 풀며 추석을 쇠고나서 본격 달려봅세.
(pg 신청용 껍데기 웹사이트 만들기 귀찮아라...)
m2 max에서 mps로 디바이스 지정해서 파이토치 돌리는데 가을밤 감성 탓인지 웬지 서럽다. ㅜㅜ
cpu 보다야 두 배는 빠르지만 그래도 여전히 걸음이 느린 아이로다. ㅜㅜ
얼른 돈 벌어서 로컬 cuda 장비 마련할테다. 부들부들.
내향인 플로 늘 넘 웃겨… 진짜 내향인인 사람들은 말도 안 하고 있는데… 외향내향 의미없이 반사회성을 가진 사람만 내향인의 특성 뒤에 숨어서 자신의 무례함을 받아들이라고 큰 소리로 정당화하고 있어… 내향인도 인사 잘 해요 할 일 잘 하고 사는 것처럼 할 말도 하고 살음… 노쇼 안 하고… 예약취소 전화도 잘 걸어… 내향인은 성격장애같은 것이 아님…
18.09.2023 23:21 — 👍 193 🔁 339 💬 1 📌 5port8000.io 도메인을 cloudflare에 붙여 사용하니 좋구나.
cloudflared tunnel + dns 에 ssl 얹어서 hannal.port8000.io 같은 호스트 띄우고 결제 서비스 연동 테스트 하는 중. 😍
오랜만(?)…!
16.07.2023 06:16 — 👍 1 🔁 0 💬 0 📌 0아오, 트위터는 파란딱지 단 테슬람들 트윗 보기 싫어 들어가기 싫고, 스레즈는 분위기가 영 내 취향이 아니라서 싫고, 블루스카이는 알림 빨간뱃지가 잘 안 없어져서 싫고. ㅜㅜ
(안 쓴다는 선택지는 생각도 안 하고 있음🥸)
requirements에서 버전 의존 잘못 지정해서 pydantic v2가 설치되어 배포가 와장창 깨졌다. 화들짝 놀라 기준 버전인 1.8.3으로 고정했더니 pydantic 버그로 배포 실패. 뜨악. 문제 해결된 1.10.8로 지정하니 비로소 배포 성공. 어휴, 놀래라.
그나저나 요즘 node + ts 작업을 주로 했더니 python에서 import 에서 버벅거렸다. 묘하게 휑한 python 코드. 역시 ts는 너무 장황해.
머스크 저거 화성에 사람 보내놓고 산소 제한 걸 놈임
02.07.2023 03:56 — 👍 17 🔁 24 💬 3 📌 0아야
21.06.2023 23:45 — 👍 0 🔁 0 💬 0 📌 0사람들은 어쩜 저리 아는 게 많고 잘하는 걸까. 난 아직 잘 모르겠는데 빠르게 학습하는 모습도 마냥 신기.
공부할 게 많아 이 직업이 좋고 즐겁긴 한데, 내 재능과 시간이 부족해 분통 터지곤 한다. 두뇌의 신호 체계를 가속하긴 어렵겠고, 연결망을 좀 정비해야 할 것 같다.
(라고 소셜 매체에 끄적거리며 빈둥대는 중)
아, 다 귀찮다. 아무것도 하기 싫다. 매우 탈진해서 꼼짝하기 싫다!
라고 생각하며 에디터에 러스트와 플러터 설정 중.
일주일만 쉴까. 🫨
I'm on vacation, almost completely dependent on my team. I'm slowly getting back into a sleep pattern and catching up on homework. As I settled into a routine, I suddenly realized that maybe I was being a bottleneck for the team as much as I wasn't relying on them.
29.04.2023 05:37 — 👍 0 🔁 0 💬 0 📌 0
자자.
27.04.2023 15:20 — 👍 0 🔁 0 💬 0 📌 0타임라인이 너무 휑해서 답 팔로잉을 했더니 한결 사람 사는 냄새가 나서 좋긴 한데, 심심한 건 아직 어쩔 수 없구나.
22.04.2023 15:29 — 👍 0 🔁 0 💬 0 📌 0hello world. 🙂
09.04.2023 06:45 — 👍 0 🔁 0 💬 0 📌 0
