프론트페이지
페이지 정보
본문
웹사이트 따라만들기, 반응형 헤더편 | 프론트엔드 개발자 입문편: 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.
#반응형웹#프론트엔드#웹개발
Lighthouse : JS파트에서 toggle 에러현상을 경험하여 공유하고자 댓글을 씁니다. 혹시 같은 문제로 고민하시는 분들이 계실까봐요.
메뉴바를 클릭했을 때 메뉴와 아이콘이 일시적으로 나타났다 바로 사라지는 현상이 생겼는데 html에서 a href=" " 이 부분이 공백으로 되어서 그런 현상이 발생하는 것 같습니다.
a href= "#"을 넣어주면 메뉴와 아이콘이 일시적으로 나타났다 사라지는 현상이 없어집니다. 참 사소한 거라 생각했는데 사소한게 아니었네요.
지니국 : 진짜 강의가 너무 좋아서 감동의 눈물을 흘리며 2번 봤습니다 ㅠㅠㅠㅠㅠㅠ
블레어의 일기 La petite Blair : 우와..엘리님 코딩 기초반 수업듣고 과제하다가 이해가지 않는 부분들이 좀 있었는데 이 영상으로 다 해결되었어요!! 양질의 컨텐츠를 이렇게 공유해주셔서 감사합니당 ㅜㅜ 주변에 코딩공부하는 친구들한테도 공유할게요:)
wanseop kim : 엘리님 항상 느끼는거지만 정말 세세하고 이해하기 쉽게 잘 설명해주셔서 감사합니다! 항상보면서 많은 도움을 받고 있어요 힘드시겠지만 앞으로도 계속 좋은 강의들 부탁드립니다!!
베이 ベーイ : 하루종일 여러 영상보며 찾아도 묘하게 알고싶던 포인트가 어긋나 갸웃대며 애매하게 이해하고 있었는데 진짜…..완벽한 강의….. 선생님 정말 믿고 따르겠습니다ㅜㅜ 유튭 해주시는 게 너무 감사해요ㅠㅠㅠㅠㅠㅠㅠㅠ
2023 '모던' 웹개발자 하려면 배울 것들
알고있으면 틀딱소리는 안듣습니다
개발자 시켜줌 https://codingapple.com/
구독자용 일반강의 10% 할인 쿠폰 RFC14 (맨날바뀜 최신영상 참고)
욤욤 : 애플교수 나와 결혼해서 내옆에서 하루종일 강의들려주고 하루종일 코드짜주세요 모닝콜도 코드로해줘 똥쌀때도 내옆에서 강의해주세요 매일매일 당신의 목소리를 듣고싶습니다 사랑해요 교주님❤️
알케Alcemist : 프론트 개발의 전체 맥락을 이렇게 쉽게 정리해주시다니...
어떤 기능이 필요해서 이런 걸 쓴다라는걸 정말 간단하고 이해하기 쉽게 영상 만들어주셔서 감사합니다
특히 예전에 다른 프론트 강의 들을때 라이브러리 사용하면서 parcel 번들러 같은거 왜 써야하는지 몰랐는데 지금 정확하게 알게 됐습니다...
WisdomIT : npm이 생기기 전, jquery로 웹개발에 입문해서
퓨어 자바스크립트 + php를 파다가
요즘은 리액트 기반 서버사이드 렌더링 프레임워크로 웹을 개발하고 있습니다.
저는 기술의 발전을 따라 어떤게 불편해서 어떻게 발전했는지 몸소 느끼면서 함께 성장했지만
요새 프론트엔드 개발을 시작하시는 분들은 이 맥락을 파악하기가 참 힘들거같다는 생각이 듭니다.
다들 응원해요
Taekhwan Oh : 1. 패키지 매니저: 라이브러리들 관리, 설치, 및 업데이트를 도와주는 툴
2. 번들러: 라이브러리 중 쓰지 않는 코드를 지워주고 하나의 js 파일로 변환하여 배포가 편하게 해줌
3. SPA: 자바스크립트를 통해서 클라이언트 (예시로 브라우저) 사이드에서 html 변환
4. SSR: 서버에서 자바스크립트 코드를 html 로 변환. 전부 html로 작성하기 힘들기 때문
5. Node js: 원래 자바스크립트는 브라우저 엔진을 통해서만 실행 가능했는데 다른 플랫폼들에서도 사용할 수 있게 해주는 엔진. 이로써 자바스크립트로도 서버 개발이 가능해짐.
6. SSR이 유행 하는 것으로 보아 요즘에는 서버가 많은 일을 담당하는 것이 유행하는 듯. 백엔드와 프론트엔드의 경계가 모호해지고 있다.
바생사 : 요즘 웹 프로그래밍 공부중인데 글자가 안보여서 공부하기 힘든데 모가 이리 많고 복잡한지 헤깔리는데 깔끔하게 정리해주셨네요. 감사. 그래서 지금 html css java script 공부하고 있습니다. 3일째 강좌로 조만간 들을 예정입니다. 수고
웹개발 이렇게 쉬웠나? 웹사이트 7분만에 개발하고 실전 배포하기
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
@jocoding : 이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://www.notion.so/5-LIVE-76171e66dbb54420b37f7890702ce6c3
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
[멤버십] 네이버, 구글 검색에 내 사이트 나오게 하는 방법
[멤버십] 사이트의 검색 순위를 높이는 실전 SEO 최적화 완전 정복
[멤버십] 사이트 방문자 행동 추적 구글 애널리틱스 실전 강의
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
@user-ti6es9wg8n : 음..ㅎㅎ저는 영어를 전공했는데요. 영상 내용이 예를 들자면 ‘파파고를 이용해서 외국인과 영어로 대화할 수 있다!’ 이런 얘기인거 같은데 몇몇분들은 어디에서 기분 나쁜건지 전혀 이해가 안가네요. 오히려 영어를 많은 사람들이 더 쉬운 방법으로 각자 목적에 맞게 이용할 수 있다는건 좋은거 아닌가요? 그게 영어 교사, 언어학자 등을 무시하는건 전혀 아닌 것 같아요. 개발도 마찬가지라고 생각하고요. 이해가 안가는 댓글들이 많아서 오랜만에 저도 댓글 남기게 됐네요. 영상 재밌게 봤습니다
@looky3 : 컴퓨터에 대해서 아무것도 모르는 사람들은 IT에 대한 지식이 제로 상태이니, 이정도 수준의 지식만으로도 뭔가 할 수 있다는 동기 부여가 되니 좋은 영향을 줄수 있다고 생각이 되네요. 옛날에 비해 구독자수가 많이 느셨군요. 굿굿. 개발자가 많이 유입되면 좋겠습니다. ^^ 깊이가 뭐 중요하겠습니까. ^^
@funnyjava : 초보자들이 비용을 한푼도 안들이고 자신의 홈페이지를 올릴 수 있는 좋은 강좌네요.
@wkqsha1865 : 코딩이 쉬워졌다는
조코딩 님의 의견에 백퍼 동의합니다.
많은 분들이 반론하기를
코딩이 쉬워진 것이 아니라
입문이 쉬워진 것에 불과하다고 주장합니다.
그러나 컴퓨터 개발 초기에 간단한 프로그램 하나를 만들기 위해서도 맨땅에 헤딩하는 식으로 해야 했었다는 것을 생각하면,
당시에는 전문가들이 아니면 접근조차 불가능한 것이고요.
지금은 컨트롤 C, V로 간단하게 코딩을 해서 돌려볼 수 있는 것이죠.
솔까~ 그들의 말을 제대로 정정해주자면,
코딩도, 코딩의 입문도 쉬워진 것은 당연하며
다만 고품질의 상용 프로그램은 과거와 마찬가지로 지금도 어려운 것으로서 전문가들의 영역일 겁니다.
그런데 그건 너무도 당연한 말이죠. 만들기 어렵기 때문에 상품 가치가 있으며, 이것은 앞으로도 변함 없는 진실일 겁니다.
다만 앞으로 가면 갈수록 코딩이 무진장 쉬워지고
그럼에 따라 기존에는 아주 고가의 프로그램도 무료로 변해가구요. AI 프로그램도 초보자도 쉽게 적용해볼 수 있는 형태로 바뀌고 있고요.
지금의 발전 속도로 어디까지 발전해갈지 매우 흥미진진합니다.
끝으로 IT와 프로그램 관련 많은 유투브 채널이 존재하지만, 저로선 가장 주목할 만한 채널이라고 추천합니다~! ^^;
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.
#반응형웹#프론트엔드#웹개발
Lighthouse : JS파트에서 toggle 에러현상을 경험하여 공유하고자 댓글을 씁니다. 혹시 같은 문제로 고민하시는 분들이 계실까봐요.
메뉴바를 클릭했을 때 메뉴와 아이콘이 일시적으로 나타났다 바로 사라지는 현상이 생겼는데 html에서 a href=" " 이 부분이 공백으로 되어서 그런 현상이 발생하는 것 같습니다.
a href= "#"을 넣어주면 메뉴와 아이콘이 일시적으로 나타났다 사라지는 현상이 없어집니다. 참 사소한 거라 생각했는데 사소한게 아니었네요.
지니국 : 진짜 강의가 너무 좋아서 감동의 눈물을 흘리며 2번 봤습니다 ㅠㅠㅠㅠㅠㅠ
블레어의 일기 La petite Blair : 우와..엘리님 코딩 기초반 수업듣고 과제하다가 이해가지 않는 부분들이 좀 있었는데 이 영상으로 다 해결되었어요!! 양질의 컨텐츠를 이렇게 공유해주셔서 감사합니당 ㅜㅜ 주변에 코딩공부하는 친구들한테도 공유할게요:)
wanseop kim : 엘리님 항상 느끼는거지만 정말 세세하고 이해하기 쉽게 잘 설명해주셔서 감사합니다! 항상보면서 많은 도움을 받고 있어요 힘드시겠지만 앞으로도 계속 좋은 강의들 부탁드립니다!!
베이 ベーイ : 하루종일 여러 영상보며 찾아도 묘하게 알고싶던 포인트가 어긋나 갸웃대며 애매하게 이해하고 있었는데 진짜…..완벽한 강의….. 선생님 정말 믿고 따르겠습니다ㅜㅜ 유튭 해주시는 게 너무 감사해요ㅠㅠㅠㅠㅠㅠㅠㅠ
2023 '모던' 웹개발자 하려면 배울 것들
알고있으면 틀딱소리는 안듣습니다
개발자 시켜줌 https://codingapple.com/
구독자용 일반강의 10% 할인 쿠폰 RFC14 (맨날바뀜 최신영상 참고)
욤욤 : 애플교수 나와 결혼해서 내옆에서 하루종일 강의들려주고 하루종일 코드짜주세요 모닝콜도 코드로해줘 똥쌀때도 내옆에서 강의해주세요 매일매일 당신의 목소리를 듣고싶습니다 사랑해요 교주님❤️
알케Alcemist : 프론트 개발의 전체 맥락을 이렇게 쉽게 정리해주시다니...
어떤 기능이 필요해서 이런 걸 쓴다라는걸 정말 간단하고 이해하기 쉽게 영상 만들어주셔서 감사합니다
특히 예전에 다른 프론트 강의 들을때 라이브러리 사용하면서 parcel 번들러 같은거 왜 써야하는지 몰랐는데 지금 정확하게 알게 됐습니다...
WisdomIT : npm이 생기기 전, jquery로 웹개발에 입문해서
퓨어 자바스크립트 + php를 파다가
요즘은 리액트 기반 서버사이드 렌더링 프레임워크로 웹을 개발하고 있습니다.
저는 기술의 발전을 따라 어떤게 불편해서 어떻게 발전했는지 몸소 느끼면서 함께 성장했지만
요새 프론트엔드 개발을 시작하시는 분들은 이 맥락을 파악하기가 참 힘들거같다는 생각이 듭니다.
다들 응원해요
Taekhwan Oh : 1. 패키지 매니저: 라이브러리들 관리, 설치, 및 업데이트를 도와주는 툴
2. 번들러: 라이브러리 중 쓰지 않는 코드를 지워주고 하나의 js 파일로 변환하여 배포가 편하게 해줌
3. SPA: 자바스크립트를 통해서 클라이언트 (예시로 브라우저) 사이드에서 html 변환
4. SSR: 서버에서 자바스크립트 코드를 html 로 변환. 전부 html로 작성하기 힘들기 때문
5. Node js: 원래 자바스크립트는 브라우저 엔진을 통해서만 실행 가능했는데 다른 플랫폼들에서도 사용할 수 있게 해주는 엔진. 이로써 자바스크립트로도 서버 개발이 가능해짐.
6. SSR이 유행 하는 것으로 보아 요즘에는 서버가 많은 일을 담당하는 것이 유행하는 듯. 백엔드와 프론트엔드의 경계가 모호해지고 있다.
바생사 : 요즘 웹 프로그래밍 공부중인데 글자가 안보여서 공부하기 힘든데 모가 이리 많고 복잡한지 헤깔리는데 깔끔하게 정리해주셨네요. 감사. 그래서 지금 html css java script 공부하고 있습니다. 3일째 강좌로 조만간 들을 예정입니다. 수고
웹개발 이렇게 쉬웠나? 웹사이트 7분만에 개발하고 실전 배포하기
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
@jocoding : 이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://www.notion.so/5-LIVE-76171e66dbb54420b37f7890702ce6c3
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
[멤버십] 네이버, 구글 검색에 내 사이트 나오게 하는 방법
[멤버십] 사이트의 검색 순위를 높이는 실전 SEO 최적화 완전 정복
[멤버십] 사이트 방문자 행동 추적 구글 애널리틱스 실전 강의
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
@user-ti6es9wg8n : 음..ㅎㅎ저는 영어를 전공했는데요. 영상 내용이 예를 들자면 ‘파파고를 이용해서 외국인과 영어로 대화할 수 있다!’ 이런 얘기인거 같은데 몇몇분들은 어디에서 기분 나쁜건지 전혀 이해가 안가네요. 오히려 영어를 많은 사람들이 더 쉬운 방법으로 각자 목적에 맞게 이용할 수 있다는건 좋은거 아닌가요? 그게 영어 교사, 언어학자 등을 무시하는건 전혀 아닌 것 같아요. 개발도 마찬가지라고 생각하고요. 이해가 안가는 댓글들이 많아서 오랜만에 저도 댓글 남기게 됐네요. 영상 재밌게 봤습니다
@looky3 : 컴퓨터에 대해서 아무것도 모르는 사람들은 IT에 대한 지식이 제로 상태이니, 이정도 수준의 지식만으로도 뭔가 할 수 있다는 동기 부여가 되니 좋은 영향을 줄수 있다고 생각이 되네요. 옛날에 비해 구독자수가 많이 느셨군요. 굿굿. 개발자가 많이 유입되면 좋겠습니다. ^^ 깊이가 뭐 중요하겠습니까. ^^
@funnyjava : 초보자들이 비용을 한푼도 안들이고 자신의 홈페이지를 올릴 수 있는 좋은 강좌네요.
@wkqsha1865 : 코딩이 쉬워졌다는
조코딩 님의 의견에 백퍼 동의합니다.
많은 분들이 반론하기를
코딩이 쉬워진 것이 아니라
입문이 쉬워진 것에 불과하다고 주장합니다.
그러나 컴퓨터 개발 초기에 간단한 프로그램 하나를 만들기 위해서도 맨땅에 헤딩하는 식으로 해야 했었다는 것을 생각하면,
당시에는 전문가들이 아니면 접근조차 불가능한 것이고요.
지금은 컨트롤 C, V로 간단하게 코딩을 해서 돌려볼 수 있는 것이죠.
솔까~ 그들의 말을 제대로 정정해주자면,
코딩도, 코딩의 입문도 쉬워진 것은 당연하며
다만 고품질의 상용 프로그램은 과거와 마찬가지로 지금도 어려운 것으로서 전문가들의 영역일 겁니다.
그런데 그건 너무도 당연한 말이죠. 만들기 어렵기 때문에 상품 가치가 있으며, 이것은 앞으로도 변함 없는 진실일 겁니다.
다만 앞으로 가면 갈수록 코딩이 무진장 쉬워지고
그럼에 따라 기존에는 아주 고가의 프로그램도 무료로 변해가구요. AI 프로그램도 초보자도 쉽게 적용해볼 수 있는 형태로 바뀌고 있고요.
지금의 발전 속도로 어디까지 발전해갈지 매우 흥미진진합니다.
끝으로 IT와 프로그램 관련 많은 유투브 채널이 존재하지만, 저로선 가장 주목할 만한 채널이라고 추천합니다~! ^^;
... 
댓글목록
등록된 댓글이 없습니다.