거북이개발자

0. 학습한것 CSS로 위치선정, 그리고 여러 선택법등을 배웠다. 1. flex 앞서 배운것 처럼 block형은 줄넘김이 기본적으로 된다. 이러한 방법을 해결하기위해서 flex를 사용할 수 있다. (1)일반적 blcok형을 쓸떄 1 2 3 4 이런식으로 줄바꾼이 나온다. (2) flex형 적용시 아래 코드처러 flex를 적용할 수 있다. body{ display : flex; justify-content: center; align-items: center; } 이와 같이 할수 있다. 또한 flex에서 여러 부가적 엘리먼트를 사용가능하다. flex-direction : 주축을 바꾼다. position: fixed : 스크롤내려도 항상 그위치에 위치시킨다. position: absolute : relativ..

0. 학습한것 CSS의 개념과 CSS를 통한 여러가지 기능 그리고 각각의 기능들의 사용법을 배웠다. 1. CSS란? HTML이 뼈대라고 하면 CSS는 근육과 같은존재이다. 이말은 즉슨 HTML이 세운 뼈대에 폰트, 글자크기, 배경색, 위치 등등의 여러가지 기능을 할 수 있다. 1. CSS를 HTML에 적용방법 CSS의 적용방법은 크게 2가지가 있다. (1). 독자적 CSS파일을 만들어 HTML에 연결하는법. -재사용이 가능하고 여러장점이 있어서 이방법을 많이 선호한다. -a.css와 같은 css파일은 하나 만든뒤 HTML파일에 아래의 코드처럼 입력해서 연결해준다. (2)HTML 내에 직접 사용하는법. - (1)방법에 비해 다소 간단히 사용가능하다. - 아래의 코드와 같이 3.inline 과 block 1..

0. 학습한것 HTML의 사용법, 기초적인 문법을 다룰것이다. 1. 태그 태그란 HTML에서 구간을 나눌때 사용한다. Hello 와같은 아무 태그나 사용가능하다. but? 기존에 설정된 태그가 있고 그 태그들은 특정 기능을 수행한다. go google 위의 예를 보면 라는 태그를 썻고 이기능은 링크로 가능 기능을 담고있다. 2. 헤드부분은 페이지에 나타나는 부분을 담당하지 않는다. 그렇지만 검색시 나오는 문구, 언어설정, 탭의 이름등을 담당한다. head의 예시이다. 안의 것들을 하나하나 보면 : 탭의 글자를 표시한다. : 언어설정 담당한다. : 검색시 나오는 글자를 표시한다. 3. 그외 태그들.. 태그들은 사실 엄청많다. 이러한 태그들을 다외우는건 매우 비효율적이다. 그때마다 필요한 태그를 찾으면 되는..

0. Setup Web front개발전 3가지의 도구가 필요하다. -chrome, vscode, git hub table. 1. Web? 위의 두개의 페이지를 보면 타임즈처럼 간단한 페이지도 있고, 유튜브 처럼 복잡한 페이지도 있다. 그러나 두페이지 결국 오른쪽의 text로 이뤄진다. 그리고 text들은 HTML, CSS, JAVASCRIPT 이렇게 3가지의 언어로 이뤄진다. 2. HTML HTML은 인체구조상 뼈대라고 생각하면된다. 즉 웹의 링크, 타이틀, 네비게이션의 구조를 이룬다. 3. CSS CSS는 독립적으로 쓰이지않고 항상 HTML과 같이 쓰이는데 이떄 HTML로 이루어진것들을 크기, 굵기. 색상등을 담당한다. 4. JAVASCRIPT HTML, CSS는 프로그래밍 언어가 아니다 그러나 jav..