CodeTech (70) 썸네일형 리스트형 HTML - 4 [head, body, meta 수많은 태그들] 이제 html문서를 제대로 만들어 보자. 모든 html의 문서는 로 시작한다. 이경우는 별난 경우로서 시작과 끝이 없고 그냥 저 태그 하나 뿐이다. 무조건 저 태그로 시작한다. 하지만 브라우저는 저 태그가 있던 없던 문제되는 것을 보여주지 않는다. 하지만 저 태그는 필수이다. 저코드는 브라우저에게 이파일은 txt파일이 아니라 html문서라는 것을 알려주는 역할을 한다. 다음은 html 태그에 대해 알아보자 이안의 내용이 HTML 코드 웹사이트는 크게 두가지 구조로 나뉘어저 있는데 : 웹사이트의 내용의 안보이는 부분 : 웹사이트에서 보이는 부분 으로 나뉘어진다. Body body 태그 안에서는 웹사이트에서 보이는 부분을 나타낸다. body 태그 안의 모든 태그들은 브라우저의 보이는 부분에서 나타난다. 전에.. HTML - 3 [Tag] 저번글에 작성했던 것처럼 코드를 작성하면 HTML문법 오류가 없더라도 브라우저는 그냥 그 코드 그대로 보여준다. 브라우저는 언제나 사용자에게 content를 보여준다. 즉, 내가 만든 HTML파일에서 어디에 오류가 있는지 알려주지 않는다는 말이다. 이것은 장점으로도 볼 수 있는데, 우리가 실수를 하더라도 페이지에 접속한 유저가 이러한 에러를 직접적으로 볼수가 없다. HTML의 목적은 브라우저에게 내용이 무엇인지 알려주는 것이다. 태그와 태그 사이에 내용이 존재한다. 이러한 태그로 내용의 존재를 나타낸다. 예를 들면 위와 같이 태그를 시작과 끝이 있게 달아주고 그 안에 내용을 입력한다. 그러면 브라우저는 김치라는 내용이 food라는 것을 알게 된다. 이처럼 브라우저에게 무엇인지 알려주는 것이 HTML이다... Git - 4 [로컬 레포지토리와 리모트 레포지토리 연결하기] 먼저 github 홈페이지에서 레포지토리를 생성한다. 이름을 넣고 설명을 넣은 후 생성하게 되면 위와 같은 화면이 뜨는데 이중 ...or push an existing repository from the commad line 이라는 내용 아래에 있는 코드 git remote add origin https://github.com/Doodream/레포지토리 이름.git git branch -M master git push -u origin master 이내용을 한줄씩 git bash에 넣는다. 그럼 연동 완료. 실제 푸시를 해보자. 이와 같이 커밋이 된것을 알수 있다. HTML - 2 [파일 생성] HTML 공부를 하기에 앞서 개발환경을 위해서 Visual Studio Code를 다운로드 받는다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 위 사이트에 각 OS환경에 맞게 다운로드 후 설.. HTML - 1 [브라우저, 웹사이트(HTML, CSS, JavaScript)] 우리는 브라우저라는 도구를 쓴다. 웹사이트 들을 돌아다니는 도구로써 사용하지만 웹사이트를 만들게 되는 개발자에 입장에서 살펴보면 사실 웹사이트를 만드는 것이 아니다. 그저 text를 적는 것일 뿐. 예를 들어보자 유투브 뮤직 웹사이트 이다. 이것을 직접 만드는 것이 아니라. 이 웹사이트의 소스를 살펴보면 이와 같이 매우 복잡한 웹사이트의 코드를 볼수 있다. 이러한 Text를 개발자들은 만든다. 이러한 웹사이트의 text를 웹브라우저에게 주게 되면 우리가 보는 웹사이트로 만들어주는 것이다. 어느 장소에 어떠한 Text를 적는가 이규칙만 잘 지켜서 웹브라우저에 text를 넘겨준다면 웹사이트를 만들어주는 것이다. 즉, 웹사이트는 text일 뿐이다. 웹사이트는 최소 2가지에서 3가지 언어로 구성되어 있다. 1... Git - commit을 했는데 github contributions graph가 그대로다? 열심히 pycharm, git bash로 코딩후 push를 하며 열공을 하고 있던 와중 요 망할 빈공간들이 보이기 시작했다. 아니 성실하게 녹색으로만 채워져야할 그래프가 빈공간이라니? 바로 구글링 구글링 다음과 같은 조건이 만족되어야 contributions graph가 동작한단다. 그중 핵심은! 로컬 git의 레포지토리에 설정된 이메일 주소가 깃허브 계정의 이메일 설정과 동일해야한다. 아니나 다를까 최근 이메일을 새로 판것이 화근이였다. github setting으로 들어가 이메일 메뉴로 들어가면 이렇게 이메일이 보이고 인증되어 있는 이메일인 rhomo17@naver.com으로 확인되고 있다. 이제 Pycharm과 git 레포지토리의 이메일 세팅을 바꾸면 된다. 먼저 Pyhcharm의 로컬 깃의 파일경.. Teachable Machine - 활용해보기 https://www.youtube.com/watch?v=USQGTW34lO8&list=LLUSGPObgIu-SWJrA2wP0zDA&index=11&t=0s 인공지능 개발이 너무 쉬워서 6살짜리의 교육에도 이용한다는 구글사의 Teachable Machine! 그 간단한 활용을 해보겠습니다. 먼저 사이트 주소입니다. https://teachablemachine.withgoogle.com/ Teachable Machine Train a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise o.. Git - Github와 Pycharm 연동하기 개발을 IDE를 구축하는 면에서 저는 파이썬으로 코딩입문을 하기에 파이참이라는 개발도구를 사용하게 되었습니다. java는 이클립스, 안드로이드는 android studio, C++은 visual studio를 사용하는 개념이라고 생각합니다. 개발자들이 github를 필수적으로 활용하며 프로젝트를 하는 것처럼 이러한 개발도구들도 github 친화적입니다. 파이참은 이렇게 github와 친화적인 개발도구들 중에 하나로서 코드개발 후 바로 git push, pull등 commit이 가능합니다. 먼저 기존에 파이참에 있던 프로젝트들도 commit 가능하지만 연동할 때에는 기존에 있는 프로젝트를 연결하지 말고 따라오시면됩니다. 먼저 이글을 따라오시며 git과 github를 설치 및 가입했다고 생각해보십니다. 파이.. 이전 1 ··· 5 6 7 8 9 다음
