50Project

✔️ 메뉴 버튼 누르기 전✔️ 메뉴 버튼 누른 후이번 프로젝트의 핵심은 이름에서도 알 수 있듯이 회전하는 속성을 배우는 것이다.👀 회전하는 애니메이션 속성에는 무엇이 있을까?회전transform: rotate(20deg)애니메이션transition: transform

업로드중..filter: blur(10px) 속성을 사용하면 특정 요소에 블러 처리를 할 수 있다.💡 setInterval일정한 시간 간격으로 코드(또는 함수)를 반복해서 실행하는 타이머💡 clearIntervalsetInterval()로 시작한 반복을 멈추고 싶을

윈도우는 전체 페이지를 의미하는데, document보다 더 큰 개념이다.스크롤 바를 조작하면 이벤트가 발생하며, 페이지를 스크롤할 때마다 원하는 이벤트를 실행할 수 있다.스크롤 이벤트에는 window를 붙인다!위에서부터 얼마나 스크롤 되었는지 px 단위로 알려준다.해당

✨ JavaScript

이번 프로젝트 주제는 이 버튼을 누르면 각 버튼에 해당하는 사운드가 출력되는 화면을 만드는 것이다. ✨ HTML audio 태그 ✨ CSS ✨ JavaScript

✅ API 활용이번 프로젝트는 https://icanhazdadjoke.com/api 라는 API를 활용하여 미국식 농담을 화면에 랜덤으로 띄우는 것이다. My Workspace에 들어가서 연습할 Collection을 만든다.Add a Request 를 눌러

✔️ 아이콘 사용할 수 있는 링크✔️ 사용 방법italic 태그를 사용하여 아이콘을 넣을 수 있다.클래스 지정만 해주면 알아서 아이콘이 들어간다.✔️ before이렇게 초록색 아이템 박스들을 가장 큰 빨간색 컨테이너 안에 넣고, 각 아이템 박스들을 flex로 처리했다.

이 프로젝트는 콤마를 찍는 만큼 밑에 태그가 생성되고, 엔터를 누르면 랜덤으로 하나의 태그를 선택해주는 것이다.input 적을 수 있는 공간만들기입력할때마다 태그 생성하도록 함수 호출하기함수에서 문장을 콤마를 기준으로 나누어 배열에 저장배열에 따라 태그 노드를 생성하기