링크드인 CSS 스킬 평가, 통과할 수 있을까?

바로 이전 링크드인 HTML 평가에 이어서 CSS 평가 후기도 써보려고 합니다.

CSS는 국비지원 수업이 현재 진행형이기도 하고, 그리드나 z-index, 애니메이션 등 아직 잘 모르는 것이 많아서 링크드인 평가를 치를까 고민했었어요ㅜㅜ

무엇보다 통과하지 못하면 3개월 동안은 응시가 불가능하기 때문에 더 망설여졌습니다.

 

하지만 쇠뿔도 단김에라고 그냥 함ㅋㅋㅋ

 

 

유튜브에 linkedin CSS assessment 라고 검색하면 관련 영상이 3-4개정도 올라오는데 우선 그걸로 문제를 먼저 파악한 후 모르는 부분은 최대한 숙지 했습니다.

**아무래도 유튜버들도 직접 문제를 푸는 것이기 때문에 유튜브에서 올린 것도 오답이 조금 있었습니다. 조금이라도 이해가 되지 않거나 헷갈리는 것은 반드시 직접 해보고, 복습 겸 찾아보세요!

 

다행히 문제가 엄청 어렵지는 않았습니다. HTML 평가보다 좀 더 복잡하게 내는 편이에요.

실제로 CSS가 디자인적이다 보니 위치나 색깔 등 여러 스타일링으로 질문하기도 좋구요.

 

 

CSS에서 아아주 기촉적인 질문인데 혹시나 왜 빨강이 답이지 하신다면 저처럼 직접 해보는게 제일 좋아요!

Cascading과 우선순위 이해를 잘 했니? 를 확인하는 문제유형 이었습니다.

 

 

이것도 아주 기초적인 질문이지용ㅎㅎ

 

 

언뜻보면 어려워보이겠지만, 2번째 아이템부터 시작해서 매 3번째 아이템에 효과를 주어야 하니 3n+2 를 써야겠지요?

그리고 오답인 1번의 li:nth-child(2n+3)과 3번의 li:nth-child(3+2n)은 순서만 바꾼 것므로 쉽게 제거합니다ㅋㅋ

 

정답은 4번

 

CSS에서 중요한 것이 float, position을 이용해 위치잡는 것이다 보니 이 연습을 특히나 많이 했어요.

학원에서도 홈페이지 메뉴바나 하단 영역 등 전반적으로 다 쓰이는 요소이구요. 모르고 갈 수 없겠죠?

 

 

이것 역시 아주 쉬운 문제ㅋㅋ 위에서부터 시계방향으로 가지요? 상/우/하/좌 순서 기억하세요!

 

 

화면 캡쳐한 것 이외에도 제가 확실하지 않았던 문제들이 있어서 떨리는 마음으로 제출했는데 다행히 통과했답니다!

 

 

하나씩 채워진 링크드인 스킬란을 보니 진짜 뿌듯했어요!!

내가 HTML/CSS 수업 헛으로 들은게 아니구나, 코로나로 단축근무하면서 공부를 하긴 했구나 생각이 들었답니다.

 

 

프로그래밍의 세계로 한 걸음씩 나아가겠어요!!