제뉴어리의 모든것

[Section 1] [학습 방향] Learn How To Learn 의사코드 (pseudo code) 작성 의사코드란 프로그래밍 코드로 작성하기 전에 먼저 사람의 언어로 논리적으로 과정을 정리 작성하는것. 작성 예) - 문제 "덮여진 전화번호부에서 "홍길동" 이란 사람의 전화번호를 찾아서 전화를 거는 알고리즘을 작성해보아라" 란 문제가 주어진다면 (사람의 직감으로 전화번호부의 끝에 있으니까 찾아보는 방법 말고 컴퓨터에게 작업을 맡길 경우 적용 가능한 알고리즘을 말한다)? 여러 알고리즘이 있을것이다. 처음 부터 한장한장 찾아보는 기본적인 방법도 있고 그외의 여러 방법이 있겠지만 나는 전화번호부를 대충 반으로 펼치고 해당 페이지에서 "홍길동"이란 사람의 이름을 확인해볼것이다. 그리고 없다면 해당 페이지의 ..

https://velog.io/@codenmh0822/Float

코드 상품 목록 상품 1 상품 설명 가격 : 500원 상품 2 상품 설명 가격 : 500원 상품 3 상품 설명 가격 : 500원 결과 화면 - 마우스 오버 전 - 마우스 오버 후

CSS의 overflow 프로퍼티는 요소내의 컨텐츠가 너무 커서 요소내에 모두 보여주기 힘들때 그것을 어떻게 보여줄지를 지정합니다. 기본적으로 컨텐츠를 포함하고 있는 요소의 크기가 고정되어 있지 않다면 컨텐츠를 모두 포함할 수 있도록 요소의 크기가 커집니다. 크기가 고정 되어 있다면 overflow 프로퍼티에 지정된 값에 따라 보여지게 됩니다. overflow 에 사용할 수 있는 값은 네가지가 있습니다. - visible : 기본 값입니다. 넘칠 경우 컨텐츠가 상자 밖으로 보여집니다. - hidden : 넘치는 부분은 잘려서 보여지지 않습니다. - scroll : 스크롤바가 추가되어 스크롤할 수 있습니다.(가로, 세로 모두 추가 됩니다.) - auto : 컨텐츠 량에 따라 스크롤바를 추가할지 자동으로 결..

1. 태그.[클래스] (ex : div.aa...) 코드 a영역 aa영역1 aa영역2 bb영역 aa영역4 aa영역3 결과화면 결과 내용 div 태그중 aa 클래스 속성을 가지는 모든 요소에 스타일이 적용됨. 2. 태그 .[클래스] (ex : div.aa...) (위에 사용법과 달리 태그 후에 공백이 존재하고 .[클래스] 이다) 코드 a영역 aa영역1 aa영역2 bb영역 aa영역4 aa영역3 결과 화면 결과 내용 div 태그를 부모로 가진 모든 하위 요소들 중 aa 클래스를 속성으로 가진 요소에 스타일 적용 (위에 내용과 달리 aa영역3가 적용되지 않았다) 3. .클래스.클래스 (ex : .a.aa ...) 코드 a영역 aa영역1 aa영역2 bb영역 aa영역4 aa영역3 결과 화면 결과 내용 아무 요소에도..

목차 1. Position 속성 1-1. Relative 1-2. Absolute 1-2-1. 부모 relative & 자식 absolute 1-2-2. 조상 relative & 자식 absolute 1-2-3. 조상 position 없음 & 자식 absolute 1-3. Fixed CSS Position CSS Position 요약 position 속성을 통해 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다. 사용법은 간단하다. 기준을 잡는다. (예- position: relative;) 이동시킨다. (예- top: 50px;) 🎈알아두기 block inline block : 한 줄 모두 차지 (대표 element - ,..