2023/05 30

2023.05.13. 정보처리기능사 실기

- 정보처리기능사 실기는 컴퓨터의 하드웨어와 소프트웨어에 대한 기초적인 지식과 활용 능력을 평가하는 시험입니다. - 필기시험과 실기시험으로 나누어 시행되며, 필기시험에 합격해야 실기시험에 응시할 수 있습니다. - 실기시험은 컴퓨터의 조립 및 설치, 네트워크 설정, 운영체제 설치 및 설정, 워드프로서, 스프레드시트, 프레젠테이션, 데이터베이스, 웹 브라우저 등 다양한 과목을 평가합니다. - 시험시간은 2시간이며, 60점 이상 득점해야 합격할 수 있습니다. - 정보처리기능사 실기시험에 합격하면 컴퓨터 관련 직종에 취업할 수 있는 자격을 얻을 수 있습니다. 또한, 정보처리기사, 정보보안기사 등 상위 자격증 취득에도 유리합니다. - 정보처리기능사 실기시험에 합격하기 위해서는 컴퓨터의 기본적인 지식과 활용 능력을..

2023.05.12 웹디자인 기능사 시험준비

- 오늘은 웹디자인 시험을 준비 했습니다. - 웹디자인시험에서 중요한 것은 스크립트 부분이라고 생각합니다. - 꼬였을 때 고치기가 막막하다는 부분에서 말이죠 - 그 부분들을 집중적으로 보겠습니다. - 여기는 두가지 기능이 들어갔습니다. - 탭메뉴 부분과 슬라이드 부분이죠 - 코드를 보시죠 미래를 이끄는 열정 산업대학교 당신이 원하는 교육 산업대학교 미래를 향한 우리의 도전 산업대학교 // 슬라이더 let currentIndex = 0; const $sliderWrap = $(".sliderWrap"); //이미지 부모 : 움직이는 영역 const $slider = $(".slider"); //각각의 이미지 const $sliderWidth = $slider.width(); //이미지 가로값 $slider..

2023.05.11 코딩일기

- 오늘은 아침에 조별작업을 했습니다. - 오늘한 페이지를 한번 같이 보시죠 - 헤더에 있는 탭메뉴와 메인 슬라이더 그리고 밑에 탭메뉴를 가장한 버튼이 있습니다. - 카테고리 버튼들을 누르면 해당 카테고리가 모여있는 페이지로 넘어가는 것이죠 - 하지만 레이아웃은 똑같기 때문에 페이지가 안넘어 가는것같은 착각을 주는 겁니다. - 하지만 슬라이더 때문에 로딩이 길어지게 된다면 어쩔수 없죠... - 이건 커뮤니티 안에 글을 보는 페이지 입니다. - 글과 댓글은 임의로 적어놓았습니다. - 조별작업을 하면서 느끼는 것은 시멘틱 태그과 html구조의 중요성입니다. - 처음에 html로 틀을 짤 때 어떻게 짜느냐에 따라서 나중에 코딩의 난이도가 달라지는 것 같습니다. - 어떤 경우에는 html 구조를 다시 잡아야 되..

REACT - props란?

REACT - props란? 리액트의 props는 컴포넌트 간의 데이터 전달에 사용됩니다. 부모 컴포넌트에서 자식 컴포넌트로 props를 전달함으로써 자식 컴포넌트는 전달받은 데이터를 사용하여 동적으로 UI를 생성하거나 작업을 수행할 수 있습니다. props는 다양한 타입의 값을 전달할 수 있습니다. 문자열, 숫자, 불리언, 객체, 배열 등을 props로 전달할 수 있으며, 필요에 따라 다양한 데이터를 전달할 수 있습니다. 또한, 함수나 콜백을 props로 전달하여 자식 컴포넌트에서 이벤트 핸들링이나 상태 변경과 같은 작업을 부모 컴포넌트로 전달할 수도 있습니다. 부모 컴포넌트에서 props를 전달할 때는 JSX 문법을 사용합니다. 태그 속성으로 props를 지정하거나 중괄호 {} 안에 JavaScrip..

PHP를 사용해서 게시판 페이지 만들기 - 유효성 검사와 AJAX

- 오늘은 유효성검사와 ajax에 대해서 알아보겠습니다. 유효성 검사란? - 유효성 검사(Validation)는 사용자로부터 입력받은 데이터가 원하는 형식과 규칙에 부합하는지를 확인하는 과정입니다. 웹 개발에서 유효성 검사는 주로 사용자가 제출한 폼 데이터의 유효성을 검증하는 데에 사용됩니다. - 유효성 검사는 클라이언트 측 검사와 서버 측 검사로 나눌 수 있습니다. 클라이언트 측 검사는 웹 브라우저에서 실행되며, 사용자 인터페이스에 즉각적인 피드백을 제공할 수 있습니다. 대표적인 클라이언트 측 검사 방법으로는 HTML5에서 추가된 폼 유효성 검사 기능과JavaScript를 사용한 검사가 있습니다. 이러한 방법은 필드에 입력된 데이터가 올바른 형식인지, 필수 입력 필드가 비어있지 않은지 등을 확인할 수 ..

REACT - REACT를 시작해봅시다.

REACT란 - React는 JavaScript를 사용하여 사용자 인터페이스(UI)를 구축하기 위한 오픈 소스 프론트엔드 라이브러리입니다. - React는 가상 DOM(Virtual DOM)을 사용하여 효율적으로 UI 업데이트를 관리합니다. 가상 DOM은 메모리에 존재하는 가벼운 복사본으로, React는 실제 DOM과 비교하여 변경된 부분만 업데이트합니다. 이를 통해 성능이 향상되고 빠른 UI 렌더링이 가능해집니다. REACT설치하기 - React는 Node.js 환경에서 동작하므로, Node.js를 먼저 설치해야 합니다. Node.js는 공식 홈페이지에서 다운로드할 수 있습니다. npm create-react-app react1 - 터미널에서 설치하고 싶은 문서로 이동한 뒤 위의 문구를 입력합니다. C..