회사에서 css에대해서 설명
관련링크
본문
제가 회사에서 css에대해서 설명해주고
강의하게 됬는데 50분정도...
보통 신입들이 뭘 신기해하고 궁금해 하는지 뭘소개해주면 좋은데
팁좀 구할수있을까요
답변 4
우선 신입이면 개념자체가 없기때문에 규칙을 정해주는게 좋습니다.
예를들어 내부스타일은 뭔지, 외부 스타일시트는 뭔지
왜 내부스타일을 잘 사용하지않는지? 사용하지 말것을 권장한다던지?
구글에 있는 기타 여러 폰트를 어떻게 불러와서 적용시키는지?
가장 기본이 되야하는 개념부터 심어주시고, 이후 선택자나 css 폰트관련쪽을 하시면
안될까 싶습니다.
그리고 보통의 신입들은 css 박스모델을 가장 어려워합니다.
배치를 한다던지, div를 어떻게 3개를 한줄에 한다던지
float, left속성은 어떨때 쓰이고 하는지?
실제 디자인을 하게되면 배치를위한 css포지셔닝도 숙지가 되야합니다.
relative, absolute, fixed 등등
하지만 시간상 50분에 그것은 어렵기때문에
해당 회사에서 코드는 이렇게 만들고 이렇게 하자라는 규칙등을 알려주며
왜 이렇게하는지 등을 설명해주는게 더 이해하기가 쉬울겁니다.
제가 쓴 html css책인데 css쪽 목차 참고해보세요.
초보분들이라면, 분류를 먼저 만들어야 겠죠. 그리고 순서를 바꿔 보는게 좋을 것 같습니다.
. css의 중요성
css파일이 있고 없을때
style 태그가 있고 없을때
두 가지의 적절한 활용
css 문법순서가 미치는 영향
태그 자체에 style 주기
. table 만들어보기
. *(별표), 와 태그지정으로 범위나, 태그에 style 입히기
. 가장 많이 쓰이는 css
. round 테두리
. border 선 두께
. position 위치
. z-index 겹치는 순서
. active, visited, link 중요성
. !important 의 중요성
. javascript, jquery 로 할수 있는 수많은 동적 css, style 추가 삭제
. div 로 테이블 만들어보기
. 표준 css의 중요성
중급 이상
. 동적 css 추가
. 브라우저 마다 다른 문법들
. 애니메이션
. 반응형 css
제가 생각나는 부분은 이것 밖엔 없네요.
실무에서 쓰이는 것들, 많이 틀리는 부분들 같은 거 위주로 알려 주면 좋을 것 같습니다.
신기해할만한거는 시각적인 부분일 것 같습니다. 미디어쿼리나 애니메이션같이 움직임이 있는 역동적인건 어떨까요?
표기 규칙성 배우고 이해하고 쓸수 있도록 하는게 제일 도움이 될건데
그건 누가 가르쳐 줘도 아침에 일어나
이불 개는거 하고 똑 같아서 습관이 들지 않으면 못하겠죠
대부분 큰 회사들 보면 css또한 규칙성을 갖고 마진부터 표기할지 패딩부터 표기할지 백그라운드 부터 표기할지 아니면 폰트 부터 표기할지 등 순서를 가지고 일을 합니다
팬티위에 바지를 입을지 슈퍼맨 처럼 바지위에 팬티를 입을지...
네이버 css도 표기 순서에 의해서 표기하고 있더군요
에니메이션, 공간에 따른 활용 규칙성, 스킬등은 시간 지나면 알려주지 않아도 다 배웁니다
깔끔하게 코딩할 수 있도록 길잡이를 해주시면
지금은 이게 뭐야 해도
나중엔 그 사람 덕에 내가 수준있는 사람이 되었다 말할겁니다
저 또한 팬티위에 바지를 입으려 노력하지만
아직도 가끔은 바지위에 팬티를 입고 자랑스러워 합니다 ㅎㅎㅎ
php니 자바스크립트니 프로그램은 코딩의 중요성을 따지면서
css는 그냥 보이는대로 막해도 된다 생각해서 가끔 놓치는 부분이기도 합니다
결국 보여지는 최종 단계는 css를 입힌 html의 구조화된 모습입니다
