project

I Am Jihoon_3일차

1일차에서 만들었던 타이핑 코드를 구현해보자! 바로 제이름과 저를 표현하는 글을 타이핑 한것처럼 표현해주고 싶었습니다! See the Pen Untitled by jihoon (@Odin_dev) on CodePen. 이 코드는 나를 제외한 천재님의 블로그를 참고하였습니다.

I Am Jihoon_2일차

메인페이지 구성완료후 간략한 목차에 대해 만들어 보겠습니다! 구현하려는 코드의 간략한 설명은 height을 scroll하는 동안 x축방향으로 카드가 나오면서 뒤집히는 방식입니다! 구현된 코드입니다! See the Pen Untitled by jihoon (@Odin_dev) on CodePen. 코드는 유튜브 맛있는코딩님을 참고하였습니다!

I Am Jihoon _1일차

jihoon의 개인 페이지 만들기 project 1단계: 먼저 figma를 사용해 기본적인 틀을 잡아보았습니다! 2단계 세부적인 내용 을 수정 및 변경! javaScript //배경설정 const $sky = document.querySelector(".sky"); // 브라우저 창 크기에 따른 별 생성 window.onresize = () => { makeStars(); }; const makeStars = () => { // 브라우저 가장 큰 크기 const maxSize = Math.max(window.innerWidth, window.innerHeight); // 랜덤한 X 위치 값 const getRandomX = () => Math.random() * maxSize; // 랜덤한 Y 위치 값 ..