본문 바로가기

분류 전체보기46

[웹디자인기능사 실기] C-1 해운대 빛축제 jQuery 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 C-1 타입인 해운대 빛축제 jQuery 구현을 해보도록 하겠습니다 :) HTML, CSS 코드가 궁금하신 분들은 여기를 참고해 주시면 되겠습니다. https://pncoding.tistory.com/47 [웹디자인기능사 실기] C-1 해운대 빛축제 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 C-1 타입인 해운대 빛축제 html, css 구현을 해보도록 하겠습니다 :) 항상 문제를 풀기 전, 받은 시험지 내용을 꼼꼼하게 읽고 (하지만 10분은 넘지 않 pncoding.tistory.com 이전 포스팅에서 만들어 둔 HTML, CSS 코드에 jQuery 연결을 먼저 진행해 주도록 하겠습니다. jQuery도 동일하게 외부로.. 2024. 3. 3.
[웹디자인기능사 실기] C-1 해운대 빛축제 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 C-1 타입인 해운대 빛축제 html, css 구현을 해보도록 하겠습니다 :) 항상 문제를 풀기 전, 받은 시험지 내용을 꼼꼼하게 읽고 (하지만 10분은 넘지 않도록!!) 체크한 다음 진행하도록 합시다 :) 실격요인도 항상 체크를 해야겠죠? https://pncoding.tistory.com/16 [웹디자인기능사 실기] 유의사항 및 실격요인 웹디자인기능사 실기를 치실 때 반드시 체크해야 할 사항들이 몇 가지가 있습니다. 반드시 체크하신 다음 시험준비를 하도록 합시다~! 전체적인 중요 체크포인트 주어진 자료(수험자 제공파일) pncoding.tistory.com 공개문제를 받지 못하신 분들은 아래 포스팅을 참고해 주세요! https://pncoding.. 2024. 3. 3.
[웹디자인기능사 실기] 2024 공개문제 분석 (F타입 포함) 안녕하세요 PNcoding입니다 :) 2024년도 공개문제를 분석을 한번 해보도록 하겠습니다. 2024년도 문제에서는 F타입이 추가가 되었네요. 각 타입별로 4개씩 해서 총 공개문제는 24개가 제공이 되어 있어요. A~E 타입까지는 작년도 공개문제와 동일하니 전 포스팅을 참고해 주시면 되겠습니다 :) https://pncoding.tistory.com/17 [웹디자인기능사 실기] 공개문제 분석 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 공개문제를 분석을 한번 해보도록 하겠습니다. 시험 대비를 하실때에 공개문제만 제대로 시간 내에 푸는 연습만 하신다면 충분히 합격하실 수 있 pncoding.tistory.com 공개문제 다운로드를 하지 못하신 분들은 아래 포스팅을 참고해 주세요. https:/.. 2024. 3. 3.
[웹디자인기능사 실기] 2024 공개문제 다운로드 안녕하세요 PNcoding입니다 :) 2024년도 기능사 시험일정이 나왔네요. 실기 시험일자는 큐넷에서 확인하실 수 있으며,반드시 일정을 잘 확인하여 시험신청을 해 주시면 되겠습니다! Q-net 자격의 모든것 Q-net 자격의 모든것 www.q-net.or.kr 실기 시험 일정 아래의 이미지는 2024년도 기능사 시험 일정표입니다. 실기 시험 수수료는 20,100원입니다 :) 공개문제 다운로드 아래는 큐넷의 공개문제 페이지 주소입니다. 공개문제 자료실 상세 | Q-net 공개문제 자료실 상세 | Q-net BODY { FONT-SIZE: 10pt; FONT-FAMILY: Malgun Gothic; COLOR: #000000; MARGIN: 0px } P { MARGIN-BOTTOM: 0px; MARGIN.. 2024. 3. 3.
[ 크몽 전자책 ] 한눈에 볼 수 있는 웹 기초 용어 모음집 안녕하세요 PNcoding입니다 :) 오늘은 크몽에 업로드한 전자책을 소개해 드리도록 하겠습니다. https://kmong.com/gig/530379 한눈에 볼 수 있는 웹 기초 용어 모음집 - 크몽 PNcoding 전문가의 전자책 서비스를 만나보세요. 안녕하세요 PNcoding입니다.수업을 진행하며 많이 듣는 질문이 있습니다.“선생님 이 용... kmong.com 이 책은 웹을 배우는 데 있어 잘 모르는 단어들을 정리하여 만든 전자책입니다. 웹을 처음 배우시는 분들 중 새로운 단어들로 인해 적응을 하지 못하고 포기를 하는 경우를 종종 보았습니다. 또한 단어를 암기하는데 집중을 하다 보니 오히려 웹에 대한 관심도가 떨어지는 경우도 보았습니다. 그러한 분들을 위해 기초 용어를 모아둔 전자책을 집필하게 되었.. 2024. 1. 4.
[CSS 기초] flex 속성 안녕하세요 PNcoding입니다 :) 오늘은 레이아웃을 작성할 때에 유용하게 사용되는 flex 속성에 대하여 알아보도록 하겠습니다. Flex flex는 flexible box 혹은 flexbox라고 부르기도 합니다. flex는 CSS의 display 속성으로 지정을 해 줄 수 있으며, 기존에 웹페이지의 레이아웃을 작성할 때에 사용되었던 float나 inline-block 등을 이용한 방법보다 훨씬 유용하게 레이아웃을 작성할 수 있는 장점이 있습니다. Flex를 사용하기 위한 HTML 구조 flex를 사용하기 위해서는 반드시 부모요소와 자식요소가 필요합니다. 부모요소가 flex가 적용되는 영역이며, 부모요소 안의 자식요소들이 적용한 방법대로 배치가 된다고 생각하시면 됩니다. 첫번째1 222 플렉스3 부모요.. 2023. 12. 15.
반응형