새로운 채널이 추가되었습니다 🎉
설명을 따라 함께 만들어보세요!
먼저, 에디터의 주요 구성을 소개드릴게요.
데스크톱과 모바일웹을 전환합니다.
컴포넌트를 추가합니다.
사용자 화면에서 보이는 메뉴의 표시 옵션을 설정합니다.
헤더 영역 주요 기능
작업한 페이지를 새 창으로 미리 볼 수 있습니다.
내비게이션과 콘트롤 영역을 접거나 펼칠 수 있습니다.
다크모드가 지원됩니다.
컴포넌트를 복제하거나 삭제할 수 있습니다.
캔버스 영역의 배율을 설정합니다.
한 번 같이 따라해볼까요?
추가한 이미지를 빨간 네모로 옮겨보고 크기를 맞춰보세요!
이번엔 복제와 삭제를 해볼까요?
이미지 컴포넌트를 추가해서 노란색 네모에 올려보세요! (※섹션 가장 아래 생김 주의)
내비게이션 영역 주요 기능
섹션의 정보 수정과 복제 또는 삭제를 할 수 있습니다.
원하는 섹션을 추가할 수 있습니다.
섹션 또는 컴포넌트를 선택하여 수정할 수 있습니다.
컴포넌트를 원하는 곳으로 이동시켜 배치할 수 있습니다.
캔버스 영역 주요 기능
콘트롤 영역 주요 기능
다양한 외관 형태를 설정합니다.
단, 섹션 정보는 예외입니다. 데스크톱과 모바일 웹의 최적화가 필요한 영역에 대해서 따로 값을 넣어 조절할 수 있습니다!
데스크톱과 모바일 웹의 공통 정보를 설정합니다.
여백이나 배치를 설정합니다.
모바일은 데스크톱에서 설정한 값을 기본적으로 따라갑니다. 물론 모바일에 맞게 따로 설정할 수 있습니다! (모바일에서 값이 안보이는 것은 정상적인 형태입니다.))
화면에 표시될 때 보여지는 효과를 설정합니다.
모바일은 데스크톱에서 설정한 값을 기본적으로 따라갑니다. 물론 모바일에 맞게 따로 설정할 수 있습니다! (모바일에서 값이 안보이는 것은 정상적인 형태입니다.)
모바일은 데스크톱에서 설정한 값을 기본적으로 따라갑니다. 물론 모바일에 맞게 따로 설정할 수 있습니다! (모바일에서 값이 안보이는 것은 정상적인 형태입니다.)
기본 상태와 Hover 상태를 다르게 설정할 수 있습니다.
Welcome!
Welcome!
콘트롤 영역의 정보를 선택하여 버튼의 내용을 변경해보세요! 버튼에 전환 링크도 함께 연결해보세요!
콘트롤 영역의 레이아웃을 선택하여 설정해보세요!
한 번 같이 따라해볼까요?
버튼 컴포넌트를 추가해보세요! (※섹션 가장 아래 생김 주의)
Welcome!
이번엔 콘트롤 영역의 스타일을 선택하여 원하는 형태로 외관을 변경해보세요!
마지막으로 콘트롤 영역의 효과를 선택하여 다양한 애니메이션을 적용해보세요!
저장을 따로 하지 않아도 자동으로 저장되고 있습니다! 물론, 사용자들에게 바로 보여지는 것은 아닙니다. 사용자들에게 현재 화면을 보이고 싶다면 [게시]를 눌러주세요!
추가 Tip!
컴포넌트 추가나 삭제는 데스크톱과 모바일 웹이 공통으로 적용됩니다. 특정 디바이스에서 보이고 싶지 않으면 레이아웃 내 표시 설정에서 켜고 끄면 됩니다!
이제 다 끝났습니다!
지금부터 여러분의 창의력을 발휘해보세요 🥳