묻고 답해요
148만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
gnb 를 이렇게 수정해 봤어여
gnb 를 이렇게 수정해 봤어여https://github.com/hyunsokstar/challenge_gnb 부모 메뉴일 경우 토글 가능하도록 react 상태와 연동https://github.com/hyunsokstar/challenge_gnb/blob/main/src/app/Component/ParentGnbItem.tsx zustand 로 현재 active 메뉴 관리https://github.com/hyunsokstar/challenge_gnb/blob/main/src/app/Component/ChildGnbItem.tsx https://github.com/hyunsokstar/challenge_gnb/blob/main/src/app/%5B...item%5D/stores/isActiveLinkStore.ts결과:이렇게 수정한 방식도 괜찮을까여?그리고 강의에서 src\app\[...item]\page.tsx 에서 url path를 얻어와서 Next Js 의 파일 기반 페이지 라우팅을 통째로 custom 하는 방식을 사용하는데 이런 방식은 Next Js에서 gnb 를 구현 하는 이상적 혹은 보편적인 방법 이라서인지 아니면 강의를 위한 제한적 구현인지 궁금합니다
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
class 자동완성 방법은 없을까요?
classnames/bind 를 사용하지 않고, classnames를 사용할 때, typescript-plugin-css-modules 라는 것을 사용하면 위와 같이 현재 scss파일 안에 있는 클래스들이 보여지게 되는데요! classnames/bind 를 통해 cx를 만들어 사용할 때도 클래스들이 자동완성 됐으면 좋겠다고 생각이 들었습니다. 혹시 이것에 대한 방법이 있을까요?
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
css 만으로 아코디언 애니메이션을 적용할 경우, 다른 libary들은 코드로 그부분들을 해결해주고 있는걸까요?
애니메이션 관련해서 깊이 고민해보지 못한 부분(디테일)들을 발견할 수 있어서 의미있는 강의 였습니다. 강의에서 "item3" classname 을 적용하는 과정 중 얻은 인사이트는 컨텐츠 사이즈에 따라 height가 변경되는 애니메이션을 적용할 경우, 닫히는 아코디언 요소와 열리는 아코디언 요소가 이상하게 동작한다는 내용을 다루셨는데 저도 이상하는 느낌은 들었지만 정확한 원인을 모르겠네요.transition-duration:0.3s 은 같기 때문에 같이 닫히는게 동시에 닫히고 있는게 맞는데 왜 이상하게 느껴질까요?"ease" 가 그런 느낌을 주는 원인이 아닐까하고 그냥 넘어갈까 싶은데 혹시나 모르는 부분이 있을까 질문 남겨봅니다.:)
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
보통 GNB가 있는 프로젝트에 이렇게 심혈을 기울여 Routes를 따로 만드나요?
GNB를 구성하는 다양한 방법이 있을 것 같은데혹시 널리알려진 정형화 된 방법이 있을까요? 혹은 관련 지식이 프로젝트에서 알려주신 방법이 마음에 들어서 한번 적용해보려고 합니다. 🙂
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
강의 자료 다운받았는데 06_lazyLoading/4_r 폴더가 없어요
안녕하세요! 알림 보고 바로 수강신청했습니다 ㅎㅎ그런데 강의 자료를 열어보니 06_lazyLoading/4_r 이 쓰여지고는 있는데 폴더가 없네요... const LazyImage = dynamic(() => import('@/components/06_lazyLoading/4_r/lazyImage'), { ssr: false }) 실행도 못해보고 터져버린 앱... ㅠㅠ
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
테스트케이스가 아닌 신규 제품 개발의 경우
안녕하세요, 포트폴리오 작성과 관련하여 질문이 있습니다. 강의 전체적으로 보여주신 테스트케이스 이외에,초반부 말씀하셨던 신규 제품(서비스) 개발의 경우에도 알려주시는 방식 또는 순서에 따라 하나 하나 진행해가면 될까요? 테스트케이스와 신규 개발 두 가지 모두를 포트폴리오에 넣고 싶을 경우에도 그 작업 방식에는 큰 차이가 없을지 궁금합니다! 감사합니다 :)
-
해결됨스프링 핵심 원리 - 기본편
프로젝트탭에서 자바 아이콘 동일 문제
안녕하세요.프로젝트 탭에서 자바아이콘이 모두 커피잔(?)으로 동일하게 나오고 있어서 문의 드립니다.구글에 아무리 뒤져봐도 저같은 경우는 없는 것같아서 문의 드려요.같은 자바 파일이여도 Class파일은 'C' 아이콘, Interface파일은 'I'아이콘 어노테이션은 '@'아이콘 등등 으로 나오는게 정상인 것 같은데 확인 부탁드려요...▶
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
UI 실무에서는 어떤식으로만드나요?
안녕하세요! 혹시 UI 를 만드는경우 디자이너는 피그마나 포토샵 등등으로 이렇게해주세요 하고 줄것같은데 이런경우 피그마나 포토샵의 경우 왼쪽에서 몇px 이 떨어졌고 해당오브젝트는 40px * 40px 이고 이런식으로 값이있을것같은데 유니티의 경우는 그런사항을 비율로만 맞추나요? (물론 오브젝트는 px 로 맞출수있을거 라 생각합니다!) 디자이너가 유니티개발자에게 UI 디자인을 준다디자이너는 자신의 레이아웃대로 만들어주기를 원한다개발자는 레이아웃대로 비율로는 만들수 있지만 정확히 x,y 의값을 px 로 할수없다?
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
이해관계자 분류
이해관계자를 분류할 때예시를 들어주신 것처럼 (600만원, 500만원, 400만원.....)그 기준은 제가 임의로 정하는 건가요?기준을 어떻게 잡아야 하는 지 모르겠어요.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
프로토타입 (1)과 (2) 영상 내용이 같아요
5주차 프로토타입 (1)과 (2) 영상 내용이 같은데어떻게 된 건가요?
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
pdf파일 어디서 다운 받을 수 있나요?
pdf파일 어디서 다운 받을 수 있나요?
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
디버그 시 상단에 스레드 표시하는 UI는 어떻게 활성화할 수 있나요?
비주얼 스튜디오 디버그 시 프로세스, 수명 주기 이벤트, 스레드, 스택 프레임 등이 적혀 있는 UI를 활성화하고 싶습니다. 눈에 보이는 관련 키워드로 구글링 먼저 해봤지만 도통 찾아내기가 어려웠습니다. 어떻게 하면 상단의 UI를 활성화할 수 있을지 간곡히 여쭤봅니다.
-
미해결
웹에서 그래프, 동적 이미지, 차트 등을 구현할 수 있는 언어 또는 스터디
안녕하세요, 저는 중소기업에서 개발을 담당하는 인력입니다. 저는 모니터링 시스템을 웹으로 구현하고 싶습니다. 관리하는 장비들의 데이터를 통신으로 가져와 DB에 저장하고, DB의 데이터를 Ajax등을 통하여 가져올 수 있습니다. 이제 프론트엔드를 구성하여 장비의 데이터를 그래프화 하고, 데이터 로그를 시간대별로 출력하고 싶습니다. 그러다 인프런에 가입하게 되었고, 검색을 해보았지만 너무 많은 정보들이 저를 혼란스럽게 하네요. HTML, CSS, JavaScript는 어느정도 할 수 있습니다. 정적인 출력이 아닌, 그래프나 데이터에 맞게 변하는 이미지들을 구현하고 싶습니다. 또한 날짜/시간을 지정하면 DB에서 해당 로그를 시간순으로 출력하고 싶습니다. 어떤 것들을 공부하면 좋을까요? 여러 방향이 있겠지만, 한가지 방향을 제시해주신다면 정말 감사하겠습니다. (ex) 리액트→타입스크립트 / 뷰js→워드프레스) 일단 그 방향으로 전진해보고, 이 영역에 대해 느끼고 깨달은 다음 저한테 정말 필요한 것이 무엇인지 고민해보고 싶습니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
인벤토리 이미지가 위쪽으로 정렬되는 이유를 모르겠습니다..
이미지 그리고 패널의 그리드 여러가지 건드려봐도 위쪽으로 계속 고정되어 있습니다.. 이유를 알고싶네요
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
팝업을 풀링 하고싶습니다
자주쓰는 팝업 같은경우 풀링을 하고싶습니다. 해당프리팹에 poolable 컴포넌트 추가해서 하긴했는데 풀오브젝트가 transform이라서 경고가 뜹니다.! UI같은 경우 오브젝트풀링을 어떻게해야할까요?. 상점을 팝업식으로 하려는데 계속 껏다키면 데이터를 다시불러와야 하니깐 풀링을 사용해야 맞는것인지.. 그냥 생성,파괴로 해야하는지 궁금합니다.
-
미해결스케치 뚝딱 끝내기! 입문자용 무료 강좌
안녕하세요 해상도 관련 질문 올립니다:)
안녕하세요! 해상도에 궁금한 점이 있어서 질문 올립니다. 안드로이드는 대부분 해상도 가로 360px, IOS는 해상도 가로 375px로 만들어서 디자인하는걸로 아는데 그럼 디자인 하실 때 안드로이드, IOS 디자인을 각각 만드셔서 제플린에 올리시나요? 그리고 최근에는 무슨 해상도를 기준으로 작업하시는지 궁금합니다! (현재 회사에서는 가로 375px로 디자인하여 안드로이드,IOS 동일하게 제플린으로 내보내져있습니다...디자이너분이 퇴사하셔서 이게 맞는건지 다른 회사는 어떻게하고 있는 것인지 물어볼 사람이 없어서 부탁드립니다...ㅠㅠ 유튜브도 항상 잘 보고 있습니다..!)
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
UI 접근 질문이요.!!
강사님 강의도 듣고 다른 강의도 들어보면서 UI관련 궁금한점이 생겼습니다.!! 예를들어 총을발사 후 총알수보여주는 UI에서 총알수를 변경을 하고싶은데요. 어떤식으로 접근해야하는지 궁금합니다. 예를들어 총 관련스크립트{ 총알 발사 => 총알숫자감소 총알관련 UI접근 =>감소 } UI스크립트{ Update() { 총관련스크립트에서 총알 수를 읽어 온 후 UI변경 } } 주로 첫번째 방법을 이용했었는데요. 첫번째 방법처럼한다면 Manager.UI. 이런식으로 어떻게 접근을 해야할것같은데 어떻게 접근을 해야하는지 궁금합니다. 이런 총알 관련 UI가 UI_Scene을 상속받은 후 접근을 해야하는지.. 아니면 UI_HpBar.cs 코드처럼 2번째 방법을 이용하는게 나중에 코드들이많아지면 이방법이 더 좋은방법인가요?.이방법도 옵저버패턴인지도 궁금합니다.!