생활코딩

hosting = 인터넷에 연결되어서 원격으로 사용할 수 있는 서버컴퓨터를 임대해주는 사업 git hosting = 작업하고 있는 로컬 저장소의 버전을 업로드 할 원격 저장소를 임대해주는 사업 용어정리 지역 저장소 (Local Repository) = 작업을 해서 버전을 생성하는 컴퓨터 원격 저장소 (Remote Repository) = 지역 저장소의 버전을 업로드를 통해 지역 저장소랑 똑같은 상태를 유지하는 컴퓨터에 설치되어 있는 저장소 Push = 지역저장소의 파일을 원격저장소로 업로드하는 것 Clone(복제) = 원격저장소의 파일을 새로운 지역 저장소에 복제하는 것 Pull = 원격저장소의 올라간 새로운 변경사항을 지역 저장소로 내려받는 것 원격저장소와 연결 git remote add 원격저장소 이..

Javascript = 사람들과 동적으로 상호작용하는 웹페이지를 만들고 싶다는 욕구로부터 시작됐다. 자바스크립트는 html 위에서 사용하며 html을 제어하는 언어 수업 구성 Run Javascript Event handler 이 안에 javascript코드 작성 javascript 는 1+1을 적으면 2로 출력 html에서는 1+1을 적으면 그대로 출력 Script HTML 삽입 미리보기할 수 없는 소스 코드 결과 : hi라는 글씨가 적힌 버튼 생성, 눌렀을 때 hi라고 경고창이 뜸 input = 여러 종류의 인풋 요소 만드는 HTML tag / HTML tag used to create various types of input elements type = 인풋 요소를 특정하는 속성, 여기선 버튼 va..

1. CSS의 등장 html이 생긴 후 웹페이지를 아름답게 꾸미고 싶어짐 html에 디자인 관련 태그를 생성할 때 생기는 문제: 코드에서 웹페이지에 대한 정보와 정보가 아닌 디자인에 대한 코드가 섞이게 됨 - 정보로서의 가치 떨어진다 css - 디자인에 최적화된 언어 장점: html 태그를 중복해서 써야할 것을 한번에 해결해줌 (중복의 제거) / 코드의 가독성 증가 이 안에 css코드 작성 html이 아닌 css로 해석하라는 명령 이렇게 하면 html은 정보에만 전념할 수 있다 - 정보만 보고 싶은 사람은 이 태그 안에 있는 내용은 무시하면 되니까 2. CSS 기본 문법 주석처리: / **/ (html 주석처리는 ) 웹페이지 안에 css를 사용하는 두가지 방법 1. style 태그를 쓴다 (head 태그..

깃의 3대 목적 1. 버전관리 - 수정 버전 별로 저장 가능, 원하면 이전 버전으로 언제든지 돌아갈 수 있다 2. 백업 - 문서가 유실되지 않도록 저장 3. 협업 - 다른 프로그래머들과 파일 공유하면서 push & pull 가능 - push : 내가 수정한 파일을 다른 사람들이 보게 올리는 것 - pull : 다른 사람이 올린 파일을 내려받는 것 GUI vs CLI GUI- Graphic User Interface 일반적으로 컴퓨터를 사용하는 방법 / 쉽게 사용 가능 CLI - Command Line Interface 명령어 인터페이스 / 새로운 언어를 배우는 것과 같아서 어렵지만 익혀놓으면 다양한 장점 존재해서 개발자들이 선호( eg. 처리해야 할 일을 한번에 명령해서 자동화 가능, GUI로 제어할 수..

1. 코딩 준비 1. visual stuio code 설치 2. File > Open file > 원하는 파일 위치 선택 3. html 파일 생성 (원하는이름.html) .html = 확장자 4. 생성된 웹 켜놓고 실행화면 같이 보면서 코딩 (저장 눌러야 반영된다!) 2. 웹 개발을 위해 기본적으로 세팅해놔야 할 것 visual studio code 에서 ! 치면 등장 html 버전이 무엇인지 알려주는선언 (html 의 버전 및 내용을 잘 출력하도록 도와주는 역할) 은 Html 5 버전을 의미 html 태그는 아님 (! 을 붙인 이유 Character set 설정 charset = character set > utf-8로 문서를 읽으라는 명령, utf-8이 가장 많이 사용 html 본문 외에 안보이는 정..