우테코 3

[우테코] 테코톡 회고 🎤

드디어 테코톡이 끝났다이얏호 ~ 🪩 사건의 발단 때는 레벨 2가 막 시작한 시점, 테코톡 신청을 받는다는 글이 올라왔다.나는 신청을 하지 않았다! (당연함. 주제도 생각 안 했음.)But,, 프론트엔드에서 테코톡을 신청한 크루가 3명밖에 없었던 관계로 무려 9명의 크루를 랜덤으로 뽑게 되었고,당당하게 당첨되었다! 이때가 발표까지 딱 한 달 남았을 때라, 그래도 아직 여유있다고 생각했다. 🪩 주제 선정 발표자 선정이 되고 나서 일주일 이내로 주제를 정한 뒤, 신청 폼을 제출해야 한다.앞서 언급했듯 딱히 생각해두었던 주제가 없었기 때문에 일주일 동안 간간히 생각해 봤다.레벨 1 때였나, 시맨틱 태그가 어떤 건지는 알겠는데 사용했을 때 정확히 어떠한 장점이 있는 건지 궁금해진 적이 있다.내 궁금증도 풀..

우테코 2025.05.25

컴포넌트 NPM 배포 시 레이아웃 깨짐 원인과 해결법 (Reset CSS)

우테코 레벨2 페이먼츠 모듈 미션 중 발견한 현상이다. 🦕 문제 상황 페이먼츠 모듈 미션에서는 내가 만든 범용적인 모달 컴포넌트를 NPM에 배포하는 기능 요구사항이 있었다.어떤 건지 궁금하다면 아래 링크 참고 !https://www.npmjs.com/package/@yeji0214/modal @yeji0214/modal모달 컴포넌트. Latest version: 0.0.30, last published: 21 hours ago. Start using @yeji0214/modal in your project by running `npm i @yeji0214/modal`. There are no other projects in the npm registry using @yeji0214/modal.www.n..

[우테코 레벨2 페이먼츠] input 자동 포커스 autoFocus VS useEffect

우테코 레벨 2 페이먼츠 2단계 미션 중 다음과 같은 기능 요구사항이 있었다.입력 필드는 사용자의 입력이 완료되면 다음 필드로 자동으로 이동한다. 먼저 페이먼츠 미션의 기능을 간단하게 소개하자면,사용자에게 카드 정보를 입력받아 카드를 등록(여기서 등록이란, 모든 폼 정보가 유효한지 확인하고, 확인 버튼 클릭 시 카드 등록 완료 페이지로 넘어가는 행위를 말한다.)하는 서비스이다. 궁금하다면 요기서 사용해볼 수 있다! 위의 요구사항을 다른 말로 동적 입력 UI 구현이라고도 할 수 있다.페이먼츠 미션에서 동적 입력 UI를 구현하기 위해 신경 쓸 부분에는 크게 두 가지가 있었다. 1. 같은 input 내에서의 자동 포커스ex) 카드 번호 (카드 번호의 총 input은 4개이며, 올바른 값이 입력되면 다음 inp..

우테코 2025.05.04