Can do IT!

8일차 진도는 웹호스팅이다. 웹호스팅 웹서버를 운영하려면? 웹서버라는 프로그램이 필요하며, 외부로 정보를 전송할 수 있게 설정해야함 웹서버를 대행해주는 회사 = 웹 호스팅 업체 이제부터 웹호스팅을 통해 웹서버를 만들어보자. 사용 웹호스팅 : github(https://github.com)의 pages (무료) ① github 저장소 생성 github - 회원가입 - 로그인 - New repository - 저장소 생성 1. 프로젝트 이름 2. 프로젝트 설명 3. 저장소 공개여부 : Pubilc(공개) / Private(비공개) 4. Initialize this repository with a README의 체크박스를 꼭 체크 5. 저장소 생성 버튼 ② File Upload upload files - ch..

5일차 진도는 웹사이트 완성부터 서버와 클라이언트까지이다. 웹사이트 완성 페이지가 모이면 책이 되듯이 웹페이지를 링크로 모으면 웹사이트가 된다. 웹사이트를 만들 때는 순서가 중요! 1. 만든 1.html 파일을 복사하여 index.html 2.html 3.html 파일을 만든다. 2. 만든 파일의 title과 내용을 바꿔준다. 3. 각 부분에 링크를 걸어서 다른 페이지와 연결한다. 웹 페이지 완성!! 원시웹 : 웹의 역사 Internet VS WEB 인터넷이 도시라면, 웹은 도시 위에 있는 건물 하나를 의미한다. 인터넷이 도로라면, 웹은 도로 위를 달리는 자동차 한 대를 의미한다. 인터넷이 운영체제라면, 웹은 운영체제 위에서 동작하는 하나의 앱을 의미한다. 인터넷 > 웹 인터넷의 탄생 : 1960년 웹의..

4일차 진도는 부모 자식과 목록부터 HTML 태그의 제왕까지이다. 부모 자식과 목록 : 태그 간의 관계를 나타는 표현. 필요에 따라 관계가 달라질 수 있다. BUT, 몇몇 태그는 고정된 관계인 태그가 있다. Ex. 태그 대표적인 태그인 태그는 목록을 만들어 주는 list 태그이다. 태그 : unordered list li 태그를 쓰면 목록을 만들어주지만 여러 개의 목록이 필요할 때, 구분이 안된다는 단점이 있다. 목록을 다른 목록과 구분할 수 있게 해주는 태그가 태그이다. ul 태그와 li 태그는 서로가 반드시 필요한 관계이므로 고정적인 부모자식 관계이다. 태그 : Ordered list 목록이 3-4개가 아니라 엄청 많다면? 많은 목록 중에서 하나를 삭제한 후에 번호를 수정해야 한다면? 많은 시간이 필..

3일차 진도는 줄바꿈부터 최후의 문법 속성과 img까지이다. 줄바꿈 : br vs p 코드에서 줄바꿈(3행)을 했으나, 웹페이지에서는 줄바꿈이 적용되지 않는다. 따라서, 태그가 필요하다!!! 이 때, 쓰이는 태그가 br 과 p 이다. 두 태그의 결과는 거의 동일하다. 차이점과 공통점은 무엇일까? 차이점 - 무엇인가를 설명하지 않는 태그는 감싸야하는 컨텐츠가 없으므로 태그를 닫지 않는다. ex. img, input, br, hr, meta - 단락이 아닌 단순히 줄바꿈을 의미하며, 여러번 사용이 가능하다. : 단락(paragraph) - 단락을 구분해주기 때문에 열고 닫는 태그가 존재한다. - 단락 간의 간격이 고정되어 있어 시각적으로 자유도가 떨어진다. -> CSS 를 이용하면 정보를 꾸며주게 되므로, ..

2일차 진도는 기본문법 - 태그부터 통계에 기반한 학습까지이다. 기본문법 - 태그 1. 웹페이지에 들어간 글 내용을 Atom에 코드로 작성한다. -> 저장 : Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. 2. 웹페이지 새로고침을 눌러 내용을 확인한다. 3. 내용 중 중요한 부분을 강조하고 싶을 때 볼드 처리 : 내용 밑줄 처리 : 내용 가장 쉬운 문법인 태그!!! 태그는 중첩해서 사용할 수 있다. 혁명적인 변화 1. 아래의 홈페이지를 클릭한다. https://www.w3.org/ [ World Wide Web Consortium (W3C) Happy ho..

1일차 진도는 1일차 : 수업소개부터 ~ 실습환경 준비 까지이다. 운영체제 에디터 윈도 - 메모장 맥 - 텍스트 편집기 리눅스 - gedit, nano, vim 강의에서 활용하는 에디터 : github.com에서 만든 Atom(아톰) 프로그램을 다운받을 수 있는 홈페이지 주소 : https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see wha..

생활코딩에서 7기째 모집하고 있는 코딩야학 비전공 프로그래머에게 항상 은혜로운 생활코딩에서 구글과 함께 코딩야학 7기라는 프로그램을 시작했다. https://coding.yah.ac 코딩야학 진도표에는 10일 분량으로 진도가 쪼개져 있습니다. 코딩공부 트랙에 참여하는 분은 진도표를 참고해서 공부하시면 됩니다. 자신의 진도를 표시할 수 있고, 다른 사람과 공부하는 마음을 공유할 수도 있습니다. 개강을 기다리지 마시고 지금 바로 시작하셔도 됩니다. 코딩공부 진도표 프로젝트 트랙에 참여하는 분은 진도표에 자신의 계획을 등록하고, 목표를 완료하면 '봤어요'를 표시하면 됩니다. 진도표는 필수 사항이 아니랍니다. 진도표와 무관하게 스스로 완주했다고 생각 coding.yah.ac 개강은 2020.1.3 이라고 되어있..