📃구현 CheckList!! 상품 옵션 세트를 추가, 삭제 기능 상품 옵션 세트 내 옵션 추가, 삭제 기능 옵션 내 추가옵션 추가, 삭제 기능 환율 바꾸기 기능 세금 적용 📖과제 설명 이번 과제는 페어프로그래밍하면서 하나의 컴포넌트를 개발하는 것이 아니라 각자 맡은 영역을 분배하여 구현하고 한 페이지에 각자 구현한 컴포넌트를...

구현 내용 1. 숫자만 입력 가능하고, 4자리 이상 입력 시 세자리씩 구분해주는 콤마(,)가 들어가는 Input 구현 조건에 맞는 Input 타입을 구현하기 위해 세가지 방법을 고민했다. 첫 번째, type=”number” 사용 이 방법은 숫자만 입력하기라는 말을 들었을 때, 떠올랐던 생각이다. 하지만 type값을 주고 숫자만 입력할 수 있었지...

경험하고 싶은것 QA를 도입과 리팩토링 명단을 작성해보기 기능이 안되는 부분 정상작동 시키기 재사용가능한 부분을 재사용할 수 있게 만들기 경험한 것 문서화 도전 모든 것을 기억하고 있으면 좋겠지만 사람은 망각의 동물, 문서화를 꼼꼼히 하지 않는다면 매번 복기하느랴 시간을 다쓰게 된다. 프로젝트를 진행하면서 이거 어떻게해야됐더라? ...

해커톤에서 경험하고 싶은 것 제한 시간 내에 팀원들과 원활하게 의사소통하여 프로젝트의 목표를 설정하기 제한 시간 내에 목표에 가장 가까운 프로젝트를 완성(해커톤 완주) 해커톤에서 필요한 전략을 생각하고 팀원에게 도움주기 내가 직접 작성한 코드를 만들기 해커톤에서 경험한 것 사전준비 해커톤 참여 여부가 확정되고 해커톤 진행하기 ...

⏳기간: 2021/11/08 ~ 2021/11/12 🏔목표 정해진 기간에만 리팩토링 하기 컴포넌트의 책임에 대해 고민해보기 document 생성을 하면 sidebar와 editor가 새롭게 생성 되어야 한다. document 삭제기능 새로고침시 정보를 받아올수 없다는 창 나오지 않게 하기 토글버튼 editor 수정시 디바...

코딩테스트 연습 - 멀쩡한 사각형 풀이 접근 각 예시 그림을 그려가며 풀이해보았다. 3X2, 4X2, 5X2, 6X2, 4X3, 5X3, 6X3, 7X3 높이를 고정하고 너비만 늘려가며 계산해보았음 높이가 2와 3일 때는 규칙성이 보였다. 4는 2와 연관되어있다고 생각해서 규칙이 보였다. 문제는 5일때 내가 생각하던 규칙과 관련이 없...

Keep 지금까지 웹프로젝트를 했을 때 완성하지 못했지만 이번에는 프로젝트 완성 해봤다. 컴포넌트를 가장 작은 단위까지 쪼개려는 생각 라이브러리를 활용해서 타임스탬프를 기능 구현 Problem 시간이 촉박해서 생각없이 코드를 짜는 점 / 완성도는 나왔지만 기능적으로는 괜찮나?라는 생각이 든다. 프로젝트에서 새로운것을 도전하...

타입스크립트 장점 타입이 있다 안정성 - 컴파일 단계에서 미리 오류를 감지할 수 있다. 가독성 - 타입을 보고 무엇을 하는지 미리 알 수 있다. 단점 초기 설정을 있어 힘들수 있다. 스크립트 언어의 유연성이 낮아진다. 컴파일 시간이 길어질 수 있다. 프로젝트의 크기가 커질수록 더 ...

Ref 원하는 요소를 선택할 때 사용함 요소에 id나 class를 일일이 추가하기 어려우니 Ref사용 mounted시점부터 사용가능하다. 요소 자체를 확인하기 때문에 querySelector같이 모든 요소를 검색하는 API보다 많이 사용 l 플러그인 install이란 함수를 가진 객체를 반환해주는 JS 파일을 만들어 사...

Props 단방향 데이터 흐름 부모 속성이 업데이트 되면 자식으로 데이터의 업데이트가 흐름. 반대방향 X 하위컴포넌트에서 실수로 앱데이터 흐름을 이해하기 힘들게 만드는 상위 컴포넌트 상태 변경을 방지할 수 있는 장점 Vue에서 하위컴포넌트에서 Prop을 변경하려면 경고가 나옴 Prop를 변환하려면 새로운 변수에 할당해서 사용하거나 ...