174만명의 커뮤니티!! 함께 토론해봐요.
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
벡터 그릴 때, 시작점에서 다음점으로 그은 다음에 언급하시는 "정점으로 가서 끊어주시고~" 라고 하시는데요. Q1. 정점의 뜻은 무엇이고, 정점은 어디에 해당되는 건가요? 영상을 보면서 아무리 반복해서 들어도 이해가 안되서요 ;;; Q2. 끊어준다는 말은 어떤 의미인가요? 이것도 잘 모르겠습니다. ;;;
해결됨
디자인 감각? 타고나는 게 아닙니다. '뇌과학'으로 설계하는 UX/UI 디자인 법칙
안녕하세요, 강의 너무 잘보고있습니다. 혹시 강의하실때 사용하신 자료를 pdf 형태로 공유 부탁드려도 될까요? 메모 하면서 강의 들으면 훨씬 도움이 많이 될 것 같습니다. 제 메일주소는 id_139@hotmail.com 입니다. 감사합니다.
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
사회성 지수 오토레이아웃을 복사한 뒤 사회성지수 텍스트를 스마트폰 숙련도로 수정하면 강사님 화면과같이 자동 간격조절이 되는것이아니라 텍스트가 동그라미를 겹치게 됩니다
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
선생님, property로 묶었는데 밖에 나와도 네모가 1개가아니라 4개 네모로 나오고 아이콘을 변경해도 그대로 인데ㅠㅜ 왜그런걸까요 ?
해결됨
피그마 시작하기
6번 강의 스타일 만들기 예제 는 제공이 안되나요? 실습 파일에 없어요
미해결
피그마 시작하기
각 강좌에 사용되는 예제는 제공이 되지 않는건가요? 예) 프레임, 그룹 때 사용한 학습완료 파일 등등 예제는 그냥 눈으로 강의보면서 확인하고 실습은 못하는건가요?
미해결
피그마 시작하기
강의를 여러번 봤는데도, 사진확대 컴포넌트를 만들고 인스턴스 컴포넌트를 프레임안에 넣고 사진을 어떠게 넣으라는건지 잘 모르겠습니다. 그룹을 해야 하는건지...인스턴스 컴포넌트안에 이미지를 넣을수는 없지 않나요., 그부분에 자세한 설명이 없어서 ....
미해결
피그마 시작하기
스트링베리어블로 이미지전환 인터렉션 만들기에서 다음버튼 처럼 이전버튼 만들려고 하면 이전버튼에 인터렉션을 동일하게 주면 되는건지요? 이미지3 -> 이미지2-> 이미지1 음....그렇게 했을때는 안되어서요
해결됨
피그마 시작하기
30.7-상품확대 인터렉션 만들기에서요 컴포넌트까지는 다 만들었는데요, 마지막에 이미지에 붙여넣기 할때 어떤식으로 하는건지 강의 봐서는 잘 획갈려서요 이미지를 4개 배치했고, 이미지가 각각 있는데 그걸 그룹화해서 넣어야 하는건지 어떤건지...잘.....
미해결
코어 프런트엔드 UI - Part 1
혹시 강의 난이도에 대해서 문의드리고싶은데... 저만 어렵게 느껴지는건...아니겠죠..?
미해결
반응형 UI디자인 완전 정복 with 피그마
수업의 내용은 모두 이해되었지만 피그마에 동일 조건을 적용 시 같은 결과값이 나오지 않는 문제가 있습니다. 수업에서는 '베스트 웨스턴 호텔'에 좌우 Fill 만 적용했을 때 Wrap은 되지만 박스 안에 텍스트가 들어가지 않기 때문에 상하 Fill도 적용해야 한다고 말씀해주셨습니다. 캡쳐된 화면상 보시는 것과 같이 '베스트 웨스턴 호텔' 텍스트에 상하,좌우 Fill을 적용했으나 여전히 박스 내부로 텍스트가 들어가지 않아서 Wrap을 했을 때 텍스트가 겹쳐보이는 문제가 있습니다. 여러번 다시 시도해보았으나 결과값이 같아서 혹시 어떤 문제인지 알고 계시다면 알려주시면 학습에 적용해보도록 하겠습니다. 감사합니다:)
미해결
코어 프런트엔드 UI - Part 1
안녕하세요 오늘 강의를 구매했는데, 깃헙클론 부터 초기셋팅 하는법이 어딨는지 몰라서... 혹시 캡처로 첨부드린 내용이 어딨는지 알 수 있을까요?? 감사합니다
해결됨
반응형 UI디자인 완전 정복 with 피그마
안녕하세요, 강사님. 강의 잘 듣고 있습니다. 좋은 자료와 설명 감사드립니다. 🙇♂ 실습 파일을 공유해주실 때, 편집 권한도 함께 제공되는지 궁금합니다. 확인해주시면 감사드리겠습니다. 또한, 필요하다면 개별적으로 메일 주소를 전달드리겠습니다. 감사합니다! 🍀
미해결
피그마 시작하기
지금 강의하실 때 사용하시는 피그마 예제는 어디서 어떻게 불러오나요? 내PC에 다운받아서 따라하고 싶은데... 윈도우 오프라인 환경의 PC에서요.
미해결
반응형 UI디자인 완전 정복 with 피그마
학습 관련 질문을 남겨주세요. 구체적일수록 좋습니다. 영상이나 이미지 캡쳐를 해주시면 더더욱 좋습니다. 질문이 구체적일 수록 저도 질문을 정확히 파악하고 적절한 답변을 드릴 수 있습니다. 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해보세요. 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 반응형 디자인 강의의 영상과 직접적인 관련이 없는 질문은 가능하면 카카오 오픈 그룹챗에 올려주세요. 오픈챗 정보는 다음 링크 를 확인해주세요. 저는 캐나다에 거주해서 영어에 적응하려고 영어 음성으로 듣는데 8:56초에 영어가 아닌 중국어(?)가 몇초 나와요. 앞의 몇군데도 그랬구요..
미해결
코어 프런트엔드 UI - Part 1
<리스트> <레코드1/> <레코드2/> </리스트> 일 경우… 리스트단에서 use client로 한 후 zustand에서 리스트 자체를 통으로 관리해야하는가? 각각의 레코드에 use client를 한 후 데이터를 받으면 zustand에 리스트를 만들어 레코드별로 hash(Map)으로 등록해 관리해야하는가? 레코드에는 좋아요, 조회수 등이 표시됨. 제 생각은 1번은 SEO가 중요한건 각각 레코드 (상세페이지) 이므로 zustand에서 통으로 넣어 관리하면 되니 구현 및 데이터 신뢰도에서는 나아보이는데 하나바뀌면 전부 렌더링되니까 애매한거같고 2번은 서버에서 모두 다 가져와서 초기속도는 빠르고 seo에 좋으나 zustand에 통으로 못넣고 데이터 자체를 내가 직접관리하는 구조라 구현 및 데이터 신뢰 측면에서는 골치아플거같은데… 무엇이 일반적인 구현방식인지 모르겠습니다. 도와주세요 ㅠㅠ
미해결
[입문자를 위한 UE5] Part2. 언리얼 엔진 2D 게임 개발 입문
강의 영상을 보면 UI가 캐릭터 스프라이트 위에 뜨는데 저는 위의 사진처럼 스프라이트에 UI가 가려집니다. 혹시 어떤 설정을 빼먹어서 그런 것인지 알 수 있을까요?
해결됨
유니티 시스템 프로그래밍 Pt.1 - 상용 게임 구현을 위한 핵심 시스템 올인원 패키지
좋은 강의 감사드립니다. 현재 설계 상 각 씬마다 LobbyUIController, InGameUIController 각각 해당 씬의 UI 캔버스를 가지고 해당 씬 고유의 UI 를 그리고, UIManager 또한 스스로의 캔버스를 가지고 DontDestroyOnLoad 에 남아서 여러 씬에서 공통적으로 사용되는 UI 를 그리고 있는데요. UIManager 가 DontDestroyOnLoad 에 상주하면서 모든 UI 를 그리는 구조와 비교했을 때 장단점이 무엇일지 여쭤보고 싶습니다. 캔버스와 카메라가 많은 것보다 UI 관련 캔버스를 하나로 통일하고 싶은데 스스로 생각해보아도 두 설계의 장단점에 대해 구체적으로 결론내리기가 어려웠습니다. 감사합니다!
미해결
코어 프런트엔드 UI - Part 1
만료일까지 완강을 못할거 같은데 가능하다면 수강기간을 몇일이라도 늘려주실 수 있을까요? 첫질문이 수강기간에 관한 내용이라 죄송합니다 !!
해결됨
코어 프런트엔드 UI - Part 1
안녕하세요! 항상 유익한 강의를 제공해 주셔서 감사드리며, 강의를 통해 UI를 다양한 방법으로 구현하는 법과 요구 사항의 디테일한 부분을 어떻게 처리해야 하는지에 대해 많은 것을 배우고 있습니다. 조심스럽게 여쭤보고 싶은 점이 있어 글을 남깁니다. 혹시 시간이 괜찮으시면 선생님의 고견을 듣고 싶습니다. - tooltip의 react 버전 viewportContext.tsx에서 useSyncExternalStore()사용부분 useSyncExternalStore를 통해 외부요소의 변화를 구독할 수 있게, 첫번째 인자로 subscribe를 넘기고 해당 상태를 컴포넌트와 동기화 할 수 있도록 두번째 인자로 getViewportRect를 넘기고 있습니다. 첫번째 인자인 subscribe는 함수의 참조를 넘기는데, 두번째 인자인 getViewportRect는 "getViewportRect()"로 값을 넘기고 있어, 이 부분에서 조금 의문이 생겨 아래와 같이 수정하면 어떨까 생각했습니다. useSyncExternalStore의 두번째 인자에도 함수의 참조를 넘기도록 수정하여 react에게 제어권을 넘기고, getViewportRect에서 리턴된 함수는 stored값을 기억할 수 있도록 즉시실행함수로 만드는 방식입니다. const getViewportRect = (() => { let stored: Rect = DefaultRect; return () => { const el = typeof document !== 'undefined' && document.scrollingElement; if (!el) return stored; const { left, top, width, height } = el.getBoundingClientRect(); const newRect = { left, top, width, height, scrollHeight: el.scrollHeight }; if (newRect && !isSameRect(stored, newRect)) stored = newRect; return stored; }; })(); //1. 즉시실행함수로 수정 const ViewportContextProvider = ({ children }: { children: ReactNode }) => { const viewportRect = useSyncExternalStore(subscribe, getViewportRect); //2.두 인자 모두 참조만 넘기도록 수정 return ( <ViewportContext.Provider value={viewportRect}> {children} </ViewportContext.Provider> ); }; 이렇게 수정하는 것이 더 나은 방법일지 여쭙고 싶습니다. useStyleView.ts에서 useLayoutEffect의 의존성배열에 참조 자료형 넣는 것 viewportRect가 객체인데, 이를 의존성배열에 그대로 넣는것이 괜찮은지 궁금합니다. const viewportRect = useViewportRect(); //객체 useLayoutEffect(() => { ... }, [viewportRect, wrapperRef, targetRef, position]); viewportRect에서 개별 값만 분리해서 넣는 방법도 고려해 보았습니다. const { top, left, width, height } = useViewportRect(); //생각해본 버전 useLayoutEffect(() => { ... }, [top, left, width, height, wrapperRef, targetRef, position]); 강의자료에 완성코드가 있다고 하는 걸 어디서 본 것도 같은데... 제가 어디있는지 찾지를 못해서... 🥲 강의 내용만 보고 작성한 코드임을 양해 부탁드립니다. 🙇♀
