profile
나도 해보자,,,,
post-thumbnail

[miniProjects] 49_TodoList

💻 주제 : 투두 리스트, 로컬 저장소에 저장왼쪽 클릭 : 완료오른쪽 클릭 : 삭제할 일을 입력하면 배열에 저장된다.

2023년 8월 11일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 46_Quiz App

💻 주제 : 퀴즈를 푼 후 몇 개를 맞췄는지 보여줌.

2023년 8월 10일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 45_Netflix Navigation

💻 주제 : 반응형 네비게이션

2023년 8월 8일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 44_Custom Range Slider

💻 주제 : 0 ~ 100까지 사용자가 범위 값을 조정할 때마다 "input" 이벤트가 발생하며, 이를 활용하여 레이블의 위치와 내용을 업데이트 함.

2023년 8월 8일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 43_Feedback UI Design

💻 주제 : 세 가지 선택지 중 하나를 선택해 리뷰를 보내면 감사답장이 나오는 피드백 카드

2023년 8월 7일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 42_Live User Filter

42_Live User Filter💻 주제 : Me API를 이용하여 사용자 필터 만들기

2023년 8월 4일
·
1개의 댓글
·
post-thumbnail

[miniProjects] 41_Verify Account UI

💻 주제 : 이메일 확인 코드 입력 UI

2023년 7월 25일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 40_Background Boxes

💻주제 : gif이미지를 보여주는 3d 박스

2023년 7월 24일
·
1개의 댓글
·
post-thumbnail

[miniProjects] 39_Password Strength Background

💻주제 : 로그인 양식, 암호의 강도에 따라 배경 이미지의 흐림도가 결정됨.

2023년 7월 4일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 38_Mobile Tab Navigation

💻주제 : 모바일 탭바를 클릭시 이미지가 바뀜

2023년 6월 30일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 37_Pokedex

💻주제 : 포키 API를 사용해 포켓몬 도감 만들기

2023년 6월 28일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 36_Hoverboard

💻주제 : 박스에 마우스를 올려놓으면 랜덤 색이 칠해짐.

2023년 6월 27일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 35_Image Carousel

💻주제 : next, prev 버튼을 활용한 이미지 슬라이더❓reset을 하는 이유이미지 슬라이더는 일정한 간격으로 이미지를 자동으로 전환해주는 기능이 있다. 이를 위해 setInterval() 함수를 사용하여 일정한 시간 간격으로 run() 함수를 호출하고 있다.

2023년 6월 26일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 34_Animated Countdown

💻주제 : replay시 3부터 0까지 애니메이션이 나타남.

2023년 6월 23일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 33_Notes App

💻주제 : 마크다운 기능이 있는 메모장메모 추가메모 저장(편집)메모 삭제메모 데이터 로컬 스토리지에 저장하기'add' 버튼의 'click' 이벤트가 발생하면 addNewNote 함수를 호출한다. 기본적으로 빈 텍스트로 호출된다.addNewNote 함수는 노트를 생성하

2023년 6월 22일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 32_Good, Cheap, Fast Checkboxes

💻주제 : 체크박스 애니메이션

2023년 6월 21일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 31_Password Generator

💻주제 : 자동 비밀번호 생성기비밀번호 길이대문자 포함소문자 포함숫자 포함기호 포함👍🏻 다섯가지 기능을 활용하여 무작위로 비밀번호가 생성됨.알파벳의 개수는 26라 random \* 26임.97부터 122까지의 수를 생성한다. 이 숫자들은 소문자 알파벳 'a'부터

2023년 6월 20일
·
0개의 댓글
·
post-thumbnail

[miniProjects] 30_Auto Text Effect

💻주제 : 자동 타이핑 효과 (속도조절도 가능)let speed = 300 / speedEl.value애니메이션 속도를 나타내는 변수 speed를 선언하고, speedEl 요소의 값에 따라 초기화한다. speedEl은 input 요소로 사용자가 속도를 선택할 수 있는

2023년 6월 19일
·
0개의 댓글
·
post-thumbnail

[CSS] 미디어 쿼리를 이용한 네비바

미디어 쿼리(Media Query)는 CSS에서 사용되는 기능으로, 웹 페이지의 미디어(장치 또는 미디어 유형)에 따라 스타일을 조건부로 적용할 수 있게 해준다. 이를 통해 다양한 장치에서 웹 페이지를 적절하게 렌더링할 수 있다.mediaType은 대상 미디어 유형을

2023년 6월 18일
·
0개의 댓글
·
post-thumbnail

[CSS] 박스의 모든 것 (3)flex

Flex Container (Flex 컨테이너)Flexbox를 적용하는 부모 요소 display: flex 또는 display: inline-flex 속성을 설정하여 정의한다.Flex Items (Flex 아이템)Flex 컨테이너의 자식 요소들을 Flex 아이템이라고

2023년 6월 18일
·
0개의 댓글
·