최근에 머릿속에서 구상한 프로젝트가 있었는데 이것을 해내려면 기초적인 웹개발도 할 수 있어야 한다.
그렇지만 문제는 나는 HTML, CSS를 다뤄본 적도 없고, 어떻게 하는지도 모른다ㅜㅜ
온리 파이썬의 외길 인생...
그래서 이번 기회에 기초적인 정도로라도 HTML과 CSS를 공부해봐야겠다고 결심했다.
찾아보니까 크게 세 곳이 나 같은 초보자가 독학하기에 적당할 것 같아서 정리해봤다.
1. Codecademy
https://www.codecademy.com/catalog
| Codecademy
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.
www.codecademy.com
현재 이용하고 있는 사이트이다.
여기는 '조 코딩'이라는 유튜브에서 추천해줘서 알게된 곳이다.
여기 이름은 Code + Academy를 뜻하는 온라인 코딩학원 같은 개념인데,
설명을 읽고 동시에 옆에 실습하듯이 거기서 제공하는 코드 에디터?로 간이 퀴즈를 풀 수 있어서 좋다.
구글, 깃허브 등의 아이디가 연동돼서 로그인도 간편하다.
아래와 같이 왼쪽에는 HTML 기본 설명 그리고 예제, 중간에는 코드 에디터, 오른쪽에는 로컬 포트에 연결해서 내 코드를 프린트 해준 화면이 있다.
실시간으로 웹페이지를 만드는 기분도 들고, 설명을 차근차근 친절하게 해줘서 좋다.
영어로 설명이 돼있는 단점이 있지만, 크롬은 한글로 번역할 수 있을 것 같다.
세련된 인터페이스에서 빨리 개념을 훑고 싶다면 추천하는 웹사이트이다.
2. w3schools
https://www.w3schools.com/html/
HTML Tutorial
HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! Start learning HTML now » Easy Learning with HTML "Try it Yourself" With our "Try it Yourself" editor,
www.w3schools.com
여기는 자신들이 우측 상단에 자랑해놨듯이 전세계적으로 많은 사람들이 웹 개발을 배우기 위해 이용하는 것으로 알고 있다.
여기도 Codecademy처럼 직접 코드를 돌려보고 결과를 확인할 수 있는 "Try it Yourself" 에디터를 제공한다.
아직 끝까지 직접해보지는 않았지만, 개인적으로 Codecademy보다 조금 더 자세히 알려주는 것 같았다.
더 차근차근 배우고 싶은 코린이들에게 적합할 것 같다.
3. 생활 코딩
https://opentutorials.org/course/1
생활코딩
hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그
opentutorials.org
이 분은 많은 코딩 초보자들이 이용하는 것으로 알고 있다.
일반인들에게 프로그래밍을 어떤 과정으로 어떻게 공부하면 좋을지 알려주면서
이 모든 정보가 오픈소스로 제공된다.
웹개발 외에도 다른 언어들, 데이터, 프로젝트 관리(git)에 대한 내용들도 올리셔서 나도 필요한 부분이 생겼을 때 많이 참고할 예정이다.
위에 언급한 사이트들은 HTML 외에도 다른 언어나 다른 프로그래밍 분야에 관한 튜토리얼도 잘 정리돼있어서
프로그래밍 초보자들이 이용해보면 좋을 것 같다.