본문 바로가기
반응형

분류 전체보기172

웹 디자인 기능사 필기 합격 후기 + 1일 벼락치기 방법 개발자를 꿈꾸며, 모두가 자격증은 필요 없다고 말하지만 다다익선이지 않을까 싶다.. 그리고 공부를 하면 할수록 개발세계에 대해 더 넓은 시야와 지식을 가질 수 있어서 앞으로도 자격증 공부를 꾸준히 해야겠다고 느꼈다. 합격예정이지만 아직 시험 결과가 안 나와서 접수내역만 캡처했지만 합격결과가 나오면 곧바로 합격인증도 하겠습니다!😊 본론으로 들어가서, 웹 디자인 기능사에 대해 알아보도록 하겠다! 웹 디자인 기능사란? 웹 페이지 제작에 대해서 보는 자격증으로, 산업인력공단에서 실시하는 자격증이다. 2025년부터는 '웹디자인개발기능사'로 명칭이 변경 예정이다. 주로 디자인이라고 해서 디자이너들이 하는 일이라고 생각이 들겠지만 2017년부터 평가방법이 변경됨에 따라 디자인보다는 기능위주로 채점이 되었고, 난이도가.. 2024. 1. 23.
CSS cursor 속성 적용 방법 우리가 웹페이지를 다루다 보면 특정 위치에 마우스가 위치하였을 때 마우스 커서 모양이 바뀌는 것이고 있고, 이미지가 커지거나 사라지는 등의 효과가 적용이 될 때가 있다. 이러한 차이가 cursor와 hover의 차이이다. cursor란? 마우스의 커서의 스타일을 지정하는 데 사용된다. 즉, 마우스 커서 모양을 바꾸는 것이다. 이러한 속성을 이용하여 특정 요소에 마우스를 가져다 놓았을 때 마우스 커서의 모양이 변경되도록 한다. hover란? 가상 클래스로 요소가 마우스로 위치시킬 때의 상태를 지정한다. 예를 들어, 요소에 마우스를 올리면 배경색이 노란색으로 변경되는 효과가 있다. hover는 주로 애니메이션 효과가 함께 쓰여서 특정 위치에 마우스를 올려놓았을 경우 생동감 있게 스타일을 지정하며, 이러한 h.. 2024. 1. 19.
CSS Grid Layout 아이템 적용 속성 Grid layout 속성은 Flex Layout과 마찬가지로 컨테이너에 적용하는 속성과 아이템에 적용하는 속성 이렇게 두 가지로 나뉜다. 오늘은 gir layout을 구성하는 아이템 적용 속성들에 대해 다뤄볼 것이다. 아이템 적용속성에는 크게 grid-column, grid-row, justify-self, align-self로 나뉜다. 앞선 컨테이너 적용 속성과 비슷한 속성들이 쓰였다. 다른 점은 단지 속성명과 적용되는 것이 아이템이라는 것!! gird에서 아이템을 배치하는 방법에는 라인 기반과 영역기반으로 나뉜다. 라인기반은 gird line을 기준으로 하여 item의 위치를 설정하는 것이고, 영역기반은 영역별 이름을 이용해 위치를 설정하는 것이다. 오늘은 라인기반을 위주로 살펴볼 것이다. 1. g.. 2024. 1. 14.
CSS Grid layout 컨테이너 속성 Grid 레이아웃이란? 2차원(가로, 세로)의 레이아웃 시스템이다. 가로,세로에 관계없이 item을 container에 배치하여 레이아웃을 만든다. grid 레이아웃의 장점 행과 열을 모두 정렬하고 이동하는데 많은 도구를 제공하여, 안정된 디자인과 자유로운 요소배치를 가질 수 있다. 이러한 grid 레이아웃의 특징을 이용하여 웹페이지를 구성한다면 고차원적이면서 편리한 화면 설계가 가능하다. grid 레이아웃의 속성 grid는 flex layout과 마찬가지로 컨테이너에 적용하는 속성과 아이템에 적용하는 속성으로 나뉜다. flex layout과 grid layout 차이 flex : 가로 또는 세로를 주축으로 하여 레이아웃 배치(1차원) grid : 가로와 세로에 관계없이 레이아웃 배치(2차원) 1. gr.. 2024. 1. 12.
반응형

티스토리툴바