꾸준히 성장하는 개발자

ls : 현재 directory(폴더) 안의 파일 확인 ( window에서는 dir도 사용 가능하다 ) ls -a : 뒤에 -a를 붙이면 숨겨진 파일도 확인이 가능하다. ls -l : 상세 정보까지 확인 ls -al : 숨김파일도 상세정보까지 확인 cd : 현재 위치한 폴더에서 상위 폴더로 이동하거나 하위 폴더로 이동 가능하다 cd 폴더이름 : 현재 위치한 directory내에 있는 directory로 이동 cd .. : 상위 directory로 이동 mkdir 폴더이름 : 현재 있는 directory 위치에서 새로운 directory 생성 touch [파일명.확장자] : 새로운 파일 생성 vim 파일명 : 해당 파일을 들어가서 볼 수 있다. vim으로 해당 파일을 들어가면 바로 수정이 불가능하다. 수정..

가변형 높이를 가지는 방법 -> 높이가 상황에 따라 변해야 하는 경우 첫 번째 방법! 1. 빈 박스 추가( float 되고 있는 박스들 맨 끝 아래) 2. {clear : both} 를 준다 두 번째 방법!! #main : after { ---------------> span태그가 추가되었다고 생각할 수 있다. content : " " ; ---------------> 글씨를 쓰면 content에 나오지만 리더기에는 나오지 않는다. clear : both ; display : block ; } ------------------------------------------> 불필요한 태그를 만들지 않아도 된다 ex6 이하에서는 사용불가 세번째 방법!!! 조건 : 반드시 자식 요소가 float 상태 부모 요소..

float, position: absolute 을 주게 되면 inline-block이 된다 -> width가 없어진다, margin:auto 안먹힘 -> width : 100% 함께 써주기 이때 아래 콘텐트가 위로 올라가 숨을수 있는데 이때 아래 콘텐트에 clear를 사용하기 1. float을 쓰면 그 아래 다음 콘텐트가 또 위로 올라가 숨을수 있다 2. 화면의 크기가 바뀌면 옆으로 올라갈수 있다 3. margin: auto를 쓸수 있다 (margin:auto쓸때 꼭 width값 넣어주기) 우선순위 position : absolute, fixed > float > margin:auto (+width, position:relative)

1. width : 값 -> 꼭 필요!! margin : auto 2. width : 값 쓰기 position 주기 left : 50% margin-left : -2/width값 3. img 요소가 display : block ; + margin : 0 ; 인 경우 width 속성이 없어도 가운데 정렬이 가능하다

margin-top : 버그 개념이 있다. 감싸고 있는 상위 요소가 함께 내려감 대처방법!! 1. float 값주기 -> 해당 요소 or 상위 요소 2. position : absolute or fixed -> 해당 요소 or 상위 요소 3. 상위 요소에 border-top 값 주기 ex) border-top : 1px solid #fff -> 색상은 배경 색상과 똑같이 작성한다.

자식 요소가 float 되면 부모 요소의 크기에 자식 요소의 크기가 들어가 연계되던 것들이 사라지면서 높이가 '0'이 된다 이럴 때 대처방법!! 1. overflow : hidden -> 가변형 높이값을 가져야 할 때 (ex. 게시판 내용 보기처럼 ) -> cf) 메인메뉴바에 사용 시 서브메뉴들이 안보일 수 있음 주의! 2. height 크기를 주기 3. float: left; 4. display: inline-block; 5. display: table-cell; 6. position: absolute;