inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

VS code에서 문자열을 정렬하는 단축키가 궁금합니다!

해결됨

카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)

긴 문자열이나 문단을 입력하면 텍스트 에디터 내에서 한번에 볼 수 없어 조금 불편한 점이 있었는데, <HTML 태그에 대해(2)> 강의 중 1:19~1:21 사이에 사용하신 정렬 단축키가 따로 있으시다면 어떤 것인지 궁금합니다! 좋은 강의 감사합니다~!

  • HTML/CSS
  • 웹-디자인
  • 클론코딩
김이삭 댓글 1 좋아요 0 조회수 583

반응형 설정 오류

해결됨

구글 애드센스 수익형 워드프레스 블로그 만들기

강사님 안녕하세요! 워프 반응형 설명하실때 PC, 테블릿, 모바일 각각 설정을 다르게 변경해주시는데 저는 테블릿에서 설정을 바꾸면 그게 전체에 적용되어서 각각 설정이 안되고 전체 변경이 됩니다ㅠㅠ 계속 이부분을 설명하시는데 방법이 없어서 질문드립니다...ㅠㅠ 제가 설정을 잘못한걸까요? PC에서 저장하고 테블릿 부분 다르게 변경해도 동일하게 PC에도 해당 설정이 반영됩니다ㅠㅠ

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
rnrcjs12 댓글 1 좋아요 0 조회수 316

워프 설치 전 문의드립니다

해결됨

구글 애드센스 수익형 워드프레스 블로그 만들기

안녕하세요~ 카페 24로 호스팅했다가 제한이 많이 강의내용 따라가기가어려워 다시 패스트코멧으로 호스팅을했습니다. 도메인도 호스팅케이알에서 받아 진행을하고, 이제 30시간 넘어 지났는데요 아직도 도메인 접근하면 호스팅이 연결이 되지않은것 같아, 강의보기를 더 진행을 못하고있습니다. 혹시 도메인 연결되기전에 미리 워프를 설치하고 강의내용을 따라 설정을 해도 되나요? 아니면 다른 방법으로 진행하고, 나중에 다른 변경설정을 해야되는지 알고싶습니다. 설 연휴다보니.. 테마를 요청드리고 빨리 받아서 적용을 하고싶어서^^;; 문의드립니다. 감사합니다 : )

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
triride 댓글 1 좋아요 0 조회수 378

디자인 원리가 잘 적용된 사례

미해결

뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론

부스트코스 가입페이지 상태안내, 에러방지 CTA 강조 맥북 Finder 기능 좌측 메뉴, 우측 프로그램 안내가 유사성의 원리로 각각 다른 개체로 인식되게 함 계산기, 메모, 이미지캡쳐 프로그램은 스큐어모피즘 기법을 활용해서 현실과 비슷한 이미지로 친숙함 상승 근접성의 원리로 아이콘과 관련된 텍스트를 붙여서 배치, 관련 없는 아이콘끼리는 서로 거리를 두어서 유저들이 각 프로그램을 효과적으로 인식하게 함

  • 웹-디자인
  • 모바일-디자인
Winn 댓글 1 좋아요 0 조회수 372

좋은 UX, 안좋은 UX 사례

미해결

뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론

좋은 강의 감사드립니다. 내가 생각할 때 좋은 UX 2개 구몬 학습지 홈페이지 1) 홈페이지 진입 시 큰 카테고리를 상위에 배치해서 유저가 궁금한 점들을 눌러보게끔 유도, 구매로 이어지는 경로를 잘 만들어둠 ㄴ카테고리 이름도 직관적이어서 사용자의도가 낮은 유저도 바로 클릭할 수 있음 2) 큰 카테고리 '학습 과목' 클릭 시 - 유아,초등,중고등,성인으로 중형 카테고리 노출하여 세부적인 유저 니즈를 잘 공략함 3) 성인 클릭 시에도 영어, 중국어, 일본어 등의 세부 카테고리를 소개하여 유저가 원할만한 상품들을 보여줘서 클릭하게 만듦 4) 상세페이지에 실제 제품 사진들로 사용경험을 구체적으로 그려줌, 마지막 하단엔 상담 신청을 유도하여 자연스럽고 가볍게 구매 결정 유도 필립스 버티컬 마우스 : 일반 평면적인 마우스는 사용할수록 유저의 손목 통증 생김 > 버티컬 마우스는 유저가 통증없이 편하게 사용할 수 있도록 수직으로 만듦 > 오래 사용해도 손목 통증 없이 편하게 쓸 수 있다는 점이 좋은 UX로 느껴짐 -- 내가 생각할 때 안좋은 UX 재능교육 홈페이지 1) 큰 카테고리가 가장 먼저 노출되긴 하지만, UX writing이 직관적이지 않고 모호해서 각각의 카테고리가 무엇을 의미하는지 헷갈림 > 처음 웹사이트 진입 후 헤매게 됨 2) 큰 카테고리 클릭 시 노출되는 중간 카테고리의 정보 구조 설계가 적합하지 않아보임 3) 하단 '스스로상품' 카테고리의 중간 카테고리 정보에 유아맘/초딩맘 등만 나와있으니 이 타겟에 해당하지 않는 유저는 이탈하게 만듦, 언어별/과목별 상품명이 나왔다면 쉽게 클릭했을 것 같음 LP 플레이어 1) 사용법: 이미지 상단에 있는 흰색 침을 LP 위에 올림 > 3번째 버튼을 눌러 LP에 침을 붙임 > Start 버튼 클릭하여 재생 2) 침을 내리는 버튼인 세번째 버튼을 start 버튼보다 앞에 위치하게 했으면 훨씬 덜 헤맸을 것 같음 과제 올립니다~!

  • 웹-디자인
  • 모바일-디자인
