본문 바로가기

웹페이지만들기2

React App 만들기 - 시계 기능 구현하기 구현이 필요한 기능들 구현한 적 있는 기능 현재 시간 알려주는 기능 (시계) 날씨 정보를 반환하는 기능 (API) 할 일을 등록할 수 있는 기능 (Form) 할 일 리스트를 보여주는 영역 (Todo-list) 할 일을 지울 수 있는 기능 새롭게 구현해 보고 싶은 기능 만다라트 생성 날씨 현황에 따른 배경화면 이펙트 현재 시간을 반환하는 javascript 내장 함수를 통해 간단하게 구현할 수 있다. let nowtime = new Data(); // 현재 시간 반환 이 기능을 이용해 아래와 같이 코드를 구성했다. React 파일 내 자바스크립트 언어 삽입은 { } 안에 넣어주면 된다. import './App.css'; function App() { let clock = new Date(); // 시간 .. 2023. 6. 15.
React App 만들기 - 준비 시작하기 전 오래 전, 무료 인터넷 강의를 통해 나만의 크롬 앱 만들기를 진행하였다. html과 css, javascript 를 가지고 만들고, github에 등록하여 내가 있는 지역의 날씨, 현재 시간, 할 일 메모의 기능이 포함 되어있다.강의를 보고 프로젝트를 진행하여, 각 기능들이 정상 작동되는 것을 확인하였으나, css 작업이 고통스러워서내 기준으로 완성이 덜 된 상태로 배포하게 되었고, 이후로는 작업하지 않았다.기능을 구현하는 것에 대해서는 많은 흥미를 느끼고 진행했고, 배포까지 완료된 후 인터넷 환경에서는 어디에서도 확인이 가능한 모습을 보고뿌듯함을 느꼈으나, 자주 들어가지 않은 탓에 점점 내 관심에서 멀어지고 있었다.그러던 어느날, 크롬 시작 페이지를 설정할 수 있다는 기능을 알게 된 후, .. 2023. 6. 14.