Framer 시작하기 5화 ⎮ Fixed와 Sticky 활용하기, Scroll Section, Scroll transform 이펙트, 가로스크롤, Component 링크

Sdílet
Vložit
  • čas přidán 11. 09. 2024

Komentáře • 57

  • @user-du6qz3ne9n
    @user-du6qz3ne9n Před 7 měsíci +5

    안녕하세요. 훌륭한 강의 감사합니다. 덕분에 프레이머를 잘 배우고 있습니다. 5화 이후의 강의를 애타게 기다리고 있습니다 ^^ 언제쯤 다음 강의가 나올까요?

  • @SuperJunu
    @SuperJunu Před 8 měsíci

    진짜 최고에요... 특히 스티키 기능으로 만드신거 어떤 템플릿에서는 비슷한게 유료더라고요 ㅠㅠㅋ 그건 아래에서 올라와 가로로 가는 좀 특이한 방식이긴 했는데 너무 만들어보고싶었는데 가르쳐주셨네요 ㅎㅎ감사합니다.

  • @manmangood7517
    @manmangood7517 Před 7 měsíci +1

    구독을 안할 수가 없는 정성이 느껴집니당~ 도움이 많이 됩니다. ❤❤❤❤❤❤

  • @pepperc3303
    @pepperc3303 Před 2 měsíci

    선생님 헥스콘 수업들었던 학생인데 기억이 가물해서 또 들으러 왔습니다 ㅎㅎ
    이렇게 영상으로 남겨주셔서 너무 감사합니다 방프쌤 흥해라!!!

  • @user-mg4sl5hh8v
    @user-mg4sl5hh8v Před 8 měsíci +2

    추가 컨텐츠는 언제 업뎃될까요? 현업이 있으셔서 바쁘시겠지만 여유가 되신다면 짦은내용의 쇼츠라도 영상업로드 해주시면 감사하겠습니다. 꾸벅!

  • @user-iu4qt4oe1y
    @user-iu4qt4oe1y Před 10 měsíci

    진짜 오늘 너무 재밌게 따라했습니다! 그리고 지난번에 제가 질문한 부분 바로 영상 후반에 언급해주셔서 감동했어요.🥲 전 궁금하긴 하지만 급하지 않은 부분이라면 일정대로 영상 제작해주셔도 됩니다! 정말 잘 보고 있어요.

  • @eklim-ml1jo
    @eklim-ml1jo Před 10 měsíci

    오오 기다렸어요! 요청 드린 내용 잘 담아주셔서 감사합니다! 따라하니까 바로 적용됐어요ㅜ 너무 쉽게 잘 가르쳐주셔서 감사합니당!

  • @자유V
    @자유V Před 7 měsíci +1

    안녕하세요! 기분 좋은 정보 감사합니다.

  • @YJ-dw1qc
    @YJ-dw1qc Před 10 měsíci +1

    항상 좋은 영상 ㅜ 강의 감사드립니다! ㅎㅎ
    혹시 네비게이션 메뉴 클릭시 원하는 섹션으로 이동시키는건 어떻게 해야될까요..?
    프레이머에서도 그 기능이 가능한지 궁금합니다 ㅜㅜ😢

    • @homestudioframer
      @homestudioframer  Před 10 měsíci

      가능합니다! 원하시는 섹션에서 스크롤섹션을 생성해주시고, 버튼에 링크를 가고자 하는 페이지의 해당 섹션으로 지정해주시면 됩니다.

  • @JJEON-zh7qi
    @JJEON-zh7qi Před 4 měsíci

    안녕하세요! 반응형으로 작동하는 가로스크롤 웹페이지 만드는 강의영상도 만들어주실 수 있을까요? 외국 영상으로는 몇개 있는데 설명 없이 설정만 따라하는 방식이라 이해가 힘들어서요ㅜ

  • @HealthTalkTalkTalk
    @HealthTalkTalkTalk Před 6 měsíci

    안녕하세요. 강의 유용하게 잘 보고 있습니다. 궁금한게 하나 있는데 프레이머 랜딩페이지에 결제버튼은 어떻게 만드나요? 랜딩페이지로 물건을 파려고 하는데 실제 결제창과 연걸되는 버튼이 필요해서요ㅠ

    • @homestudioframer
      @homestudioframer  Před 3 měsíci

      결제는 외부 플랫폼을 연결해줘야해요. 형태가 없는 온라인 상품은 Lemon Squeeze, 오프라인 상품은 shopify가 최적화 되어 있어요.

  • @user-vz3qn8el3m
    @user-vz3qn8el3m Před 9 měsíci

    항상 잘 보고 있습니다 :) 프레이머에서 만든 홈페이지를 네이버 서치어드바이저에 등록하려 하는데, 아무리 찾아도 어떻게 하는 지 잘 모르겠더라구요... 이런것도 알려주시면 정말 감사드리겠습니다!

    • @homestudioframer
      @homestudioframer  Před 9 měsíci

      음, 일단 네이버 서치어드바이저는 ftp 주소를 요하는데요. Framer 자체적으로는 이걸 제공하지 않는 것으로 보여요. 다만, 도메인을 별도로 구매하셔서 연결하신 거라면, 도메인을 구입하신 업체에서 ftp를 제공해줄거에요. 그걸 연결하시면 될겁니다!

  • @user-sb4ey2yf6d
    @user-sb4ey2yf6d Před 2 měsíci

    윈도우에서는 상위레이어 생성(옵션+커맨드+앤터)할수있는방법이 무엇일까요? 강의잘보고있습니다!

  • @gus3547
    @gus3547 Před 8 měsíci

    17:25 강좌영상 따라하면서 성공할 수 있었네요. 감사합니다.
    그런데 이 정지된 이미지가 스크롤에 맞춰서 다른 사진으로 페이드아웃 되면서 바뀔 수 있을까요?
    다른사진을 겹쳐 서 놓고 스크롤에 맞춰서 나타나게 해도 될것 같은데. 어떻게 구현하면 될지 힌트좀 부탁드리겠습니다. ㅜㅜ

    • @homestudioframer
      @homestudioframer  Před 8 měsíci

      scroll transform 이펙트를 써보세요! opacity가 1에서 0이 되도록 만들어주시면 되어요!

    • @gus3547
      @gus3547 Před 8 měsíci

      @@homestudioframer 아 답장 감사합니다. 사진을 여러장 겹쳐 놓고 한장씩 opacity 를 낮춰 안보이게 해보라는 말씀이시죠? 이게 뒤로 서너장 까지 순차적으로 가능할까요?

  • @찐국
    @찐국 Před 10 měsíci

    안녕하세요 방구석 프레이머님
    잘 보고 있습니다. 덕분에 사이트를 잘 만들 수 있었습니다! 한가지 궁금한점이 있어 질문드려봅니다 ㅠ
    혹시 프레이머에 카카오톡이나 채널톡같은 채팅버튼을 붙이려면 어떻게 하는지 알 수 있을까요. 채팅버튼은 script로 헤드나 바디에 넣으라고 하는데, 프레이머 assets에 code 만들어서 해봤는데 안들어가지네요 ㅠㅠ 지식을 나눠주실 수 있으신가요 ㅠ?

    • @homestudioframer
      @homestudioframer  Před 10 měsíci +1

      Imbed 컴포넌트를 활용하는 등 여러가지 방법이 있을 것 같은데요. 카카오 오픈채팅방 '프유모'로 들어오셔서 자세한 질문 올려주시면, 저와 다른 유저분들이 같이 방법을 논의해봐 드릴 수 있을 것 같습니다!

    • @찐국
      @찐국 Před 10 měsíci

      @@homestudioframer 질문올려봤습니다 ㅎㅎ 무료선에서 해결하고 싶었는데, 결국 안돼서 유료 버전으로 업글하고 커스텀 코드로 해결했네요 ㅠㅠ

  • @user-lt9jy4vg8u
    @user-lt9jy4vg8u Před 7 měsíci

    안녕하세요!! 질문 드릴것이 있어서요 혹시 카페24 기반 쇼핑몰에 콘텐츠를 프레이머로 작업하고자 하는데 리액트를 지원하지 않고 있어서.. 혹시 다른 방법으로 프레이머 사용한 페이지를 넣을 수 있는 방법이 있을까요?

    • @homestudioframer
      @homestudioframer  Před 2 měsíci

      저도 해보진 않은 부분이라 뭐라 답을 드리기 조금 어렵지만, 코딩이 필요합니다.

  • @user-lh7rl9lj8z
    @user-lh7rl9lj8z Před 8 měsíci

    강의 항상 감사합니다. 카테고리 섹션을 그리드 섹션 안으로 넣는다고 했는데, 만약 아래 섹션이 그리드가 아니고 스택 이면 카테고리를 넣을 수 없나요?

    • @homestudioframer
      @homestudioframer  Před 8 měsíci

      조금 헷갈릴 수 있는 지점이, 저기서 말한 그리드섹션은 섹션(레이어)의 이름 입니다! 잘 보시면 '그리드섹션'이라는 이름의 rows 에요!

  • @hojungyun3386
    @hojungyun3386 Před 7 měsíci

    현직 디자이너로써 html 추출이 안되다는 것은 거의 무용지물이라....기능에 놀라고 열심히 배웠는데 허망한기분 ㅜㅠ html만 추출된다면 figma를 뛰어넘을 수 도 있을터인데 매우 안타깝네요. html추출 기능이 생기길 바래봅니다~

    • @hwangjinlee585
      @hwangjinlee585 Před 4 měsíci

      맞아요 이쁘게 프로토타입 만들어놓고 그렇게 개발을 못하는데 프레이머는 왜 존재하는지 모르겠네요. 코드를 입혀서 프로토타입을 만든다라..거꾸로가는거아닐까요?ㅎㅎ

  • @user-rw4yi9ll7q
    @user-rw4yi9ll7q Před 7 měsíci

    안녕하세요 혹기 탑바를 스티키로 했는데 스크롤을 내리면 투명해져 버려서 탑바랑 그 밑에 레이어랑 같이 보이는데 혹시 해결 방법 없을까요?

  • @Jay-le5oz
    @Jay-le5oz Před 10 měsíci

    너무 재밌게 하고 있습니다. 감사해요.
    근데 프레이머에서 복사한 페이지는 기능은 구현이 안되고 디자인만 구현이 되어있는거 같은데
    기능도 통째로 가져오게 할 수 없나요? 그런 플러그인이 있다던지요..

    • @homestudioframer
      @homestudioframer  Před 9 měsíci +1

      전제 프로젝트 혹은 페이지 복사로 인터랙션 복사가 가능합니다. 다만, 레이어 단위로 복사해가시면 인터랙션이 적용되지않을 수 있어요!

    • @Jay-le5oz
      @Jay-le5oz Před 9 měsíci

      ​@@homestudioframer오 그렇군요. 제가 진행중인 프로젝트가 있는데 혹시 참여가능하신가요? 한번 커피챗 어떠신지~

    • @homestudioframer
      @homestudioframer  Před 9 měsíci

      답글을 이제 확인했네요. 저는 얼마든지 환영입니다!ㅎ 오픈채팅 오셔서 말씀 주시면 더 빠르게 확인 가능할 것 같습니다 :)

    • @Jay-le5oz
      @Jay-le5oz Před 9 měsíci

      @@homestudioframer 오픈채팅 어떻게 하나요? 전 서울에 있는데 한번 뵈면 어떨지요?

  • @vluefox
    @vluefox Před 9 měsíci

    프레이머가 더 좋은거 같아요!저도 이것 저것 써봤지만

  • @GEMY_ALL
    @GEMY_ALL Před 9 měsíci

    안녕하세요 프레이머님 1강 들으며 천천히 공부 같이 따라가고 있습니다. 혹시 프레이머를 통해서 쇼핑몰 웹사이트를 구축하는 것도 가능할까요?

    • @homestudioframer
      @homestudioframer  Před 9 měsíci +2

      Shopify를 활용하면 가능합니다! 추후에 가이드 영상을 만들어볼 수 있도록 해볼게요 :)

    • @GEMY_ALL
      @GEMY_ALL Před 9 měsíci

      @@homestudioframer 감사합니다!

  • @Dream_korea110
    @Dream_korea110 Před 9 měsíci

    너무 좋은 강의 감사합니다 ㅠㅠ! 혹시 프레이머에서 이렇게 만든 디자인을 Html,css나 React 코드로 자동변환이 가능할까요?

    • @homestudioframer
      @homestudioframer  Před 9 měsíci

      아뇨, 불가능합니다.. 얼마전까진 CSS 코드를 제공해주었지만, 최근 업데이트로 인해 코드 제공이 모두 배제 되었어요.

    • @homestudioframer
      @homestudioframer  Před 9 měsíci

      방법을 찾아본다면, 먼저 디자인한 페이지를 퍼블리싱 후 Chrome 확장프로그램이나 개발자 도구로 코드를 찾아내는 방식은 가능하더라구요.. 좀 불편하긴 하지만 말이죠..

    • @Dream_korea110
      @Dream_korea110 Před 9 měsíci

      @@homestudioframer 그렇군요...! 아쉽네요ㅠ 그림으로 그려서 HTML/CSS 나 REACT.JS 코드로 변환하는 것을 찾아보고 있는데 찾게 되면 제보(?) 하겠습니다 ㅎㅎ 감사합니다!

  • @kennygo5053
    @kennygo5053 Před 9 měsíci

    프레이머를 처음 접하는 유저인데요. 프레이머가 wix보다 비싼가요. 그리고 더 많은 것들을 구현할수있나요

    • @homestudioframer
      @homestudioframer  Před 9 měsíci +1

      비싸지 않습니다. 게다가 훨씬 다채로운 인터랙션과 디자인이 가능합니다. 대표적으로 반응형에서 모바일 레이아웃을 따져보면, 윅스는 자동으로 배치되어 별도의 수정이 불가하지만 프레이머는 아예 다르게 직접 적용시킬 수도 있습니다.

    • @kennygo5053
      @kennygo5053 Před 9 měsíci

      @@homestudioframer 프레이머 가장 싼 옵션으로 하면 일반 홈페이지 제작 가능한가요

    • @homestudioframer
      @homestudioframer  Před 9 měsíci

      가장 싼 옵션인 mini로는 딱 하나의 페이지가 가능해서 랜딩페이지로는 좋습니다. 그래도 웬만하면 베이직 플랜을 추천드려요!

  • @sangieklee5183
    @sangieklee5183 Před 5 měsíci

    소리가 안들려요~

  • @user-hm7gl2qj6f
    @user-hm7gl2qj6f Před 7 měsíci

    배경으로 동영상을 넣고, dim 처리한 위에 텍스트를 넣고 싶은데 프레이머에서 가능할까요?

    • @homestudioframer
      @homestudioframer  Před 2 měsíci

      가능합니다! 영상 배경으로 넣으시고 그 위에 레이어를 쌓으시면 됩니다. 편집창에서 z index를 찾아보시면 도움되실 거에요!

  • @comet0710
    @comet0710 Před 8 měsíci

    프레이머 오픈 채팅방 혹시 비밀번호를 알 수 있을까요?

    • @homestudioframer
      @homestudioframer  Před 2 měsíci

      프레이머 유저 모임방은 비밀번호 없이 들어오실 수 있어요!