자바스크립4 [JavaScript] ReactJS: Create React App node js를 다운로드 받아 설치하기 https://nodejs.org Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org styles.css를 import: styles.css에서 작성한 서식이 index.js 전체에 적용된다 => 바람직하지 않음 🤔 css 모듈화🤓: style들도 modular가 될 수 있다! 1) Button.module.css 파일 만들기 (파일명을 'ㅇㅇㅇ.module.css'로) 2) Button.js에서 import하여 적용 3) style.btn 서식을 다른 파일에서도 사용할 수 있다! 2024. 10. 25. [JavaScript] 크롬 앱 만들기: Weather 1) 현재 위치 확인2) https://openweathermap.org/ 에서 API 받아오기 3) fetch로 브라우저에 정보 보내기 fetch()네트워크 요청을 수행하기 위해 사용하는 최신 API Promise를 반환 fetch()가 서버에 GET 요청 -> 서버 응답 -> JSON으로 파싱 2024. 9. 11. [JavaScript] 크롬 앱 만들기: To Do List JSON.stringify()JavaScript 객체나 array를 문자열로 변환 JSON.parse()문자열을 JavaScript 객체로 변환 array 안에 있는 item에 대해 각각 function을 실행할 수 있다 JavaScript 객체(Object)'key-value pair'로 구성된 데이터 구조 arrow function filter()array 내의 요소를 조건에 따라 필터링하여 새로운 array를 반환 ex) function myFilter(item){return item !== 3} : 아이템이 3이 아니면 true를 반환(3이 아니면 array에 그대로 남겨두고 3이면 제외함) filter를 이용하여 ToDoList 각 항목의 해당 id를 제외하고 array를 만들어.. 2024. 9. 11. [JavaScript] 크롬 앱 만들기: CLOCK setInterval()일정한 시간 간격마다 함수를 반복적으로 실행(주기적인 작업) ex) 타이머, 주가 업데이트 등 setTimeout()일정 시간 후에 어떤 동작을 수행할 때(특정 시간 후 한 번만 함수를 실행하도록 예약) ex) 페이지가 로드된 후 몇 초 뒤 경고메세지 보내기 padStart()문자열이 두 자리 수가 되도록 하는 메서드 ex) 2:12 -> 02:12 2024. 9. 10. 이전 1 다음
