분류 전체보기166 코드잇 스프린트 4기 프론트엔드 수료 후기 코드잇 스프린트 4기 프론트엔드 수료 후기6개월 간의 부트캠프 후기... 시간 참 빠르다velog.io블로그 이사함! 2024. 6. 27. 한글 입력 시 Enter 이벤트 중복 호출 문제 해결 문제 상황 태그를 입력하는 Input 컴포넌트를 만들던 중, 영어를 입력할 때는 정상적으로 작동하지만 한글을 입력하면 태그가 2개로 나뉘어 생성되는 문제가 발생했다. 태그를 생성하는 방식은 아래처럼 구현했다. 사용자가 태그 이름을 입력한다. 사용자가 태그 이름 입력을 마치면 엔터 키를 누른다. 엔터키를 누르는 이벤트가 발생하면, 입력 값을 태그로 생성한다. 디버깅 태그를 생성하는 함수 내에서 콘솔을 출력해보니, 한글의 경우에는 한 번만 엔터 키를 클릭해도 이벤트가 중복 호출되었다. 문제 원인 한글은 자음과 모음이 합쳐져 만들어지는 조합 문자이기 때문에, 글자가 조합 중인지 조합이 완료된 상태인지 파악하기 어려워 이벤트가 중복 호출된다. 현재 코드에서 사용중인 onKeyDown 메서드의 경우, 문자의 입력.. 2024. 4. 21. 코드잇 스프린트 기초 프로젝트 협업 후기 현재 수강 중인 부트 캠프에서 기초 프로젝트를 진행했다. 너글닿기 누구나 손쉽게, 온라인 롤링 페이지를 만들 수 있어요 itsbasic-c93d6.web.app GitHub - innerstella/itsBasic: 코드잇 스프린트 4기 PART2 기초 프로젝트 코드잇 스프린트 4기 PART2 기초 프로젝트. Contribute to innerstella/itsBasic development by creating an account on GitHub. github.com 🗓️ 프로젝트 일정 🚀 사전 회의 - 기술 스택 정하기 - 컨벤션 정하기 (코드, 폴더 구조) - 문서화 방법 - 일정 및 마일스톤 관리 방법 - 의사소통 방법 - R&R 분배 - 깃 협업 - 회고 팀 내에 개발 협업을 처음해보는 팀원들.. 2024. 3. 20. React 컴포넌트를 어떻게 만들어야 할까? React는 컴포넌트 기반 라이브러리입니다. 웹을 개발할 때 헤더, 메인 콘텐츠가 들어가는 부분, 버튼 등을 만든다면 하나의 컴포넌트로 묶어서 관리할 수 있습니다. 그렇기 때문에 개발하다가 특정 부분에서 오류가 생겼다고 한다면, 그 컴포넌트만 수정하면되기 때문에 코드를 간결하게 만들 수 있습니다. 지금까지 React로 여러 가지 프로젝트를 해보면서 많은 컴포넌트들을 만들어보았고, 그 과정에서 비슷한 기능인데도 모두 따로 만든다던가 하는 방식으로 비효율적인 방법으로 만들었다가 또 다시 그 코드를 고쳐서 하나의 컴포넌트를 깔끔하게 만들었을 때 재미를 느꼈습니다. 그래서 컴포넌트를 어떻게 해야 잘 만들 수 있을 지에 대한 점이 궁금해 몇 가지 글과 웨비나를 참고해서 정리해봤습니다. 1. React 컴포넌트와 .. 2024. 1. 20. 이전 1 2 3 4 ··· 42 다음