상단에 위치하는 글로벌 네비게이션(Global Navigation/Header) 관련 질문드립니다.

제 생각에는 로고가 앱솔루트 포지션이 되어서 그런 것 같습니다. 앱솔루트 포지션을 끄시면 해결 될 것 같습니다. 앱솔루트 포지션은 부모 레이어와 종속되지 않고 자기 마음대로 놉니다. 그래서 공간도 채워우는 것을 고려하지 않습니다. 그래서 지금 현 상태로 되어 있는 경우라면 Container에 딱 하나의 레이어 Humburger만 있다고 레이아웃은 고려합니다. 즉 로고는 무시해버립니다. 그래서 이 경우는 제 추측으로 딱 햄버거 버튼이 중간에 위치할 것 같습니다. 문제가 있으시면 이메일(boldplus.ux@gmail.com)로 파일 공유해주시면 더 자세히 도와 드리겠습니다.감사합니다.

베리어블 적용 중 문제

질문 주셔서 감사합니다. 우선, 타이포그래피 베리어블이 굉장히 어렵습니다. 이번 강의 업데이트할 때도 넣을까 말까 하다가 몇몇 분들이 요청을 하셔서 넣었습니다. 어렵지만, 차근차근 따라하시고 모르는 것 있을 때 이렇게 계속 질문 주시면 됩니다. 질문 주신 부분과 이미지를 살펴본 결과 이 경우는 스코핑(Scoping)이 잘 안되어서 그렇습니다. 스코핑은 말 그대로 어떤 범위를 정해서 그 범위 안 UI 요소에서만 보이도록 하는 것 입니다.텍스트 베리어블의 경우는 딱 세게 요소의 스코핑이 있고, 내가 만약 폰트 패밀리에서만 보여주고 싶으면 베리어블에서 세팅에서 폰트 패밀리만 선택하셔야 합니다. 아래 이미지 첨부해놓았습니다.(사진)그리고 제 추측으로는 시맨틱 강의 초반에 이렇게 많이 나와서 어려움이 있으신 경우는 보통 Primitive(원시) 배리어블에서 스코핑이 잘 안되어 있기 때문입니다. 특히 원시 배리어블의 경우는 전부다 꺼야 합니다. 왜냐하면 원시 배리어블은 시맨틱 배리어블 연결에만 사용되기 때문입니다. 그래서 반드시 스코핑이 전부다 꺼져 있는지 체크하시기 바랍니다. 두번째는 지금 여러개 라이브러리가 연결되어 있습니다. 사진으로 보기에 iOS도 연결되어 있네요. 이 경우는 지금 만드시는 로컬 라이브러리만 선택하시면 됩니다. 더 궁금하신 부분 있으면 질문 주세요. 피그마 파일 공유해주시면 더 자세하게 도와드릴 수 있습니다. 감사합니다.

문의

안녕하세요, 질문 주셔서 감사합니다. 강의에서 제가 md를 적어서 찾아보라고 말씀 드릴 때 전제 조건은,시맨틱 베리어블에Body/md/font size,Body/md/line height,Body/md/letter spacing 이 세개가 잘 들어가 있느냐입니다. 그래야 당연히 md를 찾을 수 있습니다. 사진으로 보기에 fontsize(14)와 lineheight(16)을 찾으신 걸 보고 추측해본 결과 제 생각에는 letter spacing이 로컬 베리어블 Body/md 그룹안에 있지 않은 것 같습니다.아니면 Scoping이 잘못되어 있을 수도 있으니 베리어블 세팅을 누르셔서 Scope를 체크해보세요.혹시 저에게 피그마 파일을 공유 해주시면 제가 더 자세하게 도움 드릴 수 있을 것 같습니다.boldplus.ux@gmail.com 감사합니다. 볼드 드림.

문의

안녕하세요, dasom won님질문 주셔서 감사합니다. 제가 플러그인을 살펴보았는데, 플러그인이 개인이 만들다 보니깐 UX가 완벽하게 구현되지 않은 경우가 빈번합니다.우선 저의 경우는 로컬 베리어블에 콜렉션이 아무것도 없는 상황에서 만들다 보니 이름을 넣은 것이구요. 하지만 dasom won님의 경우는 컬렉션이 이미 있어서 그 중에 하나를 선택하라고 하고 새롭게 이름을 먾어서 만드는 기능은 넣지 않은 것 같습니다이해를 돕기 위해 밑에 이미지를 첨부했는데, 위에는 컬렉션이 없는 경우(제 강의) 아래는 컬렉션이 있는 경우(Dasom won)입니다. 지금은 현재 Dasom won님은 이 경우이니, 원하시는 이름의 컬렉션을 로컬 베리어블에서 만드셔서 이 플러그인에서 선택하시면 됩니다.(사진) (사진).질문 있으시면 언제든지 남겨주세요. 감사합니다.

