당신은 주제를 찾고 있습니까 “html css 독학 – [웹개발 입문] HTML 핵심만 배우기“? 다음 카테고리의 웹사이트 https://you.tfvp.org 에서 귀하의 모든 질문에 답변해 드립니다: https://you.tfvp.org/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 아케이코딩 – 쉽게 배우는 코딩과 IT 이(가) 작성한 기사에는 조회수 58,773회 및 좋아요 1,431개 개의 좋아요가 있습니다.
html css 독학 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 [웹개발 입문] HTML 핵심만 배우기 – html css 독학 주제에 대한 세부정보를 참조하세요
웹 프론트엔드 개발에는 HTML, CSS, Javascript가 쓰입니다.
그 중 웹 페이지의 가장 기본이라고 볼 수 있는 HTML에 대한 강의를 진행해보겠습니다.
코딩을 하나도 모르는 왕초보라면 HTML 시작하시면 됩니다.
#HTML
html css 독학 주제에 대한 자세한 내용은 여기를 참조하세요.
HTML, CSS, JAVASCRIPT 공부 방법 및 독학 순서 총정리
안녕하세요! 이번 포스팅은 웹 개발의 기초라고 할 수 있는, 떼어 놓을 수 없는 웹개발자 베이스 3종 세트! HTML+CSS+JavaScript 의 공부 방법과 공부 …
Source: iworldt.tistory.com
Date Published: 4/2/2022
View: 4897
HTML+CSS 독학하기 첫번째기록 -책 구입과 학습목표정하기
HTML+CSS 학습도서 구입과 목표 정하기 최근에 생활코딩 동영상을 보면서 HTML과 CSS의 기본개념과 내용들을 하나씩 공부했었어요.
Source: hailey-life.tistory.com
Date Published: 8/13/2021
View: 9749
HTML, CSS 독학 – velog
전제 나는 HTML, CSS 강의를 들을 때, 강의를 그대로 따라하지 않고, 내가 짠 코드와 수업에서의 코드의 차이가 있는지, 차이가 있다면, …
Source: velog.io
Date Published: 10/7/2021
View: 99
비전공자의 HTML 독학하기 feat. 생활코딩 – 기본문법 태그
원래는 인강으로 C#부터 수박 겉핥기 식으로 해보다가, 너무 어려워서 잠시 내려놓고(?) 기본중의 기본인 HTML/CSS부터 공부해보려고 합니다.
Source: gygyna.tistory.com
Date Published: 9/19/2021
View: 1621
[웹개발 입문] Html 핵심만 배우기 | html css 독학 업데이트
저자별 기사 아케이코딩 – 쉽게 배우는 코딩과 IT 가지고 조회수 41,242회 그리고 의지 좋아요 1,013개 높은 평가. 이에 대한 추가 정보 html css 독학 …
Source: ko.maxfit.vn
Date Published: 2/5/2022
View: 528
Funzinnu – HTML/CSS 독학 가능합니까? – 트게더
잡담 HTML/CSS 독학 가능합니까? 포토마니아님 … 책 사서 독학하면 될까여? 목표는 개인 사진 올리는 갤러리형식의 홈페이지 제작 생각중. 추천 …
Source: tgd.kr
Date Published: 10/1/2021
View: 4267
HTML/CSS를 활용한 나만의 간단 웹 메인 페이지 제작
웹코딩 공부&공유/내 작품. 나 혼자 웹 독학 – HTML/CSS를 활용한 나만의 간단 웹 …
Source: homnay.tistory.com
Date Published: 11/9/2022
View: 2529
[서적 후기] 독학하기 좋은 초보자 입문용 HTML/CSS 교재 …
예제 중심으로 수록된 HTML/CSS기본서! . 사실 난 어느정도 독학을 한 상태라.
Source: m.blog.naver.com
Date Published: 8/23/2021
View: 1854
주제와 관련된 이미지 html css 독학
주제와 관련된 더 많은 사진을 참조하십시오 [웹개발 입문] HTML 핵심만 배우기. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
![[웹개발 입문] HTML 핵심만 배우기](https://i.ytimg.com/vi/rgI930gqdaY/maxresdefault.jpg)
주제에 대한 기사 평가 html css 독학
- Author: 아케이코딩 – 쉽게 배우는 코딩과 IT
- Views: 조회수 58,773회
- Likes: 좋아요 1,431개
- Date Published: 2019. 10. 24.
- Video Url link: https://www.youtube.com/watch?v=rgI930gqdaY
HTML, CSS, JAVASCRIPT 공부 방법 및 독학 순서 총정리
반응형
안녕하세요!
이번 포스팅은 웹 개발의 기초라고 할 수 있는, 떼어 놓을 수 없는 웹개발자 베이스 3종 세트!
HTML+CSS+JavaScript 의 공부 방법과 공부 순서에 대해서 말씀드리고자 합니다.
무료 강의 사이트와 좋은 책들이 시중에 널리고 널렸죠!
그 중에서도, 정말 도움이 되었던 책 추천과 웹 개발 독학에 도움되는 알짜 공부 사이트를 소개해드릴게요.
제가 직접 공부할 때 이용했던 것과 추천받았던 것들 중에서 필수적인 것만 소개해드리는 거니까,
이것을 토대로 더 많은 공부를 해보시는 것이 좋겠습니다!
아래 순서는 공부 순서라고 보셔도 무방합니다.
제가 더 말씀드릴 것도 없습니다. 너무도 유명한 이고잉님의 생활코딩 강의입니다.
인프런을 이용하고 계신다면 인프런(https://www.inflearn.com/course/html-%EA%B8%B0%EC%B4%88)에서도 무료강의로 들으실 수 있어요.
생활코딩 장점
– 이고잉님의 우수한 강의력(왜 강의가 재밌죠?)
– 웹에 대한 개념과 느낌을 얻으실 수 있고, 호감을 가질 수 있어요!
– 혼자서 공부하는데도 외롭지 않아요! 대화하는 듯한 강의력!
생활코딩 단점
– 비교적 오래된 강의라는 점..!
그래서 이 강의는 가볍게 완강해보시고 다음으로 넘어갑시다. 어렵지 않은 내용이니까요.
2. Do it! 이지스 퍼블리싱 책
혼자 공부하는데 혼자 공부하지 않는 느낌 입니다. 한줄요약 하자면요.
웹 표준의 정석
https://cafe.naver.com/doitstudyroom Do it! 스터디룸 : 네이버 카페 Do it!, 된다 시리즈 책으로 함께 공부하고 서로 돕는 사람들을 만나 보세요. python, C, java, Android cafe.naver.com 이 책을 완독하시려면 위의 카페에 꼭 가입하세요. 질문을 남기면 저자가 직접 답해주시기도 하고, 다른 독자들과 계속해서 소통하는 좋은 커뮤니티입니다. 구입한 책의 카테고리(메뉴)에 들어가면, 저자 직강 동영상 강의 링크도 제공되어있습니다. 독학이지만 함께 학원에서 공부하는 느낌, 스터디를 하고있는 느낌을 받을 수 있습니다. 게다가, 실습이나 공부한 것을 가볍게 업로드해서 완독 인증에 성공하시면 무료로 책을 제공받을 수도 있어요! 그리고 이 출판사의 책을 따라 다음 단계를 공부해보세요! 라이브러리에 따라, SW 구조에 따라 많은 책들이 제공되고 있는데, 단계별로도 설명되어있으니 따라가시기 좋습니다.
이정도만 하셔도 웹 기초는 완벽합니다. 2가지 밖에 없죠?
놀랍게도 개발까지도 가능한 단계가 되십니다. (실습을 잘 따라하셨다면요!)
그럼 이제 라이브러리, React라던지, Vue 등을 배우시면 됩니다.
아니면 이 글을 읽고있는 독자님께서 현재 유행하는 라이브러리를 찾아 공부하셔도 됩니다!
또, 개발의 기초인, SW 구조의 기초인, 프레임워크 Spring, BootStrap 등도 공부하셔야겠죠.
컴퓨터 공학도이시라면, 학교에서 배우는 내용 말고도 꼭 따로 공부하셔야 합니다.
학교에서 배우는 것이 영어 기초라면,
다른 플랫폼에서 배우는 다양한 내용들은 무역영어, 비즈니스영어, 생활영어… 라고 생각하시면 되겠습니다.
다들 열심히 공부하시고, 성공한 개발자 되시기 바랍니다 ~!
728×90
반응형
HTML+CSS 독학하기 첫번째기록 -책 구입과 학습목표정하기
HTML+CSS 학습도서 구입과 목표 정하기
최근에 생활코딩 동영상을 보면서 HTML과 CSS의 기본개념과 내용들을 하나씩 공부했었어요. 그런데 생각보다 설명이 쉬워서인지, 내용이 얼마 없어서인지 모르겠지만 ‘어? 이거 생각보다 쉬운데?’라는 생각이 들었어요. 그러고 나서 자바스크립트 동영상을 보는 순간 ‘아! 이건 정말 안 되겠다!’라는 생각과 함께 이건 정말 내가 감히 혼자 할만한 내용이 아니다는 생각이 그제야 들더라구요.
HTML을 공부해야겠다고 마음먹은 이유
자바스크립트를 내가 혼자 공부할 수 없다면, HTML과 CSS를 좀 더 공부해보자는 생각이 들었어요. 몇 달 전부터 언니가 일하는 것을 서포터 해주고 있는데, 언니가 간혹 HTML수정이나 링크 주소, 텍스트 입력을 해야 하는 단순한 것들을 주고 있기 때문에 HTML을 조금씩 공부하고 있거든요. 너무 모르면 도움이 되지 않을 것 같은 생각에 조금이라도 알아두면 좋지 않을까 해서요. 그래서 코딩에 입문하게 되었답니다
학습에 사용할 교재
사실 HTML과 CSS를 공부해본 적이 없어서 어떤 책을 골라야 할지 감이 안 잡히더라고요. 코로나가 점점 심해지고 있어서 좋아하는 대형서점에 가서 책을 직접 보고 고르는 것도 힘들구요. 그래서 일단 알라딘에서 미리보기를 통해 목차와 대략적인 본문 내용을 보고 책을 골랐답니다.HTML로 검색했을 때 굉장히 많은 책들이 나오는데요, <생활코딩! HTML+CSS+자바스크립트>는 생활코딩 사이트에서 동영상으로 강의를 보고 있기 때문에 제외했구요. 일단 자바스크립트가 있는 책들은 전부 제외했어요. 자바스크립트를 수박 겉핥기처럼 이라도 함께 공부해야 한다면 굉장히 정신없을 거라 생각되어서 HTML과 CSS로만 구성된 책으로만 찾아보았어요.HTML과 CSS만으로 이루어진 책중에 선택하려니 선택의 폭이 굉장히 좁아지더라구요. 최근에 발행된 신간 인지도 확인하며 고른 책은 <비전공자를 위한 첫 코딩 챌린지>라는 책이에요. 30일 챌린지라고 되어있어서 2021년이 가기 전 한 달 동안 한번 싹 훑으면 좋겠다는 생각이 들어서 전자책으로 얼른 구매했어요
학습목표 정하기
처음엔 개발환경을 구축해보자는 내용으로 시작하더라구요.
1. 코드 편집기를 선택하고
2. VSCode를 설치하고
3. 책에 실린 예재 코드를 다운로드하는 것
코드 편집기는 어떤 것들이 있는지, VSCode(비주얼 스튜디오 코드)는 어떻게 다운로드하고 설치하는지, 예제코드는 어디서 다운받을 수 있는지까지 자세하게 나와있었어요. 저는 VSCode를 이미 사용하고 있었기 때문에 예제코드만 빠르게 다운받고 넘어갈 수 있었어요.
그리고 가장 중요한 학습목표; 즉 내가 어떻게 공부할 것인지, 무엇을 만들지 등을 정하는 차례가 있더라구요. 저는 딱히 무언갈 만들겠다!라는 목표가 아니라, 지금 현재는 개발자 언니가 짜 놓은 코드를 대략적이나마 읽을 수 있게 되어서 서포터의 역할을 충실히 할 수 있는 것이 최우선 목표이고, 티스토리 블로그의 스킨 디자인을 내가 원하는 대로 변경하는 것이 다음 목표예요. 메인 이미지들이 직사각으로 정렬되는 것을 정사각으로 변경한다던가, 가운데 정렬을 하도록 변경한다던가 하는 이런 것들도 HTML과 CSS를 모르면 할 수 없는 거니까요. 아무것도 모르는 상태에서 하려니 머리만 아프더라구요.
책 외에 참고할만한 사이트
사실 책으로만 공부하는 게 쉽지 않더라구요. 책 한 권으로 끝나면 참 좋겠지만, 제가 선택한 이 책은 코딩의’ㅋ’도 모르는 문과생이 30일간 도전한 코딩 입문기를 담은 책이거든요. 사실 이 부분이 굉장히 와닿아서 선택한 책이긴 하지만 코딩 맛보기만 제공한다고 쓰여있기에 이 책 한 권으로는 힘들 거라는 생각이 든 건 사실이에요. 그래서 책에도 나와있듯 책과 함께 나의 학습을 도와줄 사이트들을 소개해 드릴게요. 물론 저도 이 사이트들을 이용하고 있답니다
먼저 생활코딩 사이트입니다. https://www.opentutorials.org/course/1
생활코딩 사이트의 WEB부분을 공부하고 있답니다. 이해가 안 될 땐 계속 다시 들으며 머릿속에 저장하고 있는 중이에요. 분명히 이해한 것 같았는데 막상 직접 해보면 멍해지는 이유가 뭘까요.. 야속한 나이 탓만 해봅니다..ㅠㅠ
그리고 다음은 영문 사이트인데요.
https://developer.mozilla.org/ko/
한글이 지원되는 사이트라 굉장히 도움이 많이 되고 있어요. 전부 한글이 다 되는 건 아니라서 번역기의 도움이 필요하기도 하지만 굉장히 유용한 사이트입니다
HTML과 CSS 코드들 예제를 보며 공부할 수 있는 사이트예요
https://www.w3schools.com/
이렇게 태그를 공부하다가 어떻게 사용하는 거지?라는 의문점이 들면 꼭 찾아보는 곳 중에 하나예요. Try it Yourself를 누르면 새창이 뜨면서 직접 태그 안의 내용을 변경해본다거나, 태그를 변경해볼 수도 있어요
이 외에도 저는 20년 차 고인물 개발자 언니가 근처에 살고 있기 때문에 모르는 것을 바로바로 물어볼 수 있어 좀 더 공부하기 좋은 조건이랍니다. 이 특장점을 살려 차근차근 공부하려구요 🙂
첫 번째 기록은 여기까지 입니다. 저와 같이 독학하시는 분들이 있다면 함께 파이팅해요!
비전공자의 HTML 독학하기 feat. 생활코딩
코로나로 인해 단축+재택근무 콤보를 맞아 시간이 많아지며 여러가지를 시도하고 있어요.
방치해 두었던 블로그에도 글을 더 쓰려고 하고, 프랑스어 공부를 다시 시작했으며, 요리도 해보고 있고,
무엇보다도 ‘프로그래밍’에 관심을 가지게 되어 이쪽으로도 공부를 하고 있습니다.
원래는 인강으로 C#부터 수박 겉핥기 식으로 해보다가, 너무 어려워서 잠시 내려놓고(?) 기본중의 기본인 HTML/CSS부터 공부해보려고 합니다.
또한 내일배움카드로 HTML/CSS를 들을 수 있는 강의가 있어서 방향을 바꾸어 보았습니다ㅋㅋ
하지만 C#은 여전히 내맘속 별로!
어쨌든, 국비지원으로 현강을 듣기 전에 생활코딩에서 무료로 들을 수 있는 HTML 강의 들을 것을 제 블로그에 한번 더 포스팅하며 복습의 효과를 극대화 하려 합니다.
WEB1 – HTML & Internet – 기본문법 태그
HTML 에디터를 다운 받고, 기본 문법 태그까지 학습했습니다.
생활코딩 선생님이 Atom 이라는 에디터를 사용하실래 그대로 받았어요.
그리고 구글에 best html editor 2020 라고 검색하면 아톰이 제일 위에 나오더라구요ㅋㅋㅋ
https://atom.io/
링크를 타고 들어가서 다운로드를 클릭해 다운받아 줍니다.
다운받고 실행시키면 이렇게 창이 나오는데 위의 Welcome, Welcome Guide 등은 필요 없으니 닫아주세요.
그리고 바탕화면에 저는 Web이라고 폴더를 하나 만들었어요.
이제 html 코딩한 것을 이 폴더에 저장하려고 합니다.
폴더를 불러온 후, html 파일을 생성해주세요.
파일명.html 이라고 만들면 됩니다 (.html은 확장자에요)
저는 파일명을 1로만 해서 만들었어요. 폴더 안에 HTML 문서로 생성된 것 보이지요?
그럼 이제 모든 코딩의 첫 시작으로 hello web! 을 아톰에 적어주고 저장해준 후에,
1.html 파일을 웹 브라우저에서 열어보세요. 신기하쥬?ㅋㅋㅋ
제가 처음 배운 html 태그 두 가지는 글자 굵게 표시하는 태그랑 밑줄선을 그어주는 / 태그입니다.
밑줄선 Underline의 약자라 태그라고 보시면 됩니다.
티스토리에 글을 쓰는 지금, html 모드로 전환해서 태그로 볼드처리를 하니 라고 되어있더라구요?
동일한 기능을 하는 태그인것 같습니다;;
사운드오브 뮤직 가사로 예제를 만들어보고 오늘은 여기까지 했습니다ㅋㅋ
C# 끙끙거리면서 하다가 html하니 넘나 편하고 간단한것…?
[웹개발 입문] Html 핵심만 배우기 | html css 독학 업데이트
We are using cookies to give you the best experience on our website.
You can find out more about which cookies we are using or switch them off in settings.
HTML/CSS 독학 가능합니까?
2일 공강을 챙기고 3시간짜리 우주공강 2개를 얻어서 도서관에서 노트북으로 한 번 짬짬히 공부해보고 싶은데
책 사서 독학하면 될까여?
목표는 개인 사진 올리는 갤러리형식의 홈페이지 제작 생각중
나 혼자 웹 독학 – HTML/CSS를 활용한 나만의 간단 웹 메인 페이지 제작
반응형
안녕하세요
베트남에 장기해외실습으로 1년 조금 넘는 시간을 살았었는데요
북부에는 많이 여행다니고 했었는데 어떻게 하다보니
중부, 남부로는 한번도 여행을 가보지 못했어요
살다 보니 베트남어도 어느정도 할 줄 알게되고
많은 친구도 사귀게 되었었는데요
저도 다시 베트남에 가야하는데 언제쯤 다시 갈 수 있으려나 하하..
코로나때문에 해외 어디 여행이라도 가고싶어도 가질 못하니..
베트남 중부, 남부로 여행을 가고 싶어서 간단하게 하나 만들어 보았습니다
2020/08/01 – [웹코딩 공부&공유/css] – 나혼자 웹 독학 – css flex(플렉스)를 활용한 메뉴바 만들기
이 글에서
display:flex
이 기능만 정확하게 이해하신다면 여러분 모두 제작 하실 수 있습니다
간단한 웹 페이지 메인 제작
저는
Header
Section
Footer
부분으로 나누어서 코딩을 했구요
아.. background 이미지를 위해서 하나의 div를 밖으로 뺏습니다
헤더, 섹션 부분은 display:flex를 사용해서 만들었고
푸터 부분에
저 sns 아이콘들은
position : absolute
bottom : 0;
right 0;
을 사용해서 padding 값만 조정을 해주었습니다
아아.. 원래는
섹션 부분의 Vietnam 타이틀은 살짝 움직입니다
Vietnam 메인 페이지
간단하기 때문에 10분정도만 투자하셔도
나름..? 이쁜?
웹 메인 페이지를 만들어 보실 수 있습니다
혹시 공부를 처음하시는 분들은 이런 간단한 템플릿에 도전해보는것도
아주 좋은 경험일거 같습니다
혹시 관심있으신 분들은 댓글로 문의주시면
언제나 제가 답장 성심성의껏 드리도록 하겠습니다
이렇게 해외여행을 너무 가고싶은 한 사람의
간단명료 웹페이지 제작 일기..? 마치도록 하겠습니다
감사합니다 !!
반응형
[서적 후기] 독학하기 좋은 초보자 입문용 HTML/CSS 교재 ” HTML/CSS 입문 예제 중심” 추천 (feat. 웹페이지 만들기 독학)
표지에 어떤 링크가 적혀있었는데,
이 책을 독학하면서 막히는 부분이나 질문이 있을 땐,
저 사이트에서 저자와 1대1로 질의응답 또한 가능하다고 하다.
솔직히 처음 독학을 하는 사람들에게는 정보를 어딘가에서 찾기도,
누군가에세 궁금한 것을 물어보기도 사실 마땅치 않은데
1대1 피드백을 통해서 궁금한 걸 편하게 물어볼 수 있는 것은 큰 장점인 것 같다.
홈페이지 주소는 아래에 링크해두었다!
키워드에 대한 정보 html css 독학
다음은 Bing에서 html css 독학 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 [웹개발 입문] HTML 핵심만 배우기
- HTML
- 웹
- 웹사이트
- 코딩
- 프로그래밍
- 파이썬
- 파이선
- 자바스크립트
- 강의
- 강좌
- 튜토리얼
- web
- 웹 프로그래밍
- 만들기
- yt:cc=on
YouTube에서 html css 독학 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 [웹개발 입문] HTML 핵심만 배우기 | html css 독학, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.
