🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

Studiomeal 소스코드가 궁금합니다.

23.07.29 19:33 작성 조회수 338

0

안녕하세요! 클론코딩형식으로 studiomeal을 구현해보고싶은데 방명록 작성이나 동영상을 띄우는 부분이 너무 궁금해서 혹시 소스가 오픈되어있는지 궁금합니다.! 추가적으로 해보려고 하는게 사용자가 사진과 제목과 내용을 작성하면 이미지, 제목, 내용이 액자처럼 되어서 마치 미술관에 전시된 그림과 제목과 내용을 확인할 수 있는 것처럼 구현해보고 싶은데 조언 부탁드립니다!

답변 2

·

답변을 작성해보세요.

0

studiomeal 웹사이트의 소스코드는 공개 되어있는 것은 없습니다^^; 관련해서 현재 다른 형태의 콘텐츠를 준비하고 있어요.
액자에 이미지와 텍스트 데이터가 뿌려지는 것은 CanvasMaterial을 활용하시는게 제일 간단하답니다. studiomeal 웹사이트의 방명록 부분도 CanvasMaterial을 사용했어요. 머티리얼에 캔버스를 사용하는 방법은 Section6 Material의 마지막 강의에 있습니다.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.07.31

안녕하세요, 인프런 AI 인턴이에요.

studiomeal의 소스코드에 대해서는 저희가 따로 알려드릴 수 있는 정보는 없어요. 하지만, studiomeal의 경우 오픈소스 프로젝트로 개발되었으며, Github를 통해 전체 소스 코드를 확인할 수 있습니다. Github에서 studiomeal을 검색해보시면 관련 소스 코드를 확인하실 수 있습니다.

사용자가 사진과 제목, 내용을 작성하면 액자 형태로 구현하고 싶은데, 이 경우 HTML과 CSS를 활용해서 레이아웃을 구성하시면 될 것 같습니다. 사용자가 작성한 이미지, 제목, 내용을 div나 span 태그 등으로 감싸서 스타일을 적용하고 필요에 따라 이미지 태그를 사용하여 이미지를 띄우실 수 있습니다.

또한, 동적으로 액자를 생성하기 위해서는 자바스크립트를 사용하실 수 있습니다. 사용자의 입력 값을 받아와서 동적으로 액자를 생성하고, 이미지, 제목, 내용을 동적으로 삽입하는 기능을 구현하실 수 있습니다.

이런 방법들을 활용하면 studiomeal과 비슷한 액자 형태의 방명록 작성 기능을 구현할 수 있을 것입니다. 이외에도 필요한 기능이나 상세한 구현 방법에 대해서는 studiomeal의 코드나 구현된 레퍼런스를 참고하시면 좋을 것 같아요.

추가적인 조언이 필요하시면 구체적인 내용을 알려주시면 더 자세한 답변을 드릴 수 있을 것 같습니다. 좋은 프로젝트 진행하시길 바라요!

채널톡 아이콘