profile
나도 잘하고 싶다..!
post-thumbnail

리액트 19 RC ( 번역 )

리액트 19버전 출시를 앞두고 있는 지금, 어떤 기능들이 추가되는지 알아보기 위해 개인적으로 번역하며 읽어보았습니다. > RC? Release Candidate의 약자로, 소프트웨어 개발 주기에서 최종 출시 전에 공개되는 버전을 말한다. 안정성과 기능이 최종 버전에

2024년 11월 24일
·
2개의 댓글
·
post-thumbnail

Warning: Received ‘false’ for a non-boolean attribute “mode”

오래된 사이드 프로젝트 에러들을 잡는 과정에서 다음과 같은 경고 문구가 나왔다.찾아보니 styled-component를 위해 넘겨준 props가 걸러지지 않고 DOM Element의 attribute에 넘겨졌고, DOM Element에서는 props에 해당하는 attr

2024년 10월 31일
·
0개의 댓글
·
post-thumbnail

Class의 Static

우테코 프리코스를 진행 중 코드리뷰를 해드리면서 static 메서드와 인스턴스 메서드 중 어느 것이 적합한지에 대해 고민하게 되어 이를 정리해 보았다.의문을 가지게 된 코드는 다음과 같은데,사용자 입력을 담당하는 InputManager 클래스의 getCarName이 각

2024년 10월 31일
·
0개의 댓글
·
post-thumbnail

Image Lazy Loading 해보기

사이드 프로젝트를 다시 보면서 이미지 관련해서 적용해보고 싶은 것들이 있어 다시 건드리게 되었다.현재 API에서 모든 포켓몬은 1035마리로 각 포켓몬은 앞/뒤 모습을 이미지로 보여주고 있다. 뒷 모습의 경우 마우스를 호버해서 보여주지만 앞모습의 경우 모든 포켓몬의 이

2024년 10월 31일
·
0개의 댓글
·
post-thumbnail

React Deep Dive 스터디 3주차 내용 정리

기본값을 선언하기 위해 useState()의 인수로 원시값을 넎는 경우 가 일반적이다. useState의 인수로 함수를 넘겨줄 수 있다. 이를 게으른 초기화(Lazy Initialization)이라고 한다.일반적으로 이렇게 작성하는 경우 위 실행 화면 처럼 리랜더링이

2024년 10월 21일
·
0개의 댓글
·
post-thumbnail

디스코드 봇 만들어 보기 (with. AWS)

우테코 프리코스를 보다 효과적으로 보내기 위해서 스터디를 만들었다. 다양한 활동 중에 매일 22시에 데일리 회고를 작성해서 올리기로 했는데, 22시마다 놓쳐 짧은 기간의 스터디 동안 참여율이 저조할 것 같아서 디스코드 알림 봇을 만들어 보기로 했다.기존에 만들어져 있는

2024년 10월 18일
·
0개의 댓글
·

TIL-2024/09/10

useEffect 훅의 타입 정의는 아래와 같다.useEffect에서 EffectCallBack 함수 타입을 가지는 effect 인자는 아무것도 반환하지 않거나 Destructor를 반환한다고 한다.만약 effectCallBack 함수가 비동기로 쓰이게 되면, 콜백함

2024년 9월 10일
·
0개의 댓글
·

TIL-2024/09/08

매일 면접 연습하기 > 웹 성능을 최적화하기 위한 핵심 지표(LCP, FID, CLS 등)에 대해 설명하고, 이러한 지표를 개선하기 위해 프로젝트에서 어떤 방법들을 사용했는지 구체적인 사례를 들어 설명해 주세요. 측정 척도 First Contentful Paint

2024년 9월 8일
·
0개의 댓글
·

TIL-2024/09/07

가상 DOM의 동작 원리를 설명하고, 실제 DOM과의 차이점을 설명해 주세요. 또한, Virtual DOM을 사용하는 React의 렌더링 성능 최적화 방식에 대해 설명하고, shouldComponentUpdate 또는 React.memo와 같은 기법이 어떤 역할을 하는

2024년 9월 7일
·
0개의 댓글
·

TIL-2024/09/06

Q. 자바스크립트의 event loop와 call stack의 동작 방식을 설명하고, microtask와 macrotask 큐의 차이점을 설명해 주세요. 이를 통해 비동기 코드가 실행되는 순서에 대해 설명해 주세요.→ 자바스크립트 함수가 호출되면 Call Stack에

2024년 9월 7일
·
0개의 댓글
·

TIL-2024/09/03

