# FE

이벤트 버블링 & 캡쳐링
이벤트 버블링과 캡쳐링은 이벤트 위임(event delegation)의 토대가 됨 이벤트 버블링(Event Bubbling) > 이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작함. 최상단의 부모 요

[React] Recoil
Recoil이 무엇인지만 알고 있었던 나는... recoil 공부를 시작했다. Atom과 Selector등을 정리하는 데....

TECHIT 온보딩 트랙에 올라설 준비
얼마 전 HRD 사이트를 통해 기초역량훈련 크레딧을 확인했었는데크레딧 사용기간이 앞으로 한 달 정도밖에 없는 것을 확인하고나에게 도전할 만한 훈련을 찾아다녔어요.처음 50만원의 크레딧을 가진 상태에서 작년 6월에 14만원 정도의 정부 지원금을 사용해서지금 36만원 정도

2023 AI EXPO 운영작 Chromatica
2023년 5월 10일부터 12일까지 코엑스에서 진행한 국제인공지능대전 부스 운영한 프로젝트 소개! FE (약간의 BE)개발자가 소개해드립니다!

프론트엔드 개발자는 SEO를 어떻게 처리해야할까?
그동안 나는 스스로의 힘으로 무언가를 이루고 싶은 생각에 겁~나 많은 검색을 통해 문제에 대한 힌트 및 정보를 얻고 해결해 왔다.

[TIL] tsconfig와 moduleResolution
최근에 사이드 프로젝트를 하면서 Vite + React + TypeScript 로 초기 세팅을 했는데 절대 경로를 설정해주기 위해서 tsconfig 파일에 아래와 같이 설정을 해주었다.그런데 vite 데브 서버를 돌리니 계속 파일 위치를 못 찾아서 뭐가 문젠가 봤더니

[JS]Dynamic Import의 동작방식(feat. Vite, Cypress)
Dynamic Import란 자바스크립트 모듈을 필요할 때 불러오는 방식입니다.Javascript는 ECMAscript 표준으로 dynamic import를 다음과 같이 지원하고 있습니다.

Node.js
Node.js는 구글 크롬 V8 자바스크립트 엔진으로 빌드된 JavaScript 런타임이다. Node.js는 이벤트 기반, 비동기식, 논 블로킹 I/O 모델을 사용하여 가볍고 효율적인 웹 개발을 가능하게 한다.
아카이빙 프로젝트 회고
개인적으로 지인분의 소개를 받아서 외주 비슷한 프로젝트를 진행하게 됐다. 서비스 종료가 예정된 웹사이트의 데이터를 아카이빙하는 작업이었는데, 작업을 맡기신 분이 웹 관련으론 전혀 아시는 바가 없었기 때문에 여러 고민이 있었다.우선 의뢰자분께서 부탁하신 것은 해당 사이트
Closure
Lexical Scope Closure Closure의 Scope Closure 대표적 사용 오류 해결된 버전 1 해결된 버전 2

230430 점핏 개취콘 행사 강연 내용 정리
23년 4월 30일에 진행된 점핏의 FE 개발자 취업 콘서트 강연회에 다녀온 후, 개인적으로 느낀 인상적인 내용을 정리해보았습니다.
[React] 상태관리 요약
상태관리 "상태" 란? > 유저와의 상호작용을 위한, 변할 수 있는 데이터 >> - 가게 이미지 가게 이름 별점과 점수 리뷰와 사장님 댓글 개수 찜(하트) 최소주문금액 배달팁 ... > 눈에 보이지 않더라도 해당 기능을 작동시키기 위해 어딘가에 저장되어 있는 데이터들