공통 컴포넌트

공통 컴포넌트

몇몇 UI 요소는 모든 페이지에서 함께 따라다녀요. 사이드바, 계좌 전환기, 이벤트 벨, 그리고 P&L 모드 전환기예요. 이 페이지에서는 겉으로 보이는 것 이상으로 이들이 무슨 일을 하는지 설명해요.

사이드바

접을 수 있는 사이드바는 링크를 Navigation(Dashboard, Trades, 매매일지, Mentoring)과 Timeline(일간, 주간, 월간, 연간, 전체)으로 묶어요. 하단에는 문서, 설정, 그리고 사용자 메뉴가 있어요.

짚어둘 만한 동작이 두 가지 있어요. 매매일지 접근 권한이 없으면 매매일지 링크가 사라져요. 매매일지 권한 없이 공유된 멘토링 계좌에서 이런 일이 생기는데요. Trade는 여전히 볼 수 있지만, 매매일지 항목은 계좌 소유자의 것이 되기 때문이에요.

멘토링 계좌를 열면 하단의 아바타 블록이 멘티의 이름과 읽기 전용 라벨로 바뀌어서, 지금 누구의 계좌를 보고 있는지 항상 분명하게 알 수 있어요.

계좌 전환기

상단 바의 드롭다운은 트레이딩 계좌 목록을 보여주고, 활성 계좌를 그 정산 통화와 함께 표시해요. 기본적으로는 즐겨찾기로 별표를 단 계좌만 나열해요. 별표를 단 게 하나도 없으면 대신 본인의 모든 계좌가 표시돼요. 즐겨찾기 목록은 선택 사항이지 강제 필터가 아니에요.

즐겨찾기한 멘토링 계좌는 본인 계좌 아래의 별도 섹션에 나타나서, 컨텍스트 전환이 의도적으로 이루어지도록 해줘요.

계좌를 전환하면 같은 페이지에 머문 채 새 계좌가 선택되는데, 한 가지 예외가 있어요. /dashboard/<ref>의 특정 dashboard에 있을 때 전환하면 /dashboard로 리디렉션돼요. 커스텀 dashboard는 하나의 계좌에만 종속되기 때문에, 새 계좌에서는 그 대상이 존재하지 않거든요.

계좌 관리를 누르면 계좌를 만들고, 편집하고, 보관하고, 삭제하는 모달이 열려요. 전체 관리 UI는 계좌를 참고해 주세요.

이벤트 벨

상단 바의 벨은 내 계좌에서 일어난 일들의 피드예요. 배지는 아직 읽지 않은 항목이 몇 개인지 보여줘요. 항목을 클릭하면 그 항목이 가리키는 Trade, dashboard, 또는 mentoring 페이지로 바로 이동해요.

이벤트는 Trade의 생애주기(가져옴, 생성됨, 청산됨, 삭제됨), 업로드(Trade에 첨부된 이미지), 계좌 및 dashboard 변경(생성됨, 삭제됨, 보관됨), 그리고 전체 mentor 워크플로(보낸 초대와 응답받은 초대, 권한 변경, 공유되거나 회수된 계좌, 양방향으로 오가는 피드백)를 포괄해요.

타임스탬프는 상대 시간이에요. "방금", "5분 전", "2시간 전", "3일 전" 식이죠. 읽지 않은 항목 위에 마우스를 올리면 체크마크가 나타나서 그 항목 하나만 읽음으로 표시할 수 있어요. 툴바 액션은 목록 전체를 한 번에 읽음으로 표시해요.

이벤트는 실시간이에요. 내 계좌에서 일어나는 모든 일이 새로고침 없이 나타나요. 백그라운드에서 실행 중인 가져오기 활동이나, mentor나 멘티가 방금 보낸 피드백도 포함돼요.

P&L 모드 전환기

계좌 전환기 옆의 아이콘은 앱의 모든 P&L 값이 어떻게 표시될지 제어해요. 이건 표시 설정일 뿐이에요. 기반이 되는 Trade 데이터는 바뀌지 않아요.

Tick 모드의 라벨은 활성 계좌의 주된 자산군에 맞춰 바뀌어요. 선물은 Tick, Forex는 Pip, CFD는 포인트, 주식은 센트를 표시해요.

퍼센트 모드에는 시작 잔고가 필요해요. 계좌의 첫 거래가 이 기준점을 정의하는데, 0이어도 괜찮지만 반드시 존재해야 해요. 아직 추가하지 않았다면 해당 옵션은 비활성화되고, 안내와 함께 계좌 설정으로 바로 연결되는 링크가 표시돼요.

변환 계산식과, 어떤 모드가 어디에서 적용되는지(예를 들어 여러 통화에 걸친 집계는 강제로 통화 표시로 돌아가요)는 P&L 표시 모드를 참고해 주세요.

폼 컨트롤

몇몇 입력 요소는 여러 곳에 등장해요. 어디에 나타나든 동작은 동일해요.

통화 선택기는 ISO 4217 통화 코드를 나열해요. 좁은 UI에서 쓰는 간략 버전(코드만, 예: "USD")과 설정 폼에서 쓰는 상세 버전(코드, 기호, 이름, 예: "USD $, US Dollar")이 있어요. 소수점 처리는 통화에 따라 달라요. JPY는 소수점이 없고, BHD는 세 자리, 대부분은 두 자리예요.

날짜 선택기는 빠른 이동을 위한 월/연도 드롭다운이 있는 팝오버 캘린더예요. 선택 가능한 가장 이른 달과 가장 늦은 달을 명시적으로 받아서, Trade 입력 폼이 계좌가 존재하기 이전 날짜를 가리키지 못하도록 해줘요.

상품 폼은 상품 페이지와 가져오기 흐름에서 공통으로 쓰여요. 표시되는 필드는 자산군에 따라 달라요. 선물, Forex, CFD는 Tick으로 계산해요(Tick 크기, 포인트 가치, P&L 통화, 선물의 경우 거래소 추가). 주식과 암호화폐는 계좌 통화로 계산해요(계약 승수, 랏 크기, P&L 통화). Forex와 암호화폐 페어의 경우 P&L 통화는 종목에서 도출돼요. 그래서 EURUSD는 USD로 정해져요. 상품의 P&L 통화가 계좌의 정산 통화와 다르면 경고가 나타나요. 그 경우 해당 상품의 모든 Trade가 환율 변환을 거치게 되기 때문이에요.

세그먼트 토글은 앱 전반에서 모드 전환, 보기 전환, 빠른 필터 선택에 쓰이는 버튼 줄이에요. 선택된 옵션은 항상 강조 표시되고, 키보드 내비게이션을 지원해요.

자산군 배지

상품을 자산군별로 라벨링하는 작은 외곽선 알약 모양 배지예요. 선물, Forex, 주식, 암호화폐, 또는 CFD를 표시해요. Trade 목록, 상품 설정, Trade 상세에서 볼 수 있어요. 라벨은 현지화되지만, 자산군 집합은 고정되어 있고 가져오기, P&L 계산, 표시 사이에서 공유돼요.

저장 상태

매매일지 에디터와 자동 저장되는 몇몇 폼은 색이 있는 점과 라벨을 표시해서, 작업이 저장되었는지 항상 알 수 있게 해줘요.

입력하지 않는데도 표시가 몇 초 넘게 호박색으로 남아 있다면 저장이 실패한 거예요. 보통 연결 문제죠. 다음 키 입력이나 페이지 새로고침이 다시 시도를 일으켜요.

더 보기

• P&L 표시 모드
• 계좌