codinghatso

1. 정보설계 - 페이지를 다이어 그램 형식으로 만들어 보는 단계 2. 로우파이 스케치 - 손으로 간단히 그려보는 와이어 프레임 3. 와이어프레임 만들기 아이콘 명확한 의미 전달 방법 1. 사용자 테스트 2. 업계에서 활용되는 디자인 참고하기 (google icons) 많은 사용자들이 해당 회사의 디자인에 많이 노출되어있기 때문에 참고하여 디자인한다면 효과적이다. 디자인 시스템 일관된 사용자 경험 제공 빠르고 효율적인 디자인 (디자이너 관점) 빠르고 효율적인 개발 (개발자 관점) - 일관성을 지키며 작업을 한다면 불필요한 작업이 줄어든다. 일관된 스타일 두께 색상 크기 등 일관된 스타일의 아이콘을 사용해야 함 스타일을 컴포넌트화 해서 적용시켜야 한다. 폰트, 색상, 효과, 레이아웃 등 Text, Colo..

테스트란? 1. 프로그램을 실행하여 오류와 결함을 검출하고 애플리케이션이 요구사항에 맞게 동작하는지 검증하는 절차 FE 테스트 특징 - UI가 존재 자동화 테스트 (Automated Test) 수동 테스트 (Manual Test) 코드로 작성, 반복적 브라우저에서 직접 접근 테스트 종류 Static Test Unit Test Integration Test E2E Test UI Test 웹 접근성 Test Cross Browser Test 너는 개발자다. 인간은 복잡하고 반복적인 일을 잘 못하는 걸 알고 있는 개발자다. 컴퓨터는 복잡하고 반복적인 일을 아주, 아주, 잘한다는 것을 알고 있는 개발자다. -by Kent C. Dodds 발표자는 테스트가 개발자들이 번거롭게 생각하는 주제이며 모두가 필요성에 대..