플로우 차트 그리기 툴
사용자 조사 및 경쟁사(기존 레퍼런스 조사) 일단 기존의 웹사이트 보면서 내가 어떤 흐름으로 쓰는지 알아보기, 메모하기
차트 그려보기. 분기점은 마름모, 사용자 액션은 동그라미 이런식으로.. -이름 명확히. 단일 플로우 -범례 정하기: 동그라미는 엔트리포인트(앱이나 웹페이지같은 접속 수단), 사각형은 화면, 마름모는 결정지점
그다음에 이것을 와이어프레임과 연결짓기
와이어프레임 그리기
Figma: the collaborative interface design tool.
시스템 아키텍처 그리기
프리티어 설정하기
27. 리액트 개발 할 때 사용하면 편리한 도구들 - Prettier, ESLint, Snippet
[vscode] Prettier 적용방법, 적용 안되는 경우 해결방법
trailingComma: "none", "es5", "all" 으로 설정을 할 수 있는데, 객체 또는 배열이 여러줄로 구성되어 있으면 다음과 같이 맨 마지막 줄에 쉼표를 붙여줍니다.
const object = {
a: 1,
b: 2,
};
"none" 이면 쉼표를 붙이지 않고, "es5" 이면 객체, 배열을 사용하게 될 떄 쉼표를 붙이고, "all" 이면 함수를 사용 할 때 인자를 전달 할 때도 쉼표를 붙입니다. ⇒all 남기는 방향으로.