전체 글

TIL] css포지션(position)

css 포지션 css포지션 속성은 HTML에서 element를 배치하는 방법을 지정하는 속성이다. position속성에 쓸 수 있는 것은 총 5개가 있다. 5개를 차례대로 살펴보자. static static은 HTML에서 일반적인 흐름을 따라 배치가 된다. element에서 포지션을 지정하지 않는다면 기본값으로 static이 적용된다. *static에서는 top, right, bottom, left, z-index 속성들이 아무련 효과를 주지 못한다. relative relative는 static과 마찬가지로 HTML에서 일반적인 흐름을 따라 배치된다. static과의 차이점은 static에서는 적용되지 않는 top, right, bottom, left, z-index속성들이 적용된다는 것이다. abso..

TIL] input type과 box-sizing

input type input 요소의 동작 방식은 type특성에 따라 달라진다. 특성을 지정하지 않은 경우 기본값은 text이다. input autocomplete 속성 input 태그의 autocomplete 속성은 input요소에서 자동완성 기능을 사용 여부를 결정해준다. on으로 설정하게되면 브라우저는 사용자가 이전에 입력했던 값을 기본으로 드롭다운 형식으로 보여주게 된다. off를 하게되면 자동완성 기능을 사용하지 않게 된다. input 타입의 required속성 input타입의 required속성은 폼 데이터가 서버로 제출되기 전 반드시 채워져있어야하는 입력 필드임을 명시한다. required속성은 불리언 속성인데 해당 속성을 명시하지 않으면 자동으로 False가 되고 명시하게 되면 True가 ..

TIL] 나의 첫 토이프로젝트를 하면서 느낀점

자기소개(첫 토이 프로젝트) 위의 사진은 나의 첫 토이 프로젝트이다. 맨 위의 부분에서는 h1태그를 이용해 나의 개발자 별명인 Jongveloper를 넣었고 부제목 목으로 (feat. 자기소개)를 넣었다. 화면 왼쪽을 보게 되면 블로그 형식으로 작성하였다. 깃허브 보러 가기 버튼을 클릭하게 되면 나의 깃허브로 이동이 된다. 그 밑에는 마음가짐이 있고 또 그 밑에 개발자 블로그(티스토리 블로그)가 있다. 그 밑에는 현재 날짜와 시각이 나오고 순차적으로 온도와 습도가 나온다. 화면의 메인에는 기본정보인 이메일과 휴대폰이 있고 노션 보러 가기 버튼이 존재한다. 노션 보러가기 버튼을 클릭하게 되면 항해 99를 함께하는 항해99 2기 2조 사전과제 노션 페이지로 이동된다. 그 밑으로는 순서대로 현재 공부 중인 언..