본문 바로가기
반응형

분류 전체보기166

2023 웹디자인 기능사 실기 B-4 유형 2023 웹디자인 기능사 실기 B-4 유형 HTML : https://github.com/dongjin6539/web2023/blob/main/webd/site2/index.html CSS : https://github.com/dongjin6539/web2023/blob/main/webd/site2/css/style.css SCRIPT.JS : https://github.com/dongjin6539/web2023/blob/main/webd/site2/script/script.js HTML 산업대학교 대학소개 총장인사말 학교소개 홍보관 캠퍼스 안내 입학안내 수시모집 정시모집 편입학 재외국민 정보서비스 대학정보알림 정보공개 정보서비스안내 커뮤니티 공지사항 참여게시판 자료실 미래를 이끄는 열정 산업대학교 당신.. 2023. 5. 13.
2023 웹디자인 기능사 실기 A-3 유형 2023 웹디자인 기능사 실기 A-3 유형 HTML : https://github.com/dongjin6539/web2023/blob/main/webd/site1/index.html CSS : https://github.com/dongjin6539/web2023/blob/main/webd/site1/css/style.css SCRIPT.JS : https://github.com/dongjin6539/web2023/blob/main/webd/site1/script/script.js HTML 강원천문대 강원천문대 천문대 소개 인사말 오시는길 이용안내 프로그램 관람시간표 이달의 별자리 천문대예약 예약하기 예약확인 예약취소 커뮤니티 공지사항 방문후기 자유게시판 천문과학교육관 시설 소개 영상강의실로 놀러오세요! .. 2023. 5. 12.
HTML 페이지 디자인 만들기 HTML 페이지 디자인 만들기 조별 과제로 인한 사이트 페이지 디자인을 만들고 코드도 만들어봤습니다. 먼저 피그마 디자인 시안입니다. 서로의 너비를 임시로 만들어두고 틀을 미리 만들어두고 사진과 영상을 가져와서 시안을 만들어봤습니다. 이제 코드를 만든 페이지 하나를 예시로 보여드리겠습니다. HTML 코드 구성 헤더 영역 바로 가기 컨텐츠 영역 바로 가기 푸터 영역 바로 가기 헬드백 X 헬드백 소개 부위별 운동 커뮤니티 마이페이지 팔 운동 케이블 푸쉬다운 복부근을 강화하는 운동 중 하나입니다. 복부근 중에서도 상복부의 근력을 강화하는데 효과적인 운동입니다. 1. 케이블 머신에 바를 달고 적당한 무게를 설정합니다. 2. 바를 잡은 손은 어깨 너비 정도로 벌립니다. 3. 팔꿈치를 고정한 채 바를 내리며 상체를.. 2023. 5. 11.
리액트 React : 컴퍼넌트, props 리액트 React : 컴퍼넌트, props https://dongjin6539.tistory.com/105 블로그를 참고해서 작성하겠습니다. 참고 : https://dongjin6539.github.io/web2023/react/index.html 리액트 React 출력하기 1. 컴퍼넌트 리액트(React)는 UI(User Interface) 라이브러리로, 웹 어플리케이션의 구성 요소를 모듈화하여 개발할 수 있도록 지원합니다. 이러한 모듈화된 구성 요소를 컴포넌트(Component)라고 합니다. 리액트의 컴포넌트는 크게 두 가지 유형으로 나눌 수 있습니다. 하나는 클래스 컴포넌트(Class Component)이고, 다른 하나는 함수형 컴포넌트(Functional Component)입니다. 클래스 컴포넌트.. 2023. 5. 10.
PHP ajax/jquery로 유효성 검사하기 PHP ajax/jquery로 유효성 검사하기 PHP와 jQuery는 모두 웹 개발에서 유용한 언어 및 라이브러리입니다. 그러나 PHP는 서버 측 언어로 웹 페이지를 구성하는 HTML 코드를 동적으로 생성하거나 데이터베이스와 상호작용하는 등의 작업을 처리할 수 있는 언어입니다. 반면 jQuery는 클라이언트 측 라이브러리로, HTML 페이지 내에서 JavaScript를 이용하여 DOM(Document Object Model) 요소를 조작하고 이벤트를 처리하는 등의 작업을 단순하게 처리할 수 있도록 도와줍니다. 따라서 PHP와 jQuery는 각각 다른 분야에서 사용되며, 유효성 검사 또한 서로 다른 방식으로 처리됩니다. PHP는 서버 측에서 입력값을 검사하고, 문제가 있을 경우 오류 메시지를 출력하거나 다.. 2023. 5. 9.
리액트 React 리액트 React 리액트(React)란? React는 Facebook에서 개발한 오픈 소스 자바스크립트 라이브러리입니다. React는 사용자 인터페이스를 만들기 위한 도구로 사용됩니다. React는 컴포넌트라고 하는 재사용 가능한 UI 요소를 만드는 데 중점을 둡니다. 각 컴포넌트는 자체적으로 상태를 관리하며, 필요에 따라 데이터를 받아와서 화면에 렌더링합니다. React는 가상 DOM(Virtual DOM)을 사용하여 효율적인 업데이트를 가능하게 합니다. React는 상태 변경이 있을 때마다 전체 페이지를 다시 로드하는 대신, 변경된 부분만 업데이트하여 더 빠른 성능을 제공합니다. 이러한 기능으로 인해 React는 단일 페이지 어플리케이션(SPA)을 만들기에 매우 적합하며, 현재 웹 개발에서 가장 인기.. 2023. 5. 8.
반응형

티스토리툴바