졸지에 팀장, css(position)

최근에 우리팀장이 개인적인 이유로 휴직을 하게됐다.

그래서 새로운 팀장이 오게됐냐? 그건아니다.

그럼 누가 이팀을 이끄냐고 물어본다면, 나다.

 

그냥 앉아서 코딩이나했지 이런 잡다한일이 이렇게 많을 줄은 몰랐다.

대체 팀장님은 이런거하면서 어떻게 개발도 하셨지.

귀찮은거 딱질색인데 잘못걸렸다 싶지만 또 한번 해놓으면 당분간은 안건드려도 될 일들이 많아서

싹다 정리해놓을 셈이다.

 

하지만 한편으로 공부를 더 열심히하게 만드는 장작이 된 것은 부인할 수 없겠다.

 

 

오늘의 강의는 css의 연속.

position 에 대한 강의

ㅇ요약

position : static;   //default  처음위치 그대로

position : fixed;  // 처음생성된 자리 고정( 사이드바 메뉴 같이 화면 스크롤해도 따라오는 형태 or 엑셀 고정)

                            //top,bottom,left,right 속성으로 움직일 수 있으나, 이동이되면 layer가 달라져서 겹쳐보임

                            //추가설명 하자면 div가 두개 있을 때 서로의 영역을 알고 그려졌으나 윗 줄처럼 적용되면 두 div가 겹쳐짐.

position : relative; //element가 처음 생성된 위치기준으로 위치를 조금씩 수정할 수 있다.

position : absolute; //가장 가까운 relative 부모를 기준으로 이동할 수 있다. relative 부모가 없으면 body에 적용

 

 

+추가내용

pseudo selector

세부적으로 엘리먼트 선택해줄 수 있다.

ex) div:last-child{

}

 

vsc에서 live server 사용하면 last-child 지정안되는 이슈가 있다. 참고할것.