DRY - 잘못된 추상화의 일반적인 원인 (Link)개인적인 간단 요약 DRY : Don’t repeat yourself., 반복하지 않기. 문제를 해결할때 내부 동일한 로직이 반복된다고 느껴질 때 반복을 활용해서 문제를 푼다. 하지만 반복을 활용하면서 더많은 요구

2024년 9월 7일
·
0개의 댓글
·
post-thumbnail

TIL-2024/05/10

프로세스(Process) : 운영체제로부터 자원을 할당받은 작업의 단위스레드(Thread) : 프로세스가 할당 받은 자원을 이용하는 실행 흐름의 단위프로그램(Program): 컴퓨터에서 실행할 수 있는 파일 → 실행하지 않은 상태의 코드 덩어리프로세스(Process):

2024년 9월 1일
·
0개의 댓글
·
post-thumbnail

TIL - 2024/05/08

Proxy는 웹 브라우저와 종단 서버 사이에서 middleman처럼 사용되는 프로그램을 말한다.웹 페이지를 얻기 위해 직접 동단 서버에 접근하지 않고, 브라우저는 서버와 연결되어 있는 프록시에게 요청을 보낸다. 종단 서버가 프록시에게 응답하고, 프록시는 브라우저에게 응

2024년 9월 1일
·
0개의 댓글
·
post-thumbnail

TIL-2024/05/06

웹 클라이언트와 서버는 HTTP라는 텍스트 기반의 응용 수준 프로토콜을 활용하여 상호 연동한다.기존 파일 전송 프로토콜(FTP)와 달리 HTML을 통해 웹 컨텐츠를 전송한다는 차이점이 있다. HTML에 포함된 명령(태그)를 통해 브라우저에서 어떻게 화면에 컨텐츠를 보

2024년 9월 1일
·
0개의 댓글
·
post-thumbnail

TIL-2024/05/04

엔디안(Endianess)은 컴퓨터의 메모리 같은 1차원 공간에 대상을 배열하는 방법을 말한다.빅 엔디안 - 상위 비트부터 바이트 단위로 저장하는 방식 ( 네트워크 )리틀 엔디안 - 하위 비트부터 바이트 단위로 저장하는 방식 ( 인텔 계열 CPU )ex) 네트워크 포트

2024년 9월 1일
·
0개의 댓글
·
post-thumbnail

TIL-2024/08/30

일반적으로 html 파일을 파싱하는 과정에서 script 태그를 만나면 html 파싱해서 dom을 생성하는 과정이 중단된다. script의 크기가 큰 경우에 사용자의 화면에는 아무것도 보이지 않는 시간이 길어지기 때문에 일반적으로 아래와 같이 body 태그의 마지막에

2024년 8월 30일
·
0개의 댓글
·
post-thumbnail

vite.config.ts(js) 내부에서 환경 변수 활용하기

배포시 로컬 환경에서 https 환경 테스트를 위해 넣어놓은 key 파일에 의해서 빌드가 되지 않았다. vite.config.ts 내부에 설정해줄때 현재 실행 mode에 따라 해당 속성을 달리 적용해줄 필요가 있었다.위처럼 환경변수를 통해서 실행환경이 실제 배포 환경인

2024년 8월 25일
·
0개의 댓글
·
post-thumbnail

TIL-2024/08/26

기존 타입 중 원하는 속성이나 타입을 골라 선언할 수 있다.중복된 타입을 선언하지 않아도 되고, 참조한 타입이 수정되었을 때도 수정된 타입으로 반영되기 때문에 관리 포인트가 줄어든다.Exclude Type유니언 타입에서 특정 타입을 제외하는 유틸리티 타입이다.Omit은

2024년 8월 25일
·
0개의 댓글
·

TIL-2024/08/24

→ Delivery를 확장한 Filter 타입에 tip이라는 속성에 대해서 서로 다른 타입이 선언되어 있는 경우, 두 타입이 상응하지 않기 때문에 타입 호환 에러가 발생한다.→ 교차 타입으로 선언해준 경우 이전과 달리 에러는 발생하지 않지만, tip 속성의 타입이 호환

2024년 8월 24일
·
0개의 댓글
·

TIL-2024/08/23

자바스크립트 엔진과 런타임의 차이점은 무엇인가요? | bohyeon.dev내용 ECMA Script는 JS의 핵심기능을 정의한다. JS는 웹 뿐만아니라 서버 등 다양하게 쓰인다. 그래서 분야에 관계없이 가지고 있어야 되는 기능에 대해서 규약이 필요했고, 그것을 정의한

2024년 8월 24일
·
0개의 댓글
·