모바일웹페이지만들기

페이지 정보

profile_image
작성자항공모함 조회 14회 작성일 2022-12-04 18:04:41 댓글 0

본문

02. 피그마(figma)와 제플린(Zeplin)을 이용한 모바일 사이트 만들기

피그마(figna)를 이용한 모바일 웹 만들기 프로젝트입니다.
피그마를 통해 프로토타입을 만들고 제플린과 함께
모바일 웹을 만드는 영상입니다.

자료 다운 받기
https://github.com/webstoryboy/figma

완성 디자인 미리보기
https://webstoryboy.github.io/figma/music.html

완성 피그마 페이지
https://www.figma.com/file/Schhn778Fc0F4Hpsv5EGdy/Apple-Music-App-Intro

탭바 아이콘 공유 소스
https://www.figma.com/file/WpmlHaVxS6kJTg0fWDausF/Tab-Bar-%EC%95%84%EC%9D%B4%EC%BD%98-%EA%B3%B5%EC%9C%A0?node-id=0%3A1

댓글로 메일 주소 적어주시면
피그마 파일 볼 수 있도록 해드릴께요~
SJ : 이분 유튜브 채널 진짜 떡상해서 좋은 컨텐츠 많이 만들어주셨으면 좋겠습니다. 이정도 퀄리티를 무료로 볼 수 있다니 정말 운이 좋은거 같아요.
꽁꽁 : 유용하고 이해하기 쉬운 강의 감사합니다 ! 흥미롭게 따라하고 있어요! ㅠ_ㅠ 포폴 파이팅....!
짬뽕짜장면 : 감사합니다. 요즘 웹개발을 취미로 시작했는데 저한테 굉장히 도움될듯합니다.
바나낭 : 피그마 제작부터 코딩까지! 영상 감사합니다.
푸들 도토리 : 공부하기 아주 좋네요 ~~ 감사합니다.

웹사이트 따라만들기, 반응형 헤더편 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

HTML, CSS를 이용해서 (Javascript 약간) 반응형 헤더를 함께 만들어 볼꺼예요
(↙ 자세한 내용)

___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................

Music
Title: Special Days by JayJen
Genre and Mood: Dance \u0026 Electronic + Bright
License: Royalty-free music for YouTube, Facebook and Instagram videos giving the appropriate credit.

#반응형웹#프론트엔드#웹개발
@lighthouse6651 : JS파트에서 toggle 에러현상을 경험하여 공유하고자 댓글을 씁니다. 혹시 같은 문제로 고민하시는 분들이 계실까봐요.

메뉴바를 클릭했을 때 메뉴와 아이콘이 일시적으로 나타났다 바로 사라지는 현상이 생겼는데 html에서 a href=" " 이 부분이 공백으로 되어서 그런 현상이 발생하는 것 같습니다.
a href= "#"을 넣어주면 메뉴와 아이콘이 일시적으로 나타났다 사라지는 현상이 없어집니다. 참 사소한 거라 생각했는데 사소한게 아니었네요.
@user-lv1bp7kl9l : toggle 버튼 이벤트 안되시는 분들은 html과 js를 연결시켜주는 부분을 헤드랑 바디 보다 더 아래에 script로 연결해주시면 해결됩니다! body가 먼저 로딩되구 스크립트가 들어가줘야지 정상적으로 작동합니다.
@lapetiteblair5474 : 우와..엘리님 코딩 기초반 수업듣고 과제하다가 이해가지 않는 부분들이 좀 있었는데 이 영상으로 다 해결되었어요!! 양질의 컨텐츠를 이렇게 공유해주셔서 감사합니당 ㅜㅜ 주변에 코딩공부하는 친구들한테도 공유할게요:)
@wanseopkim913 : 엘리님 항상 느끼는거지만 정말 세세하고 이해하기 쉽게 잘 설명해주셔서 감사합니다! 항상보면서 많은 도움을 받고 있어요 힘드시겠지만 앞으로도 계속 좋은 강의들 부탁드립니다!!
@sowonmoon3794 : 선생님 수업 너무너무 좋아요. 명확하고 이해가 잘됩니다. 매 강의마다 감탄하면서 따라가고 있어요^^ 감사합니다.

누구나 5분만에 스마트폰 앱 만들기! 웹으로 웹뷰앱을 만들어보자

이번 강의는 앱(App) 만들기 강의로 스마트폰 어플리케이션을 제작하는 방법을 총정리하고 스윙투앱(Swing2App)이라는 서비스를 이용하여 5분 만에 간단한 웹뷰앱을 만드는 실습을 합니다.

실습에 필요한 웹이 없으시다면 아래 강의로 누구나 5분 만에 웹 서비스를 만들고 인터넷상에 공개가 가능하니 참고해주세요!
https://www.youtube.com/watch?v=LnGgndT308Q

스윙투앱 어필리에이트 프로그램에 참여하여 제작한 영상이니 참고해주시고 영상 도움이 되셨다면 꼭 아래 링크로 들어가서 가입해주세요!ㅎㅎ (추천인: dk.changeworld@gmail.com)
공식 주소: http://www.swing2app.co.kr/main/swing_affilate/dk_changeworld_gmail_com_001
축약 주소: http://bit.ly/2lwuqys

이제 지금까지 만든 영상들을 모두 보신다면 상당히 유용한 웹, 앱 서비스를 모두 제작하실 수 있겠네요! 지금까지의 모든 강의를 보시고 싶으신 분들은 아래 재생 목록을 참고해주세요~
https://www.youtube.com/playlist?list=PLU9-uwewPMe0ynomccdrAX2CtVbahN4hD

앞으로 더 쉽고 유익한 코딩 컨텐츠 올리도록 하겠습니다.

감사합니다.
@jocoding : 현재 스윙투앱에 가입할때 추천인ID를 입력하면 유효하지 않다고 나올텐데 그냥 빈칸으로 두고 넘어가셔도 됩니다! 그 란은 다른용도라고 하네요.. 제가 잘못 알고있었습니다.
@hjow7 : 그냥 앱 만든다고 누구나 500만원을 벌 수는 없습니다. 개발자 계정비만 건져도 선방이죠.
@user-kr5mv4he1s : 정말 조코딩님 영상을 보고 코딩에 관심을 많이 가지게 되었습니다! 창업을 꿈꾸고 있는 학생인데 제 아이디어를 실현시키기 전에 조코딩님 영상을 보고 코딩에 대해 조금이라도 공부해보겠습니다. 항상 좋은 영상 감사합니다!
@ingyozzang : 설명을 되게 잘하셔서 영상 보는 내내 귀에 쏙쏙 박히고 편안했어요 ㅎㅎ 나중에 저도 코딩 연습 후에 스마트폰 앱도 개발 해봐야겠네요 어려우면서도 되게 재밌어 보이네요 ㅎㅎ
@user-cr5id8vc6b : 제가 만들고자한 어플을 구글스토어에도 올려서 공유하고 싶다보니 이 영상도 보게 되네요!! 감사합니다 진짜 저는 개발이 어렵게만 느껴지고 처음부터 완전한 이해가 되어야지만 코딩을 활용할 수 있다고 생각했습니다. 조코딩님이 올려주신 영상들이 앞으로 얼마나 유익한 영상일지 기대가 되네요!! 스윙투앱에 추천인 올려주신 거 넣었어요!!

... 

#모바일웹페이지만들기

댓글목록

등록된 댓글이 없습니다.

전체 16,366건 94 페이지
게시물 검색
Copyright © www.gangbuklib.seoul.kr. All rights reserved.  연락처 : help@ggemtv.com