It's going to be one day 🍀

안녕하세요! 매일 매일 공부하려고 노력하는 백엔드 개발자 지망생의 공부 흔적입니다.

Front-End/HTML + CSS 4

[CSS] position/flex

[공부 내용 정리] form 관련 가상 클래스 선택자 :enabeld, :disabled 활성화 /비활성화 상태일때 : read-only, :read-write 사용자가 편집할수 없는/있는 상태일 때 : checked input checkbox radio 유형일때 선택된 상태 : requited 필수입력값일 경우 : : placeholder 입력에 대한 추가 정보가 있을 경우 position position이란? 이름에서처럼, position이란 HTML 태그의 위치를 지정해주는 속성. . position 속성을 이용해 우리는 페이지의 레이아웃을 결정할 수 있음. position의 종류 1) static : 기본적으로 따로 position 속성값을 주지 않았다면 static 값을 가짐. 즉 html에 쓴..

[CSS] 선택자/스타일/상속/boxmodel

[공부 내용 정리] CSS란? CSS는 Cascading Style Sheets의 약자. Cascading (to fall quickly and in large amounts ⇒ 낙하) CSS에서 스타일이 적용될 때는, 우선순위를 가지고 적용됨. 이 우선순위가 적용되는 과정이 마치 폭포처럼 위에서 아래로 떨어지는 모양이기 때문에 Cascade라는 단어가 붙었음. 우리가 작성한 HTML의 스타일, 레이아웃 등을 꾸미는 역할. CSS를 한번 작성해 여러 HTML에 재사용할 수 있음. 작성방법 선택자(Selector) - 이 요소에 { - 스타일 적용을 시작할게요 속성(Property) - 이 속성에 : - 대응 값은 속성값(Property Value) - 이 값으로 지정해주세요 세미콜론(;) - 해당 속성 ..

[HTML] 태그/method/table

[공부 내용 정리] contents h1, h2, h3, h4, h5, h6 Heading : 제목 웹 페이지가 하나의 책이라면 제목 태그는 목차와 같음. h1 ~ h6 순서대로 작성해야함. 위니브 위니브 캐릭터 라이캣 칠리 개리 위니브 소개 위니브는... 위니브 커리큘럼 a (앵커) : 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듦. href tel : 전화번호 mailto : 이메일주소 target 속성값 _self : 현재 페이지 (기본) _blank : 새 탭 download : 링크 이동 대신 사용자에게 URL에 위치하는 대상을 저장할지 물어봄. 이때 브라우저에서 바로 열 수 있는 파일 포멧이라면 바로 실행. download..

[HTML] 기본 문서 구조/태그

[공부 내용 정리] https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel → html 태그에 대한 references 참고하기 제일 좋은 사이트! https://docs.oracle.com/javase/8/docs/technotes/tools/windows/javadoc.html → java는 javadoc 사이트 프론트 개발자 : 웹 브라우저에서 동작 할 수 있는 언어를 이용하여 사용자가 이용하는 웹 페이지를 만드는 작업. HTML (hyper text markup language) HTTP (hyper text transfer protocol) 요소 분석 태그 : 어떤 표시를 하기 위해 붙인 꼬리표. 웹 문서에 정보를 정의해주는 형식. 기..