Winn 댓글 1 좋아요 0 조회수 871

익스텐션 설치 질문이요

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

시험준비자는 익스텐션 auto rename tag html to css autocompletiom htmltagwrap bracket pair colorizer 2 indent-rainbow material theme html css support beautify color picker liveserver 전부 설치하면 안되나요? 그리고 color picker 없으면 색깔이 안뜨는데 그러면 색이름만 적나요?

  • HTML/CSS
  • jquery
  • 웹-디자인
gssfvisw16 댓글 1 좋아요 1 조회수 213

시험장에서 단축키 설정

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

시험장에서 프로그램에 단축키설정 원하는키로 세팅 바꿔줘야 되나요?

  • HTML/CSS
  • jquery
  • 웹-디자인
gssfvisw16 댓글 1 좋아요 1 조회수 321

유효성검사 강사님처럼 쉽게 하는 방법

미해결

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

강사님 안녕하세요! 유튜브에서 보고 인프런까지 따라와서 강의 잘 듣고 있습니다! 실전사이트A 영상1시간19분쯤에서 유효성검사 엄청 편하게 하시던데 어떤 툴을 사용하면 되나요?

  • HTML/CSS
  • javascript
  • jquery
  • 웹-디자인
훈훈한 비버 댓글 1 좋아요 0 조회수 228

Variable collection 순서

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요 강의를 듣고 variable을 제작하다 궁금한 점이 있어 글을 남깁니다. variable에서 collection을 정해놓았는데, 실제로 사용하다보면 이 collection의 순서대로 토큰이 뜨지 않더라구요.. 또한 collection의 순서를 바꿀 수 있는지 궁금합니다.

  • 웹-디자인
  • figma
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
형광색수달 댓글 1 좋아요 0 조회수 634

반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?

미해결

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

pc에서 띄우는 이미지와 모바일에서 띄우는 이미지를 다르게 바꾸려면 어떻게 하면 좋을까요? <section class="welcome" id="feature1"> <img src="images/bg-welcome.jpg"> </section> 여기서 쓰는 이미지를 바꾸고 싶어요

  • HTML/CSS
  • 웹-디자인
  • 포트폴리오
d111 댓글 1 좋아요 1 조회수 224

[텍스트 상자] placeholder의 icon과 텍스트 배열 관련

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

텍스트 필드에서 제작한 placeholder를 가져와 크기를 변경해 위와 같이 텍스트 상자를 제작했습니다. 이때, 컴퍼넌트의 크기를 변형하자 위와같이 텍스트가 위쪽으로 쏠리는 현상이 나타납니다. 해결할 수 있는 방법이 궁금해 질문 남깁니다. 고맙습니다. ※참고

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
김보준 댓글 1 좋아요 0 조회수 519

이미 완성된 반응형 사이트가 있을 때

미해결

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

안녕하세요 선생님 전자책 잘 읽었습니다! 기획서, 기능정의서를 만들어서 넣는 게 좋다고 전자책에 쓰여있는데 제가 이미 완성된 반응형 사이트가 하나 있긴 합니다. 이미 완성된 반응형 사이트의 기능정의서, 기획서를 다시 만들어서 넣는게 좋을까요 아니면 그 시간에 다른 클론코딩이나 반응형, 모바일 웹을 만드는 게 나을까요? 제가 알바를 하면서 취준을 같이 하는 중이라 시간이 많지 않아 최대한 빨리 취업하고 싶은 마음에 이런 질문을 드립니다 감사합니다!

  • HTML/CSS
  • 웹-디자인
  • 포트폴리오
