별개의 질문인데, 전혀 몰라서 여기에 질문남겨봐요,,ㅠ회사에서 피그마 쓸지 말지를 WPF환경에서 호환되냐 안되냐고 결정하신다는데,, 전혀 문외한이라 여기에 여쭤봅니다,,,

섹션2 번째 내용입니다.해당과정을 리액트에서 적용하면서 따라가고 있습니다. 돔접근에 대해서는 useRef를 사용해서 잘 따라가고 있는데, scrollSection1 의 부분에서 scrollSection1Msg1~scrollSection1Msg4 의 opacity 부분에서 아래와 같이 작업했습니다. 그런데 화면에 잔상이 남습니다. 완전히 opacity=0 가 되지 않는 것처럼 희미하게 글자들이 중첩되며 남아 있습니다. (맥북 M1) values : { selectionMsgA_opacity : [0 ,1, {start: 0.1, end:0.2}], selectionMsgA_opacity_out : [1 ,0, {start: 0.25, end:0.3}], else if (scrollRatio <= 0.3) { obj.Section1Msg1.current.style.opacity = calcValues(values.selectionMsgA_opacity_out, currentYoffset) obj.Section1Msg1.current.style.transform = `translateY(${ calcValues(values.selectionMsgA_translateY_out, currentYoffset)}%)`

■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. 첨부와같이 나오는데 설치가 안되어도 하나씩 입력하면 되기는 하지만 설치가 안되어도 상관없겠죠?아니면 대체하는 익스텐션이 있는걸까요?

코딩웍스 교수님 안녕하세요!필기시험 합격후 실기 시험 대비하여 수업을 듣고 있는 수강생입니다.저는,섹션 00. 부터 시작해서 섹션01.섹션02.를 수강하고 있는데요.수강하기 전에 미리 섹션13.에 있는 핵심이론 PDF교재를출력해서 준비한 후에 섹션02.수업을 듣고있습니다.그런데 강의 순서와 교재 순서도 맞지 않고,,HTML교재에는 이미지맵, 유튜브다운로드, 멀티미디어, 표만들기, 폼 요소등 더 많은 내용이 실려있는데강의목록에는 보이지않고... 다루지 않는 것 같아서의문이 생겨 질문 남깁니다.교재에는 있지만 강의목록에는 없는 부분들은혼자서 독학해야되는 부분인건가요? 비전공자라서 아예 처음이라 이 강의를 큰맘먹고 결제 후 차근차근 따라가며 실기준비를 하고자했는데강의에서는 다 다루지않아서....어떻게 준비를 해야되는건지 막막합니다. 그리고수업순서는 섹션00부터 차례대로 수강해나가면서실습을 같이 따라하면서 준비하면 실기 합격과 가까워지는 것은 맞는걸까요?? 바쁘신 와중에 질문 읽어주셔서 감사합니다.답변 부탁드립니다. 감사합니다.

웹디자인실기를 보려고하는데요 강의의 코딩하는것들을 여러 유형별로 암기하는건가요?제작하는 과정을 외워질때까지 몇번이고 만들어보면 될까요?

푸터부분에 일자로 되어서 강의처럼 안되는데 뭐가문제일까요 ,,선생님이 하신대로따라했는데 계속 저부분이 안되서 문의드립니다 ...ㅠㅠㅠㅠ

프러그인 - 아이콘에서 가져온 아이콘을 수정할 수 있는지 궁금합니다.

강의 후기 작성은 어디에 하면 될까요??

항상 친절하게 답변해주셔서 감사합니다.프레임을 만들고 프로토타입을 실행해서 보는데 특정 아이콘이 안 보이거나 특정아이콘이 화면에 고정되어서 보이는(아래 캡처사진, 돋보기 아이콘) 등의 문제가 생겼습니다.이럴경우, 어떻게 해결해야 하는지 모르겠습니다.

선생님 안녕하세요!사용자에게 다음 단계의 행동을 유도할 수 있는 것을 CTA라 이해했고, 이와 관련된 테스트도 20 ~ 30%로 한다고 하셨습니다. 혹시 회사에서 진행하셨던 테스트의 과정 및 결론이 어떻게 도출되는지 여쭤봐도 될까요?!(보통 내부 팀원 대상으로 테스트를 하여 정성적인 방식인 1:1 or n:1 인터뷰를 하시는걸까요?!)

■ 질문 남기실 때 꼭! 참고해주세요.마지막이론부분에 필수함수종류에 마우스엔터 마우스리버라고했는데. 마우스오버,마우스아웃으로도 적어도 별다른문제가 생길까요..¿¿- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.

 제목: 인프런 내 수강 중 강의에 대한 질문을 올리는 절차 및 환경에 대한 불편함배경: 사용자(나)는 강의 종료 후 하루 뒤에 과제(or 질문)에 대한 생각이 떠올랐음.과제를 작성하기 위해 거쳐야할 버튼이 3개였으며, 텍스트 작성하다 실수로 브라우저 뒤로가기 버튼을 했고, 다시 돌아왔으나 내용이 날라가 다시 작성함.영향 예측: 강의 내 과제(or 질문) 참여 활성도가 낮아질 것으로 예상됨.학생들이 직접 올리는 과제(or 질문)은 "참여율"을 판단하는 한 가지 지표로 보임.해당 지표를 눈 여겨 봐야할 이유는, 장기적 관점에서 사용자의 탈퇴율을 낮추는 회사의 핵심 목표와도 밀접한 영향이 있다고 판단됨.개선이 필요한 내용: 1. 강의를 수강하고 있는 사용자의 경우, 강의별 질문 올리기에 대한 접속 절차 개선(아래 스크린샷은 현재 접속 절차임)2. 텍스트 입력 환경 개선 필요입력 중 내용 자동 저장 기능 및 사진 이미지 조정 기능이 필요과제를 하며 느낀 점:디자이너가 어떤 문제를 발견해, 이를 해결해야겠다고 생각했더라도다른 팀원들 (기획자 및 개발자, CEO 등등)을 설득해 공감을 이끌어내는 것이 중요할 것 같다는 생각이 들었습니다. 또한 문제 발견 및 해결을 위한 리서치 과정의 관점에 대해서도 생각해보았습니다. 그 문제를 정당화시키는 관점이 아닌, 객관적으로 보는 자세가 역시 중요하며, 이를 계속 고수하는 것이 필요하겠다고 생각했습니다.질문 사항:사실 과제를 하며, 제가 느낀 불편한 점이 정말 맞는가? 내가 제기한 불편함이 소수의 사용자가 느끼는 불편함이면?과 같은 의문이 들었어요. 또 한가지는 강렬하게 들었던 생각은원래 기능을 잘 몰라 그런 것이 아닐까? 에 대한 것입니다.이런 생각이 들면 어떻게 해야 하는 것일까요?파악하지 못한 기능이 없는지 더 적극적인 자세로 임해 기능을 찾아봐야 하는 것인지, 선생님의 생각이 궁금해 질문 드립니다.참고로 좋은 UX 사례는 다시 정리해 글 올리도록 하겠습니다. 읽어주셔서 감사합니다! 앗, 제가 과제의 의도를 잘 이해하지 못한 것 같습니다."디자인 원리를 토대로" 라고 이야기 해 주셨는데, 그저 제가 느낀 불편감을 토대로 입력했던 것 같습니다. 디자인 원리에 근거해 다시 다른 주제로 과제올려보도록 할게요! 감사합니다 :)

안좋은 UX 사례로 배달앱 요기요 탈퇴 시스템을 선정했습니다.사용자가 회원탈퇴를 하기위해 앱 상에서 탈퇴하기를 찾아들어간 상황이지만. 계속 이용하기 버튼이 존재하며탈퇴하기보단 계속 이용하기를 강조하는 버튼과 색상을 사용함으로서. 요기요측 에서는 사용자 탈퇴를 일부 막을수 있겠지만,사용자에게 혼동을 주는 UX이라 생각합니다.오히려 사용자가 계속 이용하기를 실수로 눌렀다 한들. 브랜드 이미지에대한 반감만 생길뿐이라 생각되는 UX입니다.일반적으로 사용자가 생각하는 탈퇴시스템의 mental model과 너무 상반되게 UX를 디자인한것같습니다.사용자의 문제해결, 편의, 사용자 관점에서 디자인한 UX가 아닌. 요기요 브랜드측 의도에 따른 디자인이라 생각됩니다.그리고 선택지를 체크 해야 탈퇴하기 버튼이 활성화되어 행동유도 디자인 또한 부족하다 생각됩니다. 좋은 UX 사례로 애플 소유의 노래찾는 앱 Shazam. 입니다.이앱을 처음접하는 사용자라도 어떻게하면 노래를 찾을수있는지 행동유도가 잘 디자인되어있다고 생각합니다.또한 대응의 원리또한 잘 적응되어있다고 생각합니다.애플 소유의 앱이라노래찾는 기능과 연관지어 애플뮤직을 이용하라는 광고성 문구를 충분히 넣을 가능성이 있지만,그렇지 않고 사용자의 관점에서 잘디자인한것같습니다. 선생님 덕분에 재미있게 UXUI에 대하여 재밌게 잘이해하며 공부하고있습니다.한가지 질문이있습니다.UX의 좋은 원리에서 행동유도와 대응의원리가 유사하다고 이해가 되는데 정확히 분명하게 차이를 스스로 설명하기 어렵습니다. 차이점이 무엇일까요? 

하단 Tab 바에 들어가는 아이콘 사이즈를 줄였을 때 아이콘 굵기가 굵어지면서 아이콘 모양이 달라지는데요아이콘 모양을 변형시키지 않으면서 사이즈를 줄일 수 있는 방법이 있나요?

제품 상세 페이지 디자인 관련색상 컴포넌트 설정 시 local styles- color style 과 local variables 차이점이 궁금합니다.색상 컴포넌트를 반영했는데 local styles 과 local variables로 구분해서 저장되었습니다.

선생님 안녕하세요! 가설을 세우고 (예를 들어 이 서비스의 이 기능을 많이 사용할 것이다.), 이에 대한 검증에 필요한 방법이 사용자 리서치라고 하셨는데요. 혹여나 해당 기능이 실제로 많이 안쓰인다면, 즉 가설을 잘못 정해서 검증에 실패했다면 어떻게 하나요? 이런 경우 디자이너의 신뢰도도 떨어질 것 같아 왠지 좀 두려운(?) 부분인 것 같습니다. 현업에서 이러한 사례가 있었는지도 궁금합니다!

공지사항 갤러리와 바로가기 제작이 생략 되어있어서다른 실전 제작 강의를 참고해서 혼자 만들어보았는데, 공지사항과 갤러리 사이 간격을 주고싶은데 방법을 모르겠습니다 ㅠ그리고 바로가기 메뉴와 갤러리 메뉴 사이에도간격을 주는 방법을 모르겠는데 어떻게 하면 될까요?지금 제가 작성한 html과 css에 어떤걸 추가하면 될까요 ㅠㅠ?

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)- 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다.- 먼저 유사한 질문이 있었는지 검색해보세요.- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 원래 위처럼 document.querySelector("#scroll-section-0 .main-message.a"),.main-message.a 와 같이 클래스는 붙여서 작성해야하나요? 띄워서 작성하니까 안찾아지던데아이디와 클래스는 다른 속성이라서 띄워주고, 클래스끼리는 붙여서 작성해야하는 건가요아니면main-message클래스랑 a클래스는 형제클래스니까 부모 자식의 관계를 뜻할 때만 띄워주는 건가요?

종합 실전예제3. 이커머스 앱 UI 디자인- 오픈소스 템플릿을 활용한 UI 디자인 기초작업 강의에서 질문드립니다.하단 탭바를 복사해서 왔을 때 Star 아이콘 프레임 수치들이 고정값으로 수정할 수 없게 되어있습니다.Component 가 제대로 삭제되지 않는 것 같습니다.강의에서 알려주신대로 복사하고 해당 Component를 삭제해도 Go to main component 누르면 오픈소스 파일로 넘어갑니다.

웹 제작 에디터(아임웹)에서 해당 기능을 사용하려고 합니다. 수업에서는 파일을 불러오는데.. 웹 에디터에서는 그런 기능을 지원하지 않아 전체를 복사해서 붙여 넣었는데 오류가 발생합니다.외부 기능을 쓰는 web-animations 기능은 cdn으로 적용이 잘 되었습니다.혹시 scroll-timeline.js 내용도 cdn으로 불러올 수 있는 방법이 있을까요??검색해도 찾을 수가 없어 문의드립니다. ^^a