javascript

✍️ 심플한 To Do List

간단한 투두리스트 기능입니다.

• 데이터 불러오기: for()문
• 데이터 제어하기: if문
• 요소 객체 : querySelector(), classList
• insertAdjacentHTML : HTML 문자열을 사용하여 현재 요소 주위에 새로운 HTML을 동적으로 추가할 수 있습니다.
• this: JavaScript에서 현재 실행 중인 함수가 속한 객체를 참조하는 특별한 키워드입니다.

확인하기

🌞 날씨 앱

주요 도시의 날씨를 확인할 수 있습니다. (영문 검색)

• 데이터 실행하기: fetch함수, async/await
• 데이터 제어하기: if문
• 요소 객체 : querySelector()
• 배열 객체 : find()
• 이벤트 객체 : addEventListener("keypress")
• innerHTML : 웹 개발에서 제공하는 속성 중 하나로, 해당 요소의 HTML 마크업을 포함한 모든 내용을 나타내는 문자열을 가져오거나 설정할 수 있습니다.
• gsap

확인하기

👁️‍🗨️ JSON 리더기

복잡한 json을 트리구조로 바꾸어 가독성을 높여줍니다.

• 데이터 불러오기: for...in문
• 데이터 실행하기: Array.isArray 함수 : 주어진 값이 배열인지 여부를 확인하는 JavaScript 내장 함수입니다. 이 함수는 불리언 값을 반환하며, 값이 배열이면 true를, 그렇지 않으면 false를 반환합니다.
• 요소 객체: getElementById(), createElement(), appendChild()
• 이벤트 객체 : addEventListener
• !== 연산자 및 typeof 연산자
• innerHTML : 웹 개발에서 제공하는 속성 중 하나로, 해당 요소의 HTML 마크업을 포함한 모든 내용을 나타내는 문자열을 가져오거나 설정할 수 있습니다.
• gsap

확인하기