Tistory로 블로그 이사 합니다https://min-99.tistory.com/감사합니다 :)

안녕하세요,2024년 한샘에서 FE 개발자로 일하며, 저는 '어떻게 하면 더 좋은 개발자로 성장할 수 있을까?'에 대한 근본적인 고민을 시작했습니다.주니어 때는 주어진 요구사항을 잘 구현하는 것에 집중했지만, 경력이 쌓이면서 기술적 의사결정을 주도하는 역할을 맡게 되었

1. 질문 던지기 > "이벤트 버블링과 캡처링의 차이는 뭔가요?" 2. 답변하기 [질문에 대한 답] > "이벤트가 발생하면 기본적으로 이벤트 전파가 일어나는데 이벤트 전파 방향에 따라서 이벤트 버블링이냐, 이벤트 캡처링이냐고 결정 됩니다." 이벤트 버블링은 거품이 아

이번글을 저번 '이벤트 버블링과 캡처링의 차이'에서 확장된 이벤트 기본동작과 합성 이벤트에 대해서 적어보려고 합니다. Synthetic Event는 React가 브라우저의 일관성과 메모리 향상(절약)을 위해서 만든 이벤트 시스템입니다. 1) 실제로 React는 기본 이

visibility: hidden과 opacity : 0은 모두 해당 요소가 화면에 렌더링되지만 투명하게 보이게끔 만들어준다. 하지만, 둘다 여전히 자리를 차지한다. 둘의 차이점이라면 visibility:hidden은 뒤에 있는 요소를 클릭할 수 있지만, opacity

if-match 헤더를 이해하기 위해서 "ETag 해더"를 먼저 이해하는 것이 좋다. ETag 해더는 웹서버가 제공하는 컨텐츠들에 각각 부여되는 일종의 식별자 같은 정보이다. (ETag 정보를 표기한다)사람에게 지문 또는 주민 등록 번호와 같이 개개인을 구별할 수 있는

어떤 데이터를 한 번 받아온 후에 그 데이터를 불러온 저장소보다 가까운 곳에 임시로 저장하여, 필요시 더 빠르게 불러와서 사용하는 프로세스를 의미한다. 엔지니어 입장에서는 재사용을 충분히 많이 할 수 있는 데이터만 선별적으로 캐싱하여, 성능과 비용을 아끼는 것이 중요하

1. 내가 해결하고자 했던 문제들.. 서비스 안전성 우리는 현재 리소스가 부족하여 검수를 할 수 있는 상황이 아니였다. 하지만 1주 단위의 빠른 배포가 필요했다. 안전성을 확보하고자 테스팅툴을 알아보고 있었다. 디자인 시스템 의사결정 퀄리티 향상 AS-IS는 디자이너

GitHub : https://github.com/min-99/react-boilerplate 1. Node를 설치하세요 React는 Node.js기반입니다. Nodes.js가 없으면 React가 실행될 수 없어요. https://nodejs.org/en 홈페이지에

안녕하세요 면접을 보면 항상 공통적으로 그때 당시에 "왜 React로 가야 하는가?"에 대해서 팀내 발표를 진행하셨다고 하셨는데 왜 React로 가야 하는지 발표를 하셨나요? 에 대한 저의 생각을 차근차근 적어보려고 합니다. 1. 레거시 시스템에 대한 문제(=내가 해

span과 div를 명확하게 설명할 수 있다. inline과 inline-block 요소를 명확하게 설명할 수 있다. div 태그는 의믜적으로 관계가 없을 때 주로 사용한다. 오직 내용을 묶는 역할이라고 보면 된다. 하지만, span 태그와 비슷한 역할을 하는데 차이가

yarn berry는 yarn v2이상을 부르는 명칭입니다. 이에 따라서 기존의 yarn v1은 yarn classic이라고 부르게 되었습니다. 사용방법기존의 무거웠던 node_modules를 생성하지 않고 패키지들에 대한 정보를 .zip파일로 관리 합니다.패키지 의존

자바스크립트 런타임 환경인 노드(Nodes.js)의 패키지 관리자에 대해서 알아보자.대표적인 패키지 관리자 npm , yarn, yarn berry에 대해서 알수 있다.Node Package Manager로, Node의 기본 패키지 매니져 입니다.이러한 패키지 매니져가

React기준(Next.js 환경)으로 사용법이 작성되었습니다.https://hackle.io/ko/service/웹 사이트, 모바일 앱, API 등 클라이언트와 서버에서 동작하는 모든 기능을 테스트 및 분석할 수 있는 플랫폼운영 SDK(소프트웨어 개발 키트