- 스크롤을 할 때마다 정해둔 위치에 오면 사진과 함께 흰색/ 주황색 효과가 나타났다 사라집니다. - 코드를 보시죠 - CSS와 스크립트 부분입니다. - 오늘은 특히 CSS부분이 많은데 천천히 보시죠 - 우선 스크립트 입니다. - reveal 이라는 클라스가 있는 p태그 안의 글자를 span태그로 감싸주었습니다. - 그리고 scroll이라는 함수를 만들고 requestAnimationFrame을 주어 첫 실행후 scroll이라는 함수가 초당60번 재생되게 만들어 주었습니다. - 그리고 reveals라는 선택자를 만들어 모든 reveals를 선택한 뒤 forEach를 통해 함수를 실행시켜주었습니다. - 먼저 reveal들 안에 있는 이미지 태그들의 높이 값을 구했습니다. - 그냥 오프셋값을 넣으면 부모태그..

프로그래머스란? - 프로그래머스는온라인 프로그래밍 학습 및 코딩 테스트 플랫폼입니다. 이 플랫폼은 개발자들이 프로그래밍 언어와 알고리즘 등을 학습하고 실력을 향상시킬 수 있는 다양한 코스와 문제를 제공합니다. - 프로그래머스는 다양한 난이도와 주제의 프로그래밍 문제를 포함하고 있습니다. 사용자들은 이 문제들을 풀어가며 자신의 알고리즘과 코딩 능력을 향상시킬 수 있습니다. 또한, 프로그래머스는 코딩 테스트 대비를 위한 문제 세트를 제공하여 사용자들이 취업이나 이직과 같은 목표를 달성하는 데 도움을 줍니다. - 프로그래머스의 코딩 테스트 연습 기능은 실제 기업의 코딩 테스트와 유사한 환경을 제공합니다. 사용자는 제한된 시간 안에 문제를 풀어야 하며, 정확성과 효율성을 모두 고려해야 합니다. 이를 통해 사용자..

- 안녕하세요 여러분 오늘은 PHP를 해볼까 합니다. - 근데 왜 또 회원가입이냐구요?? - 제가 오늘 해보니까 다 까먹었기 때문이죠 - 복습이 이렇게 중요합니다 ㅋㅋㅋ - 오늘 볼 코드는 크게 3가지 입니다. - 먼저 데이터를 입력하는 HTML코드입니다. - 사용자가 데이터를 입력하는 부분으로 마지막에 버튼을 누르면 form태그를 통해 데이터가 넘어갑니다. - 두번째는 받아온 데이터를 php로 변수처럼 저장하는 방법입니다. - 세번째는 그 저장한 데이터를 사용해서 sql문을 작성한 것입니다. - 코드를 보시죠 회원가입 영역 이메일 중복확인 이름 연락처 닉네임 중복확인 비밀번호 비밀번호 확인 비밀번호 찾기 질문 당신의 가장 소중한 것은 무엇입니까? 질문 답변 회원가입 - 폼 태그를 사용했고 그 안에 la..

- Next.js는 React를 위한 오픈 소스 웹 프레임워크입니다. 정적 사이트 생성, 서버 측 렌더링 및 클라이언트 측 렌더링을 포함한 다양한 기능을 제공합니다. Next.js는 웹 사이트 및 웹 애플리케이션을 구축하는 데 사용할 수 있는 강력한 도구입니다. 다음은 Next.js의 주요 특징과 기능입니다: 서버 사이드 렌더링(SSR): Next.js는 서버에서 초기 렌더링을 수행하여 빠른 페이지 로딩 속도와 검색 엔진 최적화를 제공합니다. 이는 초기 페이지 로딩 시 사용자에게 빠른 콘텐츠 표시를 가능하게 합니다. 정적 사이트 생성(SSG): Next.js는 빌드 시간에 사전 렌더링하여 정적인 HTML 파일을 생성할 수 있습니다. 이를 통해 빠른 페이지 전환 속도와 뛰어난 성능을 제공할 수 있습니다. ..

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

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