웹 사이트 만들기

페이지 정보

profile_image
작성자딸기농부 조회 93회 작성일 2021-06-30 19:20:49 댓글 0

본문

[HTML 기초 강좌 2강] 웹 사이트 만들고 인터넷에 공개하기 .COM 도메인, HTTPS 적용까지 완전 무료!

웹 사이트를 공개하는 디플로이의 원리를 살펴본 후
1강에서 배운 태그 지식을 활용해 나만의 웹 사이트를
HTML 무료 템플릿을 이용하여 간편하게 만들어보고
Netlify라는 웹 호스팅 서비스를 이용해 디플로이 하는 강좌입니다.

추가적으로 Github에 저장된 코드로 디플로이하게되면
소스코드를 수정하면 자동으로 반영된다고 합니다!

*HTML 템플릿 이용시 readme나 license 파일을 꼭 확인하여 저작권에 문제가 없는지 유의해주세요!

- Netlify 주소
https://www.netlify.com/

- 완성된 사이트 주소
https://jocoding.netlify.com/
임효진 : 배너사진을 바꾸고 싶은데 어떻게 바꿀 수 있을까요?
임현묵 : 깃허브에서 웹호스팅 하는법 찾다가 이거 봐ㅛ는데 겁나 쉽네요 ㄷㅡㄷ
노지 : 저 따라서 하는데 저 왜 닷컴이 아니고 왜 닷 앱일까요 ㅋㅋㅋㅋㅋㅋ
진예 : html 다운받았는데, index랑 화면처럼 Readme 뜨는데, 옆에 html은 안적혀있어서 질문합니다. 그것만 안적혀있지 그냥 해도돼나요??
쭈 K : 이렇게 퀄리티 높은 강의를 쉽게 접하게 해 주셔서 감사합니다. 다른 유료 사이트에서도 배워 봤지만, 조코딩 강의는 핵심 잘 정리해 주셔서 공부하는데 훨씬 큰 도움이 됩니다.

무료로 제일 쉽게 홈페이지 만들기. 웹사이트 제작. 네이버 모두(modoo) 사용법 (2021)

제일 쉽고 제일 간단하게 무료로 홈페이지 만들기!

오늘은 휘리릭하고 홈페이지 하나 만들어보려고 합니다 :)
홈페이지(웹사이트)는 이 디지털 세상의 명함입니다. 내 명함을 인터넷에 올려놓아야 검색이 가능하겠죠?
오늘은 이 디지털 명함을 어떻게 만드는지, 홈페이지 제작은 어떻게 하는지 제일 간단하게 전해드립니다.
아주 천천히 따라해보세요^^~~~ 뽜샤ㅑㅑㅑ 엄마아빠 화이팅!!!!

=================================================
엄마 내가 알려줄게 채널을 후원해주세요^^ 더 알찬 정보와 더 쉬운 설명을 위해 노력하겠습니다.
멤버십 가입하기 : https://www.youtube.com/channel/UCnVRuU0conY38Q4h-JGViWA/join

엄내알 채널 구독하기 : https://www.youtube.com/channel/UCnVRuU0conY38Q4h-JGViWA?sub_confirmation=1


알아야하는 테크/ 지식/ 트렌드가 너~~~무 궁금하신가요?
그런데 물어볼 데가 마땅치 않으신가요?
늘 새로운 것을 배우고싶으신 ‘멋쟁이 엄마아빠들’을 위한 채널입니다! (자녀들도 환영인건 안비밀ㅎㅎ)
우리 어렸을 때 세상을 가르쳐주신 엄마아빠들께, 이제는 저희가 중요 포인트만 콕콕 찝어서 ‘다양한 주제’들을 ‘제일 쉽게’ 전해드리겠습니다!
궁금한 점들은 댓글로 달아주세요. 저희도 열심히 공부해서 최대한 대답해드릴게요^^
엄마아빠들 화이팅!


영상 촬영장비가 궁금하시면

카메라: (이전) Canon G7X mark III (캐논 G7X 마크 III) : https://coupa.ng/bRC4RS
(새것) Sony ZV-1 (소니 ZV-1) : https://coupa.ng/bTZstT
마이크: Rode NT-USB : https://coupa.ng/bOVgJd
조명: (링 라이트) Neewer 링 라이트 : https://coupa.ng/bOVmar
(패널 라이트) LED 조명 https://coupa.ng/bZ1tqU
(패널 라이트) LED 조명 https://coupa.ng/bZ1tKu
(컬러 라이트) LED 조명 https://coupa.ng/bRCYwA ( *110v 라서 변압기가 필요합니다)
컴퓨터: Apple 맥북에어 13인치 (M1 / 8GB RAM) : https://coupa.ng/bRCWkL
Apple 맥북프로 13인치 (M1 / 8GB RAM) : https://coupa.ng/bRCWpj
Apple 맥북프로 15인치 (2019년 제품) : https://coupa.ng/bv5YoF

(이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.)


출처
Music: "UKULELE" from Bensound.com

#모두 #modoo #웹사이트 #네이버 #인터넷강의 #내사이트 #네이버모두 @TED-Ed @TED
리라 그림(브이로그) : 돈은낼수가 없어서 어떻기할까 고민했는 잘됐내요!!
임주창 : 잘 보고 갑니다!
홍동심tv : 선생님 고맙습니다.덕분에 3만 구독자를 갖인 유튜버가 되었어요. 정말 유익한 방송..
심말자 : 감사합니다.~너무 설명을 잘해주시네요~고맙습니다. 구독누르고 갑니다.
박경진 : 고맙습니다

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

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

___________________________

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

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

AI기반 코드 자동 완성 툴 Kite
⇢ VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성툴 한번 사용해 보세요: https://tinyurl.com/ycedv3sj

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

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

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

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

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


프론트엔드 개발자 되기 입문자편 영상 목록:
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.

#반응형웹#프론트엔드#웹개발
랑구 : 할 수 있을때까지 보고 외우다 시피해서 작업했어요. 네번 반복시청
gyeommu : 진짜 너무너무너무재밌어요 역시 저는 해보면서해야 기억에도 오래남는것같아요
최익규 : 좋은 영상 감사합니다!! 처음 시도 해보려니까 난이도가 높아서 기본적인 레이아웃만 구현 후 디테일 한 사항들은 강의 보면서 따라했습니다. 앞으로도 좋은 강의 올려주시면 감사하겠습니다..ㅎㅎㅎ!
Ho Vi : 3:52 NAV_BAR에서 바로바로 만드시는데 어떻게 하는 거에요?
정주원 : a.navbar_toogleBtn 하고 뭐누르시면 저렇게 자동으로 변경되나요.. ?

... 

#웹 사이트 만들기

댓글목록

등록된 댓글이 없습니다.

전체 2,845건 55 페이지
게시물 검색
Copyright © www.xn--jj0bjnf2l3ya864abmg7rj16vrmi.com. All rights reserved.  Contact : help@oxmail.xyz