라면라미 댓글 1 좋아요 1 조회수 281

primitive 지정이 필수인지 궁금합니다.

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요! 강의 너무 잘듣고 있습니다. 지금 회사에서 사용하는 기본 설정을 이번 강의를 통해 디자인시스템으로 만드는 걸 목표로 수업을 듣고 있습니다. 다만 이를 진행함에 있어서 궁금한게 있어서 질문을 드립니다. 현재 저희 회사는 제가 혼자 디자인을 하다보니 따로 primitive에 해당하는 컬러값을 지정하지 않고 바로 semantic으로 이름을 설정해서 사용하고 있었는데요! primitive는 결국 기본 컬러값의 나열이라고 생각하는데, 이걸 필수적으로 설정해야하는 것인지 궁금합니다! -------------------------------------------------------- 학습 관련 질문을 남겨주세요. 영상이나 스크린샷 이미지도 첨부해서 작성하시면 도움이 됩니다. 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드려요. 최대한 빨리 답변드리도록 노력하겠습니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
shun0325 댓글 1 좋아요 0 조회수 796

아이콘 Union 관련 질문

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

위 그림처럼 Feather Icon에서 가져온 아이콘을 Union하면 형태가 변하는 경우가 나타납니다. 이런 경우 "Union을 해도 원래 형태를 유지할 수 있는 방법"이 궁금합니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
김보준 댓글 2 좋아요 0 조회수 831

기획서 작성 방법에 대해서 질문드립니다..

미해결

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

안녕하세요 pdf 중 모바일 웹 섹션 부분을 읽고 있습니다.. 개인 포트폴리오 홈페이지에 기획서를 넣어야 한다고 하셨는데 기획서 내용은 어떻게 구성해야 하는걸까요? 혹시 예시나 간단한 가이드를 알려주실 수 있을까요 좋은 하루 되세요..

  • HTML/CSS
  • 웹-디자인
  • 포트폴리오
d111 댓글 1 좋아요 1 조회수 273

비주얼 스튜디오 코드(Visual Studio Code) 사용법 및 환경설정 강의 > 기능사 자격증 시험에 필요한 부분만 정리 부탁드립니다.

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

안녕하세요. 웹디자인 기능사 실기 준비 중인 강의 수강자입니다. >>비주얼 스튜디오 코드(Visual Studio Code) 사용법 및 환경설정 해당 강의 수강 중인데 실무자 팁과 섞여있어 시험 시 필요한 부분 구분이 어려운 상황입니다. 시험자 환경에 맞춰 실제 시험에 필요한 세팅 부분만 모두 알 수 있을까요? 감사합니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
susu2013 댓글 2 좋아요 1 조회수 416

constraint 버튼에 적용할때 프레임이여야 하는지요

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

버튼이 반드시 프레임이여만 되는건가요? 프레임아니고 도형으만들면 적용이 안되는거 같아서요 그리고 constraint를 적용해서 버튼을 만든뒤에 버튼이니까 컴포넌트로 만들고 복사해 다른 프레임에서 인스턴스가 되쟎아요. 그런데 문제는 컴포넌트 페이지에서 프레임 위드를 줄이면 복사한 인스턴스 페이지에서도 그 인스턴스 버튼도 똑같이 줄게되는데... 이런건 어떻게 생각을 정리해야할까요?? 컴포넌트화 시에는 사용을 말아야하는건가요? 실무에서 모든 요소를 다 컴포넌트화하면 초보라그런지 너무할것도 많고 어렵게 느껴지는데 최소한의 것만 만들어서 인스턴스로 쓴다면 어떤것들이 있을까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
Jennifer 댓글 2 좋아요 1 조회수 301

시맨틱 태그를 모두 사용하고싶어요

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

nav section aside main 사용해서 하는법을 알수없을까요??

  • HTML/CSS
  • jquery
  • 웹-디자인
작전김 댓글 1 좋아요 1 조회수 338

커서 챗

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

선생님 안녕하세요, 혹시 피그마에서 커서 쳇에서 색상을 변경 할 수 있는 방법이 있을까요? 그룹으로 친구와 작업 하는데 커서 쳇 색상이 동일하게 나와서 조금 불편해서요...

  • 웹-디자인
  • 모바일-디자인
  • figma
임선영 댓글 1 좋아요 0 조회수 389

인기 태그

인프런 TOP Writers

주간 인기글