반응형 인기글 [Figma] Figma 주요 기능별 사용법 - 아이콘 및 이미지 추가 이제 4단계인 아이콘 및 이미지 추가를 진행하겠습니다. 이 단계에서는 아이콘을 사용하고 이미지를 추가하는 방법을 배워보겠습니다.4. 아이콘 및 이미지4.1 아이콘 사용주요 기능:아이콘은 시각적 요소를 추가하여 디자인을 보완합니다.사용법:아이콘 라이브러리 검색: 피그마 커뮤니티에서 Components 탭을 클릭하고 Icons를 검색하여 무료 아이콘 라이브러리를 찾습니다.아이콘 추가: 원하는 아이콘을 선택하고 프로젝트에 추가합니다.예시:네비게이션 바에 사용할 아이콘을 추가합니다.실습:피그마 커뮤니티에서 Icons를 검색하여 무료 아이콘 세트를 찾습니다.원하는 아이콘을 선택하고 Homepage 프레임에 추가합니다.실습 단계별 스크린샷:아이콘 라이브러리 검색:피그마 상단 메뉴에서 Assets 탭을 클릭합니다.C.. 댓글 0 2024.06.08 [웹 디자인] 24일차: 네비게이션 바 디자인 네비게이션 바란?네비게이션 바(Navigation Bar)는 웹사이트에서 사용자가 주요 페이지나 섹션으로 쉽게 이동할 수 있도록 도와주는 메뉴입니다. 잘 설계된 네비게이션 바는 웹사이트의 가독성과 사용자 경험을 향상시킵니다.네비게이션 바의 기본 요소로고: 웹사이트의 로고를 표시합니다.메뉴 항목: 주요 페이지나 섹션으로 이동할 수 있는 링크입니다.검색 창: 검색 기능을 제공합니다.버튼: 로그인, 회원가입 등의 버튼입니다.네비게이션 바 디자인 예제HTML 구조 Logo Home About Services Contact Login Sign Up Home .. 댓글 0 2024.08.24 [CSS] CSS 예제 그럼, 간단한 HTML과 CSS를 사용하여 연습할 수 있는 예제를 만들어 보겠습니다. 이번 예제에서는 간단한 개인 프로필 카드 레이아웃을 만들어 보겠습니다.HTML 코드먼저 HTML 코드를 작성합니다. John Doe Web Developer Hello! I'm John, a web developer with a passion for creating amazing web experiences. I specialize in front-end development. Twitter LinkedIn CSS 코드이제 HTML 요소에 스타일을 적용할.. 댓글 0 2024.06.08 [자격증] 국가기술 - 정보처리기사 소개1) 자격분류: 국가기술자격2) 유효기간: 평생3) 응시료: (필기) 19,400원 (실기) 22,600원 (2024.12.25 기준)4) 문항수 및 시간: (필기) 100문항/150분 (실기) 20문항/150분5) 시험방식: (필기) 객관식 4지 택일형 (실기) 용어형/약술형6) 합격기준: (필기) 과목당 40점 이상, 평균 60점 이상 (실기) 60점 이상7) 주관: 과학기술정보통신부 / 시행: 한국산업인력공단8) 시험응시: 큐넷9) 응시자수/합격률: 한국산업인력공단(정보처리기사) 학습로드맵1) 필기- 추천교재: X- 추천강의: 정보처리기사 필기 절대족보(2024년)- 기출문제: 정보처리기사 필기 기출(2020년 이후) 2) 실기- 추천교재: 2024 수제비 정보처리기사 실기 세트- 추천강의: .. 댓글 0 2025.02.16 [웹 디자인] 26일차: 갤러리 및 슬라이더 디자인 갤러리 및 슬라이더란?갤러리와 슬라이더는 웹사이트에서 이미지를 효과적으로 표시하는 방법입니다. 갤러리는 여러 이미지를 그리드 형태로 배열하여 사용자가 쉽게 볼 수 있게 하고, 슬라이더는 이미지를 슬라이드 형태로 전환하여 하나씩 표시합니다.갤러리 디자인HTML 구조 CSS 스타일body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f4f4f4;}.gallery { display: gri.. 댓글 0 2024.08.26 최신글 [로드맵] AI - 학습로드맵 인공지능 기본1. C/C++/Python- [교재] - [Site] 2. 알고리즘 + 코딩테스트(C++)- [교재] → [자격증] PCCP(Lv3+) 3. 수학(통계학, 미적분학)- [교재] 4. 컴퓨터비전(OpenCV)- [교재]→ 비전 알고리즘 구현 5. 인공지능(PyTorch)- [교재] 밑바닥부터 시작하는 딥러닝 1-5- [교재] - [교재] → 논문을 보고 인공지능 알고리즘 구현 및 프로젝트 구현 6. 그래픽스- [Video] 홍정모 연구소(Cuda)→ Cuda 라이브러리에 대한 이해 및 알고리즘 구현인공지능 실전1. Computer Vision 2. Natural Language Processing 3. 생성 모델 4. Reinforcement Learning 2025.02.19 [로드맵] 데이터분석 - 학습로드맵 데이터분석 기본1. Python - [교재] 2. 알고리즘 && 코딩테스트- [교재] 3. 데이터베이스- [교재] → [자격증] SQLD / SQLP 4. 데이터분석- [교재] → [자격증] ADsP / ADP 5. 데이터분석 총정리- [교재] → [자격증] 빅데이터분석기사 데이터분석 실전1. 프로젝트 기획- [교재] 2. 데이터 수집- [교재] 3. 데이터 전처리 && 데이터 시각화- [교재] 4. 가설 설정 및 데이터 분석- [교재] 5. 최종 결과물 정리- [교재] 2025.02.19 [네트워크관리사 2급] 필기 - 기출 문제(3회) 1. 에러 제어 기법 중 자동 재전송 기법으로 옳지 않은 것은?① Stop and Wait ARQ ② Go-Back N ARQ ③ 전진에러 수정(FEC) ④ Selective Repeat ARQ더보기정답: ③ 전진에러 수정(FEC)▶ BEC(Backward Error Control) 기법에는 Stop and Wait, Go-Back N, Selective, Adaptive ARQ가 있다.▶ FEC(Forward Error Control) 기법은 무결성 검사(CRC)를 수행 2. 다음 중 Linux의 명령어 해석기는?① Shell ② Kernel ③ Utility Program ④ Hierarchical File System더보기정답: ① Shell▶ 사용자의 명령을 입력 .. 2025.02.17 [네트워크관리사 2급] 필기 - 기출 문제(2회) 1. Windows Server 2008 R2에서 파일 및 프린터 서버를 사용할 수 있도록 지원하기 위해서 반드시 설치해야 하는 통신 프로토콜은?① TCP/IP ② SNMP ③ SMTP ④ IGMP더보기정답: ① TCP/IP▶ SNMP는 네트워크 모니터링 프로토콜▶ SMTP는 전자우편을 발송 혹은 수신하는 프로토콜▶ IGMP는 멀티캐스팅에서 그룹을 관리하는 프로토콜▶ TCP/IP는 인터넷 통신을 위해 데이터를 전송하거나 수신할 수 있는 프로토콜▶ 파일 및 프린터 서버는 TCP/IP를 사용해서 통신을 사용 2. Windows 2008 R2 Server의 DNS 서버 설정에서 호스트 이름을 IP 주소로 해석해 주는 것은?① 정방향 조회 ② 역방향 조회 ③ 조건부 전달 ④ 보조.. 2025.02.17 [네트워크관리사 2급] 필기 - 기출 문제(1회) 1. Linux 시스템 명령어 중 root만 사용가능한 명령은?① chown ② pwd ③ ls ④ rm더보기정답: ① chown▶ pwd는 리눅스에서 현재 디렉터리 위치를 확인하는 명령어▶ ls는 파일 리스트를 출력하는 명령어▶ rm은 파일을 삭제하는 명령어▶ chown은 소유자를 변경하는 명령어이고 root만 사용 가능 2. UDP 헤더에 포함되지 않는 항목은?① 확인 응답 번호(Acknowledgement Number)② 소스 포트(Source Port) 주소③ 체크섬(Checksum) 필드④ 목적지 포트(Destination Port) 주소더보기정답: ① 확인 응답 번호(Acknowledgement Number)▶ 확인 응답 번호는 TCP에서 데이터를 정상적으로 수신 받았는지 확인.. 2025.02.17 [포트폴리오 페이지] 7단계: 프로젝트 상세 페이지 추가 ~ SEO 최적화 more [포트폴리오 페이지] 6단계: 반응형 디자인 more [To Do List] 다음 단계 more [To Do List] 5단계: 단계별 진행 및 코드 주석과 Git 커밋 메시지 more [To Do List] 4단계: 확장 가능한 프로젝트 구조 more 반응형