목록2026/01/18 (5)
프로그래머가 되는 꿈
2. 날씨앱 만들기 (4)
1. 앱이 실행되자마자 현재 위치 기반의 날씨가 보인다.2. 날씨 정보에는 도시, 섭씨, 화씨, 날씨상태가 들어간다.3. 5개의 버튼이 있다. (1개는 현재위치, 4개는 다른 도시)4. 도시 버튼을 클릭할 때 마다 도시별 날씨가 보인다.(나온다)5. 현재위치 버튼을 누르면 다시 현재위치 기반의 날씨가 나온다.6. 데이터를 들고오는 동안 로딩 스피너가 돈다. lifecycle -> useEffect()useEffect에는 파라미터,즉 매개변수가 2개가 들어간다! / 함수와 배열함수안에 내가 해주고 싶은 내용을 쓰면 된다.getCurrentLocation()함수-현재 위치를 가져오는 함수-를 생성한다.왜냐하면 현재 위치를 가지고 와야 (현재 위치 기반의) 날씨가 보인다.배열[]안에 아무것도 넣지 않으면.....
프론트엔드 (Front-end)/React 프로젝트
2026. 1. 18. 23:14
2. 날씨앱 만들기 (3)
복사해서 메모장에 적어놓기!!! 리액트 프로젝트 만드는 명령어 : npx create-react-app 폴더명 프로젝트가 완료가 되었다!!! vscode 초기 화면이 실행이 된다!!! import logo from './logo.svg';import './App.css';function App() { return ( Edit src/App.js and save to reload. Learn React );}export default App; import logo from './logo.svg';import './App.css';function App() { ..
프론트엔드 (Front-end)/React 프로젝트
2026. 1. 18. 22:21
2. 날씨앱 만들기 (2) - OpenWeather 홈페이지 -> sign up & sign in
프론트엔드 (Front-end)/React 프로젝트
2026. 1. 18. 22:06