플러그인 질문

태인님 안녕하세요, Apply variable인 것 같습니다. 이 플러그인을 사용 예시는 다음과 같습니다. 예를 들어, 현재 있는 파일의 베리어블 값이 다른 파일과 연결되어 있다고 합시다. 그런데, 제가 지금 현재 있는 파일에 있는 로컬 베리어블과 연결하고 싶습니다. 무조건 베리어블 이름만 동일하면 자동으로 바꾸어줍니다.여러 시나리오에서 사용될 수 있으며, 제 강의에서는 아이콘 부분에서 제가 언급드렸습니다. 당시에, 아이콘이 다른 곳에서 가져오면서 베리어블이 연결되어 있는데, 이 베리어블을 로컬 베리어블로 바꾸기 위해서 사용했었습니다. 어떻게 사용하는지 궁금하시면 섹션 5 아이콘 파트에 가서 확인 해보세요. 궁금한 점 있으시면 언제든지 질문주세요. 인프런 인턴은 토큰 스튜디오라고 하는데, 누가 맞는지도 알려주세요. 🎯 감사합니다. 볼드 드림.

디스플레이 파트 Accordian 스트로크 질문

안녕하세요, 우선 제가 이미지만 봐서는 우선 이 경우는 바깥에 border radius가 적용 되어 있어서 그런 것 같습니다. border radius를 해제하면 일직선으로 만들 수 있을 것 같습니다. 지속적으로 문제가 있으면, 피그마에 링크를 걸어주시면 감사하겠습니다. 감사합니다. 볼드 드림.

베리언트 레이어 표기 ◑ 관련 문의건

안녕하세요, 보통 프로퍼티가 많은 경우 구분하기 위해서 글자 앞에 넣어두긴 합니다. 맥의 경우 control + command + space를 누르시면 특수문자/이모지 패널이 bullet icon이 나타나고 이 중에서 넣은 것으로 추정됩니다. 윈도우의 경우는 구글링해보시면 쉽게 단축키 찾으실 수 있을거에요. ◑ 아니면 이거 복사해서 붙이셔도 됩니다.감사합니다. (사진)

브레드크럼 인스턴스에서 Underline 넣는 방법

안녕하세요, 한석환님질문 주셔서 감사합니다. 제가 질문을 잘 이해 한게 맞는지 모르겠는데, 제 강의에서는 Style에서 Underline으로 적용이 되고 그 안에 텍스트는 Underline으로 추가하면 (1)이 이렇게 나타납니다. 따로 Underline 텍스트 스타일을 등록하셔도 되지만 이번에 새로운 기능이 나와서 구지 그렇게 안하셔도 됩니다. 제가 석환님 파일을 살펴보고, 제가 만든 부분도 살펴본 결과 텍스트 프로퍼티가 수정되어서 인스턴스에서 밑줄이 그대로 따라오긴 합니다. 만약 Underline을 부분적으로 없애거나 적용되지 않은 부분에 넣고 싶은 경우에는 현재 피그마에서는 불가능합니다. 감사합니다.볼드 드림

Lock Aspect Ratio 관련

질문 주셔서 감사합니다. 저도 찾아보니 강의 촬영 이후 플러그인이 없어진 것 같습니다.좋은 소식은 최근 피그마에서 업데이트가 있었는데, Lock ratio 기능을 플러그인 없이 피그마 안에서 구현했습니다. 아래 이미지 처럼 바로 프레임, 도형에서 Layout 안에서 제일 오른쪽버튼을 누르시면 길이가 정해진 비율대로 커지거나 작아집니다. 대신에 누르시기 전에 미리 계산을 하셔야합니다. 예를 들어, 4:3이면 400: 300으로 만들어 놓고 컴포넌트화를 하면 되겠죠. 그래서 이제 플러그인 대신에 피그마내 기능을 사용해보시는 것을 권장드립니다. 감사합니다. 볼드 드림. (사진)

Local variables

안녕하세요,그 이유는 페이지 안에 어떤 레이어도 베리어블이 없기 때문입니다. 아무데나 max-width, min-width 도는 padding 값을 적용하시면 뜰 것입니다. 보통 모드를 로컬베리어블에 등록해도 보이지 않는 이유는 로컬베리어블에 등록한 베리어블을 실제 캔버스에 사용하지 않았기 때문입니다. 한번 더 해보시고 안되시면 알려주세요! 감사합니다. 볼드 드림.